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? :puzzled:
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
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
Hallo,
meintest du das so?
(https://forum.pragmamx.org/proxy.php?request=http%3A%2F%2Fwww.sg-plattform.de%2FUnbenannt-1.jpg&hash=6562aaba74c8dbe1952e5ffac28d392dbe108f69)
*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
@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
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*
:BD:...und zwar genau deswegen... :BD:
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*
:BD:...und zwar genau deswegen... :BD:
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 :red:
*wartet nun noch gespannt darauf, ob Homer ihm verrät, wie er das oben gezeigte bewerkstelligen kann*
LG
Sven
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
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 :)
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 :)
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
@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.
Du musst die Breite im Layout ändern: width="600" height="100" und die rechte Grafik entfernen (header_right.gif)
Wenn es dir hilft, kann ich dir auch gerne den Ordner sand/blue per e-mail schicken. Dort habe ich die Änderung gespeichert.
Homer, Du hast eine PM ;)
LG
Sven
Puschel Du hast eine PM
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 ! :thumbup:
LG
Sven
Ändere in der css dieses hier:
#loginform td {
background-color: transparent;
color: #ffffff;
font-size: 11px;
text-align: center;
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 :)
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
Zitat von: GerhardSt am 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
Hallo Gerhard,
sehr schön, denn damit ist nun auch dieses letzte Problem gelöst. Danke auch Dir ! :thumbup:
LG
Sven