Hallo
Ich habe mir vor kurzem von einem Freund ein Blog einrichten lassen und versuche jetzt erst einmal, es nach meinen Wünschen visuell zu gestalten. Da ich weiss, was ich haben möchte, nämlich ein möglichst schlichtes, unauffälliges und übersichtliches Design, habe ich recht schnell eines gefunden, das mir gefällt, nämlich "Clear" von Niyaz. Ich arbeite jetzt mit dem Theme Editor und habe auch schon einiges abgeändert, allerdings wimmelt es noch von Platzhaltern wie X und Y, also nicht wundern:
[Link entfernt]
Wie gesagt, habe ich schon angefangen, mit dem Theme Editor zu arbeiten. Allerdings mache ich das zum ersten Mal und mehr als Werte verändern und dann schauen, was passiert, kann ich nicht, da ich mich mit der Materie nicht auskenne und auch keinerlei Programmiererfahrungen habe. Ich muss aber auch kein eigenes Theme entwickeln, lediglich da und dort etwas an dem ausgewählten Theme ändern und schon bin ich zufrieden.
Zurzeit beisse ich mir an der Position des "Blog Title" (Platzhalter: XXX) und der "Tagline" (Platzhalter: YYY) die Zähne aus. Beide sollten a) bis an den unteren Bildrand rutschen und b) näher zusammenrücken. Ich habe es durch Ändern der Werte versucht, bisher vergeblich. Die wohl relevanten Zeilen sehen so aus:
/* Header */
#header {
width: 723px;
height: 0px[Abstand von Oben];
margin: 15px auto 0 auto;
background:url() no-repeat center;
}
/* Logo */
#logo {
float: left;
padding: 40px 0px 0px 0px;
}
#logo #h1{
font-family: Georgia, serif;
font-size: 3.0em;
}
#logo #h2 {
font-size: 1.5em;
font-family: Georgia, serif;
color:#777;
padding:0px 0px 0px 10px;
}
#logo #h1 a {
text-decoration: none;
color:#777;
border:0;
}
#logo #h1 a:hover, #logo #h1 a:visited, #logo #h1 a:link
{
border:0;
}
#logoimage {
height: 70px;
width:1200px;
margin:35px 0 0 120px;
padding-left:10px;
background:url() no-repeat;
cursor:hand;
}
#bookmarker img
{
margin: 10px 0;
width: 16px;
height: 16px;
}
/* Menu */
#menu {
width: 550px;
margin:0 auto;
padding-top:40px;
min-height:75px;
line-height:45px;
background:url(http://www2.pic-upload.de/20.03.10/k1b6448mpgli.jpg) no-repeat;
overflow:auto;
}
#menu ul {
margin:0;
padding:0px 120px 0px 0;
list-style: none;
text-align:right;
float:right;
font-variant:small-caps;
display: inline;
}
#menu li {
display: inline;
}
#menu a
{
padding:0px 0px 0px 10px ;
text-decoration: none;
font-size: 1em;
border:0;
color:#999;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#menu a:hover,
#menu a:active,
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active
{
color:#999;
border:0;
}
.header-strip {
background-color:#f5f5f5;
height:0px;
margin:10px 12px;
clear:both;
}Gibt es da Hoffnung für mich? Auf jeden Fall danke ich schon im Voraus für allfällige Hilfeleistungen.