Header-Grafik in Blue-Sand-Theme

Puschel · 18 September 2007, 11:04:33

Huhu ihr,

wie bekomme ich eine Headergrafik in den Header des blue-sand-Themes?
Diese sollte an der Stelle stehen, an der der Seitentitel erscheint (also bei uns das Gamezcheck.de: Keep on playing - http://gamezcheck.de).
Die Grafik, die in den Header soll, ist folgende:
http://gamezcheck.de/bboblog/logoneu.jpg

Nun stellt sich mir als Programmier-Dummy die Frage: Wie bekomme ich diese in den Header, ohne ihn komplett zu zerstören?

Zumal die Funktion des User-Logins dort oben bestehen bleiben soll. Wäre dies nicht der Fall, könnte man ja einfach den kompletten Header nur durch die Grafik ersetzen.

Kann mir da jemand helfen?

LG
Sven

Puschel · 18 September 2007, 14:47:25

Hoi,

um zu verdeutlichen, wie ich mir das vorstelle:
http://gamezcheck.de/bboblog/headerdemo.jpg

So in etwa sollte der Header dann aussehen.

Keiner eine Idee, wie das umzusetzen ist?

LG
Sven

Homer · 18 September 2007, 14:50:37

Hallo,
meintest du das so?

breakdancer · 18 September 2007, 15:01:40

*lol*

Der Homer mit seinen 2 Beiträgen macht hier innerhalb von genau drei Minuten den guten Puschel nass...

*lach* Entschuldigung, ich konnte es mir jetzt nicht verkneifen...

Whatever: Toller Support, Homer, so muss das sein.

Liebe Grüße

Markus

Puschel · 18 September 2007, 15:11:15

@Homer
Ja, genau so meinte ich das

@breakdancer
Naja, muß ich mit leben, ich muß mir echt mal Zeit nehmen, mich wieder ein wenig mehr mit Programmierkenntnissen auseinanderzusetzen. Komme mir hier wirklich immer total blöd vor

Aber - wenns keine wie mich hier geben würde, wärs für die, dies können, doch auch langweilig *g*

LG
Sven

breakdancer · 18 September 2007, 15:15:04

Zitat von: Puschel am 18 September 2007, 15:11:15
Komme mir hier wirklich immer total blöd vor

...das ist einfach Käse...

Zitat von: Puschel am 18 September 2007, 15:11:15
Aber - wenns keine wie mich hier geben würde, wärs für die, dies können, doch auch langweilig *g*

...und zwar genau deswegen...

Puschel · 18 September 2007, 16:54:54

Zitat von: breakdancer am 18 September 2007, 15:15:04
Zitat von: Puschel am 18 September 2007, 15:11:15
Komme mir hier wirklich immer total blöd vor

...das ist einfach Käse...

Zitat von: Puschel am 18 September 2007, 15:11:15
Aber - wenns keine wie mich hier geben würde, wärs für die, dies können, doch auch langweilig *g*

...und zwar genau deswegen...

Huhu,

naja, wenn ich nun bedenke, wie lange wir das Pragma schon im Einsatz haben und wie wenig ich immer noch darüber weiß, ist das schon ... naja ... so eben halt So kommt es eben bei jeder Kleinigkeit dazu, das Supportforum in Anspruch zu nehmen. Siehe gestern den Scroll-Block: total simple Lösung, aber bloß nicht von selbst drauf kommen

*wartet nun noch gespannt darauf, ob Homer ihm verrät, wie er das oben gezeigte bewerkstelligen kann*

LG
Sven

cihan · 18 September 2007, 17:23:13

Hallo Puschel

du hast ja in deinem theme.html folgendes:

Zitat<table border="0" cellpadding="0" cellspacing="0" style="width:100%;hight:92px;">
<tr>
<td width="17"><img src="images/header_left.gif" alt="" width="17" height="100" border="0" /></td>
<td width="682" style="background-image:url(images/header_middle.gif);" class="header"><div id="sitename"><a href="index.php">{$sitename}</a></div>
<br/>
<div class="slogan">{$slogan}</div></td>
<td width="10" style="background-image:url(images/header_middle.gif);" class="header"> </td>

<td width="176" align="left" class="headerinner">
<div id="loginform">{LOGINFORM}</div>
</td>
<td width="17"><img src="images/header_right.gif" alt="" width="17" height="100" border="0" /></td>
</tr>
<tr>
<td height="5"></td>
</tr>
</table>

Du musst einfach das Rote anpassen und schon würde dein Logo als Tabellenhintergrund angezeigt werden... Du hast noch links und rechts von deinem Logo noch die Graphiken "header_right.gif" und "header_left.gif"... Wenn die weg sollen, dann lösche diese beiden Zeilen:

<td width="17"><img src="images/header_left.gif" alt="" width="17" height="100" border="0" /></td>

<td width="17"><img src="images/header_right.gif" alt="" width="17" height="100" border="0" /></td>

lg

Puschel · 18 September 2007, 17:31:31

Zitat von: cihan am 18 September 2007, 17:23:13
Hallo Puschel
du hast ja in deinem theme.html folgendes:

Zitat<table border="0" cellpadding="0" cellspacing="0" style="width:100%;hight:92px;">
<tr>
<td width="17"><img src="images/header_left.gif" alt="" width="17" height="100" border="0" /></td>
<td width="682" style="background-image:url(images/header_middle.gif);" class="header"><div id="sitename"><a href="index.php">{$sitename}</a></div>
<br/>
<div class="slogan">{$slogan}</div></td>
<td width="10" style="background-image:url(images/header_middle.gif);" class="header"> </td>

<td width="176" align="left" class="headerinner">
<div id="loginform">{LOGINFORM}</div>
</td>
<td width="17"><img src="images/header_right.gif" alt="" width="17" height="100" border="0" /></td>
</tr>
<tr>
<td height="5"></td>
</tr>
</table>

Du musst einfach das Rote anpassen und schon würde dein Logo als Tabellenhintergrund angezeigt werden... Du hast noch links und rechts von deinem Logo noch die Graphiken "header_right.gif" und "header_left.gif"... Wenn die weg sollen, dann lösche diese beiden Zeilen:

<td width="17"><img src="images/header_left.gif" alt="" width="17" height="100" border="0" /></td>

<td width="17"><img src="images/header_right.gif" alt="" width="17" height="100" border="0" /></td>

lg

Hoi,

ist nicht ganz des Rätsels Lösung, denn zum einen wäre der alte Text (Gamezcheck.de Keep on Playing) noch vorhanden, da das Theme ja den Seitentitel dort reinpackt und zum anderen wäre es auf diese Art so, dass er mir das Logo mehrfach präsentiert.

Siehe die jetzige Version der gamezcheck.de - so sieht es im Moment aus - was nicht so bleiben sollte

LG
Sven

EDIT:
So, Slogan und Titel hab ich nun wegbekommen, dazu musste ich einfach die folgenden Zeilen löschen:
<div id="sitename"><a href="index.php">{$sitename}</a></div>
<br/>
<div class="slogan">{$slogan}</div>

nun mal gucken, wie ich den Rest noch halbwegs hinbekomme

cihan · 18 September 2007, 17:43:36

Also der Seitenname und das Slogan sollen weg? Dann einfach das hier löschen:

Zitat<div id="sitename"><a href="index.php">{$sitename}</a></div>
<br/>
<div class="slogan">{$slogan}</div></td>

Und wenn du dein Logo entsprechend der Tabelle anpasst (also die Größe), dann sollte es nicht mehrmals angezeigt werden...

Oder du machst das so:

Zitat<td width="682" style="background-image:url(images/header_middle.gif); no-repeat" class="header">

So würde dein Logo nur einmal angezeigt werden.

lg

edit:
ups, überschnitten, auch gut

Homer · 18 September 2007, 17:48:40

So bin wieder da, musste meinem Sohn bei den Hausaufgaben helfen

Hier die Änderung:

<td width="600" height="100" valign="top" class="header" style="background-image:url(images/logoneu.JPG);"><div id="sitename"><a href="index.php">{$sitename}</a></div>
<br/>
<div class="slogan">{$slogan}</div></td>

css ändern: class="headerinner
.headerinner {
   background-color: #FFFFFF;

css vorher:

.headerinner {
   background-image: url(../images/header_middle.gif);
   background-position: center center;
   background-repeat: repeat;

alles was rot ist löschen

Puschel · 18 September 2007, 17:57:52

@cihan
Hmm, nur mit dem no-repeat war er nicht so einverstanden, repeated trotzdem

Zitat von: Homer am 18 September 2007, 17:48:40
So bin wieder da, musste meinem Sohn bei den Hausaufgaben helfen

Hier die Änderung:

<td width="600" height="100" valign="top" class="header" style="background-image:url(images/logoneu.JPG);"><div id="sitename"><a href="index.php">{$sitename}</a></div>
<br/>
<div class="slogan">{$slogan}</div></td>

css ändern: class="headerinner
.headerinner {
   background-color: #FFFFFF;

css vorher:

.headerinner {
   background-image: url(../images/header_middle.gif);
   background-position: center center;
   background-repeat: repeat;

alles was rot ist löschen

Die Änderungen habe ich jetzt so vorgenommen, allerdings sieht es nicht wirklich so aus, wie auf Deinem obigen Screenshot.

Homer · 18 September 2007, 18:06:05

Du musst die Breite im Layout ändern: width="600" height="100" und die rechte Grafik entfernen (header_right.gif)

Homer · 18 September 2007, 18:09:49

Wenn es dir hilft, kann ich dir auch gerne den Ordner sand/blue per e-mail schicken. Dort habe ich die Änderung gespeichert.

Puschel · 18 September 2007, 18:16:20

Homer, Du hast eine PM

LG
Sven

Homer · 18 September 2007, 18:44:39

Puschel Du hast eine PM

Puschel · 18 September 2007, 19:03:27

Du auch

Danke Dir und auch den anderen für die Hilfe. Habe es nun (zuletzt dank Homer) geschafft. Musste nur noch das Logo ein wenig anpassen, nun ist es so, wie wir das haben wollten (einziger kleiner Nachteil ist, man sie logischerweise das "Hallo xyz" nicht mehr, da es ja in weisser Schrift auf weissem Grund eher untergeht *g*
Aber damit können wir leben!

Also, nochmal Danke !

LG
Sven

Homer · 18 September 2007, 19:07:51

Ändere in der css dieses hier:

#loginform td {
   background-color: transparent;
   color: #ffffff;
   font-size: 11px;
   text-align: center;

Puschel · 18 September 2007, 19:16:08

Zitat von: Homer am 18 September 2007, 19:07:51
Ändere in der css dieses hier:

#loginform td {
   background-color: transparent;
   color: #ffffff;
   font-size: 11px;
   text-align: center;

Dadurch wird schonmal das "Hallo" wieder sichtbar (in schwarz geändert). Wenn Du mir nun noch sagen kannst, wie ich auch den Namen des eingeloggten nun vom Weiß befreie und ihn einschwärze, bin ich restlos glücklich

GerhardSt · 18 September 2007, 20:16:58

Hallo Puschel,

die Farbe des Usernamens kannst du in der functions.php deines Themes ändern.
Hier mal der Code, nur bin ich mir nicht sicher ob der in allen Themes so aussieht.

Zitat$hallo <span style="color: #ffffff; background-color: transparent;"><b>$username</b></span> !
<br><br>

Ein Stück weiter oben, kannst du auch noch die Nachricht für die neuen PM´s ändern.

L.G. Gerhard