Banner an andere Position - nur wie?
#1
Huhu,

bin derzeit dabei eine eigenen Clanpage http://www.wdl-syrtis-nifl.clan.su zusammen zu basteln.
Leider habe ich keine Erfahrung im Bereich des Slicens.
Kann mir jemand weiterhelfen, wie ich den Header der site statt links am Rand mittig einstellen kann, ohne den sonstigen Aufbau der Site zu zerstören?

Beispiele, was ich bisher schon probiert habe:

Bild 1 (dort soll das Banner eigentl platziert werden, ohne das der bisherige Seitenaufbau "zerstört" wird):
[Bild: s3151817.jpg]
code1:

[HTML]<table border="0" cellpadding="0" cellspacing="0" height="204" width="100%">
<tr><td align="center" width="357"><img src="http://wdl-syrtis.clan.su/theme/10_11_new-2-.jpg" border="0"></td>

<table border="0" cellpadding="0" cellspacing="0" height="204" width="100%">
<tr><td align="left" width="357"><img src="http://kingdomofthree.clan.su/Theme/1_new.png" border="0"></td><td style="background:url('/.s/t/601/2.jpg');" align="right"><a href="$HOME_PAGE_LINK$" title="Hauptseite"><img src="/.s/t/601/3.gif" border="0" alt="Hauptseite"></a><img src="/.s/t/601/4.gif" width="10" height="1" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Mein Profil"><img src="/.s/t/601/5.gif" border="0" alt="Mein Profil"></a><?else?><a href="$REGISTER_LINK$" title="Registrieren"><img src="/.s/t/601/6.gif" border="0" alt="Registrieren"></a><?endif?><?endif?><img src="/.s/t/601/4.gif" width="10" height="1" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Logout"><img src="/.s/t/601/7.gif" border="0" alt="Logout"></a><?else?><a href="$LOGIN_LINK$" title="Login"><img src="/.s/t/601/8.gif" border="0" alt="Login"></a><?endif?><?endif?></td><td align="left" width="243"><img src="/.s/t/601/9.jpg" border="0"></td></tr>
<tr><td align="center" width="357"><img src="http://kingdomofthree.clan.su/Theme/10_new.png" border="0"></td><td style="background:url(http://kingdomofthree.clan.su/Theme/11_new.png');"><span style="color:#F8F3C9;font:20pt bold Verdana,Tahoma;"><b></b></span></td>
<td width="193" style="background:url('/.s/t/601/12.jpg');padding-right:50px;padding-bottom:5px;" align="right" valign="bottom"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Sie sind angemeldet als<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Gruppe<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Willkommen<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td></tr>
</table> [/HTML]

Beispiel 2:
[Bild: s9053261.jpg]
code 2:

[HTML]<table border="0" cellpadding="0" cellspacing="0" height="204" width="100%">
<tr><td align="center" width="757" height="204" style="background:url(' http://wdl-syrtis.clan.su/theme/10_11_ne...bottom:5px;" align="center" valign="bottom">
<table border="0" cellpadding="0" cellspacing="0" height="204" width="100%">
<tr><td align="left" width="357"><img src="http://kingdomofthree.clan.su/Theme/1_new.png" border="0"></td><td style="background:url('/.s/t/601/2.jpg');" align="right"><a href="$HOME_PAGE_LINK$" title="Hauptseite"><img src="/.s/t/601/3.gif" border="0" alt="Hauptseite"></a><img src="/.s/t/601/4.gif" width="10" height="1" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Mein Profil"><img src="/.s/t/601/5.gif" border="0" alt="Mein Profil"></a><?else?><a href="$REGISTER_LINK$" title="Registrieren"><img src="/.s/t/601/6.gif" border="0" alt="Registrieren"></a><?endif?><?endif?><img src="/.s/t/601/4.gif" width="10" height="1" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Logout"><img src="/.s/t/601/7.gif" border="0" alt="Logout"></a><?else?><a href="$LOGIN_LINK$" title="Login"><img src="/.s/t/601/8.gif" border="0" alt="Login"></a><?endif?><?endif?></td><td align="left" width="243"><img src="/.s/t/601/9.jpg" border="0"></td></tr>
<tr><td align="center" width="357"><img src="http://kingdomofthree.clan.su/Theme/10_new.png" border="0"></td><td style="background:url(http://kingdomofthree.clan.su/Theme/11_new.png');"><span style="color:#F8F3C9;font:20pt bold Verdana,Tahoma;"><b></b></span></td>
<td width="193" style="background:url('/.s/t/601/12.jpg');padding-right:50px;padding-bottom:5px;" align="right" valign="bottom"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Sie sind angemeldet als<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Gruppe<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Willkommen<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td></tr>
</table>[/HTML]
Bild 3 (jetziger Stand der Dinge auf der Site):
[Bild: s4864764.jpg]
code 3:


[HTML]<table border="0" cellpadding="0" cellspacing="0" height="204" width="100%">
<tr>
<td align="left" width="357"><img src="http://kingdomofthree.clan.su/Theme/1_new.png" border="0"></td>
<td style="background:url('/.s/t/601/2.jpg');" align="right">
<a href="$HOME_PAGE_LINK$" title="Hauptseite"><img src="/.s/t/601/3.gif" border="0" alt="Hauptseite"></a>
<img src="/.s/t/601/4.gif" width="10" height="1" border="0">
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Mein Profil"><img src="/.s/t/601/5.gif" border="0" alt="Mein Profil"></a><?else?><a href="$REGISTER_LINK$" title="Registrieren"><img src="/.s/t/601/6.gif" border="0" alt="Registrieren"></a><?endif?><?endif?>
<img src="/.s/t/601/4.gif" width="10" height="1" border="0">
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Logout"><img src="/.s/t/601/7.gif" border="0" alt="Logout"></a><?else?><a href="$LOGIN_LINK$" title="Login"><img src="/.s/t/601/8.gif" border="0" alt="Login"></a><?endif?><?endif?>
</td>
<td align="left" width="243"><img src="/.s/t/601/9.jpg" border="0"></td>
</tr>
<tr>
<td align="left" width="357"><img src="http://wdl-syrtis.clan.su/theme/10_11_new-2-.jpg" border="0"></td>
<td style="background:url('http://kingdomofthree.clan.su/Theme/11_new.png') left no-repeat;"></td>
<td width="193" style="background:url('/.s/t/601/12.jpg');padding-right:50px;padding-bottom:5px;" align="right" valign="bottom">
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Sie sind angemeldet als <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Gruppe "<u>$USER_GROUP$</u>"<?else?>Willkommen <b>$USERNAME$</b><?endif?><?endif?>
<?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?>
</td>
</tr>
</table>[/HTML]

Habe mich bereits in einem anderen Forum umgeschaut wegen dieses Themas. Leider erfolglos.
Wäre euch wirklich dankbar, wenn ihr mir da weiterhelfen könntet. Hänge da einfach fest momentan :icon_vampirschreck:
Zitieren
#2
...
so wie Bild http://wdl-syrtis.clan.su/theme/10_11_new-2-.jpg geschnitten ist würd ich das nicht mittig ausrichten, das passt ja sonst nicht zu dem sonstigen Seitenrahmen.

Passend wäre das wenn das Bild zu beiden Seiten ins schwarze auslaufen würde.

Bitte Code auch in die dafür vorgesehenen Tags setzen!

Cu Helmut
Zitieren
#3
Helmut schrieb:...
so wie Bild http://wdl-syrtis.clan.su/theme/10_11_new-2-.jpg geschnitten ist würd ich das nicht mittig ausrichten, das passt ja sonst nicht zu dem sonstigen Seitenrahmen.

Passend wäre das wenn das Bild zu beiden Seiten ins schwarze auslaufen würde.

Bitte Code auch in die dafür vorgesehenen Tags setzen!

Cu Helmut

Sry wegen der Code-Tags. Kommt nicht wieder vor.
Das Banner dort habe ich ins "Schwarze" auslaufen lassen und wollte es beidseitig so machen, sobald es an der richtigen Position sitzt. Auch die Schrift und den Hintergrund werde ich dann noch "end-ausrichten". Hast damit nicht unrecht - würde ansonsten zühmlich wüld ausschauen :drink:
Weisst du da vllt Rat? :sei_gepriesen:
Zitieren
#4
...so wie ich das sehe muss das raus

Code:
<td style="background:url('http://kingdomofthree.clan.su/Theme/11_new.png') left no-repeat;"></td>


und hier so geändert werden
Code:
<td  [B]align="center" colspan="2"[/B]><img src="http://wdl-syrtis.clan.su/theme/10_11_new-2-.jpg" border="3"></td>
<td style="background:url('/.s/t/601/12.jpg');padding-right:50px;padding-bottom:5px;" valign="bottom" width="193" align="right">
Willkommen <b>Gast</b>

Cu Helmut
Zitieren
#5
jo, einfach mit dem Code: align="center" das Bild mittig setzen, kann mir aber nicht vorstellen, dass es dann wirklich gut aussieht...
Zitieren