Theme-Anpassung

[the_immersionist]

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:

PHP-Code:

/* 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.

[MaD]

#menu {
background:url("http://www2.pic-upload.de/20.03.10/k1b6448mpgli.jpg")  no-repeat scroll 0 0 transparent;
line-height:30px;
margin:0 auto;
min-height:157px;
overflow:auto;
padding-top:40px;
width:550px;


}

#logo {
float:left;
padding:95px 0 0;


}

hm teste mal so

[the_immersionist]

Danke, sieht jetzt perfekt aus! Kannst du mir den Trick verraten?

[MaD]

naja das ist kein Trick ... ich habe mit Firebug etwas an deiner css rumgespielt und habe dann nachdem es ungefähr so aussah, wie du es wolltest, den Quellcode einfach rauskopiert ...

Firebug ist ein sehr gutes Plugin für den Firefox, mit dem du onthefly Änderungen an der css machen kannst, um so Designänderungen zu testen ... google einfach mal nach ... wird sicherlich auch ein Tutorial dafür geben ...

[the_immersionist]

Danke für den Tipp!

Noch eine Frage: Ich hab jetzt im Footer meines Blogs "Categories", sowie rechts davon ein Suchkästchen, darüber steht "Search for". Wo kann ich das eindeutschen? Ich habe im Theme Editor in allen Templates gesucht und nichts gefunden.