Hanging header bild einfügen?

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
little-r
Forum Members
Forum Members
Posts: 74
Joined: Sat Mar 13, 2010 5:34 am

Hanging header bild einfügen?

Post by little-r »

gibt es ne möglichkeit im dem hanging-theme nen header als bild einzügen?

hier ist mal der code vom stylesheet:

Code: Select all

body {
    margin: 0px;
    padding: 0;
    background: #EDE7DB url(uploads/hanging/img01.gif) repeat-x left top;
    text-align: justify;
    font-family:  Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #696969;
}

h1, h2, h3 {
    margin-top: 0;
}

h1 {
    font-size: 1.6em;
    font-weight: normal;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1em;
}

ul {
}

a {
    text-decoration: none;
    color: #696969;
}

a:hover {
    border-bottom: none;
}

a img {
    border: none;
}

img.left {
    float: left;
    margin: 0 20px 0 0;
}

img.right {
    float: right;
    margin: 0 0 0 20px;
}

#header-wrapper {
    width: 100%;
    height: 150px;
}

#header {
    width: 960px;
    margin: 0 auto;
    height: 150px;
}

/* Header */

#logo {
    width: 960px;
    height: 150px;
    margin: 0 auto;
}

#logo h1, #logo p {
       (uploads/RiNo/header.jpg)
    margin: 0;
    padding-left: 100px;
    color: #FFFFFF;
}

#logo span {
    color: #FFFFFF;
}

#logo h1 {
    padding: 25px 0 0 0;
    letter-spacing: -1px;
    text-transform: none;
    font-weight: normal;
    font-size: 4.8em;
}

#logo p {
        text-transform: none;
    padding: 4px 0 0 3px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    color: #FFFFFF;
}

#logo a {
    border: none;
    text-decoration: none;
    color: #FFFFFF;
}
mike-r

Re: Hanging header bild einfügen?

Post by mike-r »

Ich verstehe Deine Frage nicht ganz. Auch kann man mit dem bisschen Code nicht allzuviel zum Thema sagen, wenn man das Theme selbst nicht installiert hat.

Hast Du mal einen Link?
NaN

Re: Hanging header bild einfügen?

Post by NaN »

Ob es möglich ist?
Es wäre sogar möglich, eine gelbe Plastik-Ente im hanging-Template über den Bildschirm laufen lassen.

Die Frage ist nicht, ob es möglich ist, sondern ob Du es kannst.
Dazu reichen simple CSS Kenntnisse, die Du überall im Web erweitern kannst.

Du wilst ein Bild im Header?
Nun, Du hast ein Element mit der ID "header" (so entnehme ich es zumindest Deinem stylesheet). Also wie wäre es einfach, wenn Du diesem Element im Stylesheet eine Hintergrundgrafik gibst?

#header {
    background:url(bild adresse) no-repeat left top;
    width: 960px;
    margin: 0 auto;
    height: 150px;
}
Post Reply

Return to “Layout und Design”