DeepThroat
Guten Abend, Freunde der gepflegten HTML-Kunst,
ich möchte gern die Willkommen-Box auf der Startseite in eine nette Grafik einbetten. Die Grafik besteht aus der Grafik_links, einer sich wiederholenden Mittelgrafik und der rechten Abschlussgrafik.
Ganz ohne Text würde das Eingebunden ungefähr so aussehen:
| code: |
1:
2:
3:
4:
5:
6:
7:
|
<table>
<tr>
<td style="padding: 0; width: 43px"><img src="{$style['imagefolder']}/topbox_left.gif" alt="" /></td>
<td style="background-image: url({$style['imagefolder']}/topbox_bg.gif); padding: 0; width: 100%" align="left"></td>
<td style="padding: 0; width: 43px"><img src="{$style['imagefolder']}/topbox_right.gif" alt="" /></td>
</tr>
</table> |
|
Wie bekomme ich das nun mit dem bestehenden Code richtig verschachtelt? Die if/then/else-Schleife macht das Rumgerbastel für einen Schmalspur-Coder wie mich auch nicht gerade einfacher.
Ich hoffe jemand von euch kann mir da den entscheidenenden Tipp geben.
Die Original-Codestelle, um die es im index-Template geht, wäre diese:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
|
<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']}" class="tableinborder">
<if($wbbuserdata['userid']==0)>
<then>
<tr>
<td class="tablecat" align="left"><span class="normalfont" style="color:#c7d3d9"> <b>{$lang->items['LANG_START_WELCOME_TITLE']}</b></span></td>
</tr>
<tr>
<td colspan="2" class="begin"></td>
</tr>
<tr>
<td class="tableb" align="left" style="text-align: justify"><span class="smallfont">{$lang->items['LANG_START_WELCOME']}</span></td>
</tr>
</then>
<else>
<tr>
<td align="left" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>" class="tablecat"><span class="normalfont" style="color:#c7d3d9"> <b>{$lang->items['LANG_START_TITLE']}</b></span></td>
</tr>
<tr>
<td class="tablea" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>"><table style="width:100%" cellspacing="0" cellpadding="0" border="0">
<tr class="tablea_fc">
<td align="left"><span class="smallfont">{$lang->items['LANG_START_WELCOMEBACK']} <b>$usercbar_username</b> <a href="logout.php?u=$wbbuserdata[userid]{$SID_ARG_2ND}">{$lang->items['LANG_START_LOGOUT']}</a><br /><b><a href="search.php?action=new{$SID_ARG_2ND}">{$lang->items['LANG_START_NEWPOSTS']} $lastvisitdate <span class="time">$lastvisittime</span>.</span></td>
<td align="right"><span class="smallfont">{$lang->items['LANG_START_CURRENTTIME']} <span class="time">$currenttime</span>.<br />{$lang->items['LANG_START_TIMEZONE']}</span></td>
</tr>
</table></td>
</tr>
</else>
</if> |
|
mkkcs
was ist denn das für ein Coder für Grafik-links-mitte-rechts ?
ne obere Kante ?
denn wo Die Willkommen-Teil jetzt hin soll schreibst Du leider nicht !
DeepThroat
Hallo mkkcs,
die Willkommensbox soll von der Position genau da bleiben, wo sie beim Standard-WBB 2 normalerweise sitzt. Die Tabelle soll nur auf dem Mittelstück der Grafik draufgelegt werden.
Um es dir optisch zu verdeutlichen, hier mal der
Link zum Original-Style. Es ist die spacige Box direkt unter der Header-Navigation. Die möchte ich als Hintergrund für meine WBB2-Willkomensbox haben.
mkkcs
guckst du
also so
suche
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
|
<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']}" class="tableinborder">
<if($wbbuserdata['userid']==0)>
<then>
<tr>
<td class="tablecat" align="left"><span class="normalfont" style="color:#c7d3d9"> <b>{$lang->items['LANG_START_WELCOME_TITLE']}</b></span></td>
</tr>
<tr>
<td colspan="2" class="begin"></td>
</tr>
<tr>
<td class="tableb" align="left" style="text-align: justify"><span class="smallfont">{$lang->items['LANG_START_WELCOME']}</span></td>
</tr>
</then>
<else>
<tr>
<td align="left" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>" class="tablecat"><span class="normalfont" style="color:#c7d3d9"> <b>{$lang->items['LANG_START_TITLE']}</b></span></td>
</tr>
<tr>
<td class="tablea" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>"><table style="width:100%" cellspacing="0" cellpadding="0" border="0">
<tr class="tablea_fc">
<td align="left"><span class="smallfont">{$lang->items['LANG_START_WELCOMEBACK']} <b>$usercbar_username</b> <a href="logout.php?u=$wbbuserdata[userid]{$SID_ARG_2ND}">{$lang->items['LANG_START_LOGOUT']}</a><br /><b><a href="search.php?action=new{$SID_ARG_2ND}">{$lang->items['LANG_START_NEWPOSTS']} $lastvisitdate <span class="time">$lastvisittime</span>.</span></td>
<td align="right"><span class="smallfont">{$lang->items['LANG_START_CURRENTTIME']} <span class="time">$currenttime</span>.<br />{$lang->items['LANG_START_TIMEZONE']}</span></td>
</tr>
</table></td>
</tr>
</else>
</if> |
|
ersetze es mit folgenden Code
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
|
<table cellpadding="0" cellspacing="0" border="0" style="width:{$style['tableinwidth']}">
<tr>
<td style="padding: 0; width: 43px"><img src="{$style['imagefolder']}/topbox_left.gif" alt="" /></td>
<td style="background-image: url({$style['imagefolder']}/topbox_bg.gif); padding: 0; width: 100%" align="left"><table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:100%" class="tableinborder">
<if($wbbuserdata['userid']==0)>
<then>
<tr>
<td class="tablecat" align="left"><span class="normalfont" style="color:#c7d3d9"> <b>{$lang->items['LANG_START_WELCOME_TITLE']}</b></span></td>
</tr>
<tr>
<td colspan="2" class="begin"></td>
</tr>
<tr>
<td class="tableb" align="left" style="text-align: justify"><span class="smallfont">{$lang->items['LANG_START_WELCOME']}</span></td>
</tr>
</then>
<else>
<tr>
<td align="left" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>" class="tablecat"><span class="normalfont" style="color:#c7d3d9"> <b>{$lang->items['LANG_START_TITLE']}</b></span></td>
</tr>
<tr>
<td class="tablea" colspan="<if($hide_modcell==0)><then>6</then><else>5</else></if>"><table style="width:100%" cellspacing="0" cellpadding="0" border="0">
<tr class="tablea_fc">
<td align="left"><span class="smallfont">{$lang->items['LANG_START_WELCOMEBACK']} <b>$usercbar_username</b> <a href="logout.php?u=$wbbuserdata[userid]{$SID_ARG_2ND}">{$lang->items['LANG_START_LOGOUT']}</a><br /><b><a href="search.php?action=new{$SID_ARG_2ND}">{$lang->items['LANG_START_NEWPOSTS']} $lastvisitdate <span class="time">$lastvisittime</span>.</span></td>
<td align="right"><span class="smallfont">{$lang->items['LANG_START_CURRENTTIME']} <span class="time">$currenttime</span>.<br />{$lang->items['LANG_START_TIMEZONE']}</span></td>
</tr>
</table></td>
</tr>
</else>
</if>
</table></td>
<td style="padding: 0; width: 43px"><img src="{$style['imagefolder']}/topbox_right.gif" alt="" /></td>
</tr>
</table>
<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']}" class="tableinborder">
|
|
DeepThroat
Das sieht schon mal verdammt gut aus, mkkcs.
Soweit, dass alles passt und nichts zerschossen wird, bin ich noch nie gekommen. Jetzt muss nur noch die eigentliche Tabelle transparent werden, damit die Hintergrundgrafik durchscheint und nur noch der Text übrig bleibt. Ich hab mal den status quo als Screenshot angehangen...
mkkcs
folgenden Code rausnehmen
class="tableinborder"
class="tablecat"
class="tablea"
class="tableb"
und schon isses durchsichtig
Danke dir.