Aua
Danke, du bestätigst meine schlimmsten Befürchtungen :(
Dann muss ich wohl in die css Datei eintauchen.
Aber wenigstens weiß ich dann, wo ich suchen und ändern muss :mrgreen:
Eine Frage noch - die css ist ja mit den anderen php Dateien verbunden.
Es reicht daher die entsprechenden Formatierungsanweisungen in der css zu ändern und ich muss nicht noch die verknüpften php Dateien nachbearbeiten?
So sieht die css Datei aus:
/* ------- Layout CSS( Centered Fixed Width) ------ */body {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
text-align: center; /* IE 5.5 hack */
}#farouter {
width: 90%;
border: 0px;
margin: 20px auto 20px auto;
text-align: left; /* IE 5.5 hack part II */
}
#outer {
}
#rap {
}
#masthead {
letter-spacing: 0.2em;
margin: 5px 5px 0 35px;
padding: 0 5px 5px 5px;
font: normal 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}
#main {
padding-left:35px;
}
#content {
float: left;
width: 70%;
padding-top: 0px;
}
#menu {
margin-top: 35px;
float: right;
width: 25%;
}
#nav {
padding-left: 10px;
}
#logo {
padding-top: 25px;
padding-left: 12px;
}
#hmenu {
margin: 8px;
height: 30px;
}
#hnav {
margin: 0;
padding: 0;
}
#clearer {
clear: both;
margin: 0;
padding: 0;
}
#footer {
margin: 8px 8px 8px 8px;
}
/*----------------- Color CSS ------------------------*/
body {
background: #fff url('images/background.gif');
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
color:#333;
}
#rap {
background: transparent;
}
#masthead {
background: #F2EEEC;
background-image: url('images/side_background.gif');
border: 2px solid #eabccc;
}
#footer {
background: transparent;
}
#menu {
background: url('images/side_background.gif');
border: 2px solid #eabccc;
}
#nav {
background: transparent;
}
#hmenu {
background: #fff;
}
a {
color: #eabccc;
}
a:visited {
color: #eabccc;
}
a:hover {
color: #339933;
}
acronym, abbr {
border-bottom: #333;
}
blockquote {
border: #eabccc;
background: #F2EEEC;
background-image: url('images/side_background.gif');
}
h2 {
color: #339933;
}
h3 a {
color: #339933;
}
h3 a:hover {
color: #339933;
}
h3 a:visited {
color: #339933;
}
.meta {
color: #000;
}
.meta a {
color: #339933;
}
.feedback a{
color: #339933;
}
/* -------- Core CSS ---------*/
// einiges hier rausgekürzt
.meta li, ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta, .meta a {
font-weight: normal;
letter-spacing: 0;
}
.post {
margin: 35px 35px 20px 0;
}
.entrytext {
margin-left: 30px;
}
.storytitle {
padding: 5px;
margin-top: 10px; margin-bottom: 0px;
border: 2px solid #eabccc;
background: #f6e2eb;
background-image: url('images/side_background.gif');
}
.storytitle a {
text-decoration: none;
}
.storycontent{
margin-bottom: 5px;
border-left: 2px solid #eabccc;
border-right: 2px solid #eabccc;
border-bottom: 2px solid #eabccc;
border-top: 1px solid #eabccc;
padding: 5px; }
/* ---------- All menu styling except #menu itself (in layout above) ------- */
#nav form {
margin: 0 0 0 13px;
}#nav input#s {
width: 80%;
background: #fff;
border: 1px solid #339933;
color: #000;
}
#nav ul li h2 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-weight: normal;
letter-spacing: 0.1em;
border: 0;
text-align: left;
padding-left:0;
margin-left: 0;
}
#nav ul ul ul.children {
font-size: 100%;
padding-left: 4px;
}
#nav {
width: 170px;
}
#nav ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 100%;
}#nav a {
display: block;
padding: 3px;
padding-left: 17px;
width: 150px;
border-bottom: 1px solid #eee;
background-image: url(images/icon.gif);
background-repeat: no-repeat;
background-position: 0 55%;
color: #000;
}#nav a:link, #navlist a:visited{
text-decoration: none;
}#nav a:hover{
background-image: url(images/icon2.gif);
background-color: #fff;
color: #339933;
}
#themeswitcher {
width: 160px;
font-size: 90%;
color: #000;
}
/*------------- hnav------------*/
#hnav ul{
text-align: right;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #fff;
color: #000;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 16px;
/* fixes Firefox 0.9.3 */
}#hnav ul li{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}#hnav ul li a{
padding-left: 15px;
padding-right: 5px;
padding-bottom: 3px;
padding-top: 3px;
background-image: url(images/icon.gif);
background-repeat: no-repeat;
background-position: 0 55%;
color: #000;
text-decoration: none;
}#hnav ul li a:hover{
background-image: url(images/icon2.gif);
background-color: #fff;
color: #339933;
}#hnav #active {
border-left: 1px solid #fff;
}
Vermutlich muss ich in den nav Bereich entsprechend umgestalten. Es geht wohl nicht, eine eigenständige php Datei dafür zu erstellen, auf die hier verwiesen wird, da die CSS der Interpreter ist?
Ich habe relativ wenig Ahnung von css, insofern ist die Frage vielleicht auch nonsense.