yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB 2.3.x » [WBB 2.3.x] Allg. Fragen und Probleme » Frage zu den Rand/Rahmengrafiken

Frage zu den Rand/Rahmengrafiken

Quaecko
Problembeschreibung:
Ich möchte meinem Forum Randgrafiken geben, sprich links/rechts/oben/unten eine Rahmengrafik einfügen, die sich wiederholt.

Jetzt bin ich beim stöbern darauf gestoßen, dass man in Header und Footer jeweils (header links, footer rechts) eine Tabelle rein macht und als Bordergrafik die gewünschte Grafik einfügt und der Tabelle irgendwie 100% Höhe gibt.


So in einem anderen Forum gabs jetzt auch so einen speziellen Randgrafikencode:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

<table cellpadding="0" cellspacing="0" border="0" style="width:{$style['tableinwidth']}" class="tableinborder">
  <tr>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_top_left.gif" title="" /></td>
    <td style="background-image: url({$style['imagefolder']}/border_top.gif); width: 100%; height: 7px;"></td>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_top_right.gif" title="" /></td>
  </tr>
  <tr>
    <td valign="top" style="background-image: url({$style['imagefolder']}/border_left.gif); width: 7px;"></td>
    <td>

      TABELLE DIE VOM RAHMEN UMSCHLOSSEN WIRD - IMMER BREITE 100%

    </td>
    <td valign="top" style="background-image: url({$style['imagefolder']}/border_right.gif); width: 7px;"></td>
  </tr>
  <tr>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_bottom_left.gif" title="" /></td>
    <td style="background-image: url({$style['imagefolder']}/border_bottom.gif); width: 100%; height: 7px;"></td>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_bottom_right.gif" title="" /></td>
  </tr>
</table>


Mein Problem ist jetzt ,dass mir nicht ganz klar ist wo ich diesen Code in meinen Header bzw. Footer einfüge..?

Footer:
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:

<br />

<if($imprint_url != '')>
	<then>
		<p align="center" class="normalfont"><a href="{$imprint_url}">{$lang->items['LANG_GLOBAL_IMPRINT']}</a></p>
	</then>
	<else>
		<if($imprint_text != '')>
			<then>
				<p align="center" class="normalfont"><a href="misc.php?action=imprint{$SID_ARG_2ND}">{$lang->items['LANG_GLOBAL_IMPRINT']}</a></p>
			</then>
		</if>
	</else>
</if>

<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" class="tableinborder" align="center">
 <tr>
    <td class="tablea"><span class="smallfont"><a href="http://www.woltlab.de" target="_blank" style="text-decoration: none">{$lang->items['LANG_GLOBAL_COPYRIGHT']}</a></span>
<br ><center><span class="smallfont">© 2006 - <b>dot]de</b> - All Rights Reserved</span></br></center></td>
 </tr>
</table><br />
</td>
</tr>
</table>


Header:
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:

<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
 <tr>
  <td class="mainpage" style="background-image:url('{$style['imagefolder']}/bg.gif');background-repeat:repeat-x;" align="center">
   <table style="width:100%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
     <td class="logobackground" align="left"><img src="{$style['imagefolder']}/cell.gif" border="0" alt="" title="" /><a href="index.php{$SID_ARG_1ST}"><img src="{$style['logoimage']}" border="0" alt="$master_board_name" title="$master_board_name" /></a></td>
     
     <td align="left">
     <td align="center"><span class="smallfont"><a href="home.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Home.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_HOME']}" title="{$lang->items['LANG_GLOBAL_HOME']}" /></a></br>
     <if($wbbuserdata['userid'])><then><br><a href="usercp.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Profil.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_USERCP']}" title="{$lang->items['LANG_GLOBAL_USERCP']}" /></a>
     <br><a href="pms.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/PN.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" /></a></then>
     <else><br><a href="register.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_register.gif" border="0" alt="{$lang->items['LANG_GLOBAL_REGISTER']}" title="{$lang->items['LANG_GLOBAL_REGISTER']}" /></a></else></if>
     <br><a href="calendar.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Kalender.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_CALENDAR']}" title="{$lang->items['LANG_GLOBAL_CALENDAR']}" /></a>
     <br><a href="memberslist.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Mitglieder.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" title="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" /></a>
     <br><a href="team.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Team.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" /></a>
     <br><a href="search.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Suchen.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /></a>
     <br><a href="misc.php?action=faq{$SID_ARG_2ND}"><img src="{$style['imagefolder']}/FAQ.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" /></a>
     <a href="index.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Start.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_TOINDEX']}" title="{$lang->items['LANG_GLOBAL_TOINDEX']}" /></a>
     <br><if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/ACP.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_ACP']}" title="{$lang->items['LANG_GLOBAL_ACP']}" /></a></then></if>
     <br><if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==0)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/ACP.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_MODCP']}" title="{$lang->items['LANG_GLOBAL_MODCP']}" /></a></then></if>
     </span></td>
    </tr>     
   </table><br />


Vielleicht kann mir jemand mal einen Tipp geben.. verwirrt
Donkman
diesen teil hier:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:

<table cellpadding="0" cellspacing="0" border="0" style="width:{$style['tableinwidth']}" class="tableinborder">
  <tr>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_top_left.gif" title="" /></td>
    <td style="background-image: url({$style['imagefolder']}/border_top.gif); width: 100%; height: 7px;"></td>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_top_right.gif" title="" /></td>
  </tr>
  <tr>
    <td valign="top" style="background-image: url({$style['imagefolder']}/border_left.gif); width: 7px;"></td>
    <td>


vor den code im header.tpl setzen.

und diesen teil hier:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:

</td>
    <td valign="top" style="background-image: url({$style['imagefolder']}/border_right.gif); width: 7px;"></td>
  </tr>
  <tr>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_bottom_left.gif" title="" /></td>
    <td style="background-image: url({$style['imagefolder']}/border_bottom.gif); width: 100%; height: 7px;"></td>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_bottom_right.gif" title="" /></td>
  </tr>
</table>


einfach an den code im footer.tpl hinten anhängen.

schon sollte sich dein komplettes forum in diesem rahmen befinden.

vorher natürlich sicherung der beiden templates anlegen, falls was schief gehn sollte Belehr großes Grinsen
Quaecko
Erstmal dankeschön für deine Hilfe.. smile
Ich habs ausprobiert, doch diese Rahmengrafiken werden bisjetzt nur oben und unten angezeigt..
Hier -> http://quaeck.qu.ohost.de/wbb2/index.php
Das schwarze oben und unten..

Edit:
Äußere Tabelle ist jedoch transparent.. wird jetzt 1pxschwarz angezeigt warscheinlich dadurch

Code sieht nun wie folgt aus:
Header:
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:

<center>
<table cellpadding="0" cellspacing="0" border="0" style="width:{$style['tableinwidth']}" class="tableinborder">
  <tr>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_top_left.gif" title="" /></td>
    <td style="background-image: url({$style['imagefolder']}/border_top.gif); width: 100%; height: 7px;"></td>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_top_right.gif" title="" /></td>
  </tr>
  <tr>
    <td valign="top" style="background-image: url({$style['imagefolder']}/border_left.gif); width: 7px;"></td>
    <td>


<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
 <tr>
  <td class="mainpage" style="background-image:url('{$style['imagefolder']}/bg.gif');background-repeat:repeat-x;" align="center">
   <table style="width:100%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
     <td class="logobackground" align="left"><img src="{$style['imagefolder']}/cell.gif" border="0" alt="" title="" /><a href="index.php{$SID_ARG_1ST}"><img src="{$style['logoimage']}" border="0" alt="$master_board_name" title="$master_board_name" /></a></td>
     
     <td align="left">
     <td align="center"><span class="smallfont"><a href="home.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Home.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_HOME']}" title="{$lang->items['LANG_GLOBAL_HOME']}" /></a></br>
     <if($wbbuserdata['userid'])><then><br><a href="usercp.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Profil.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_USERCP']}" title="{$lang->items['LANG_GLOBAL_USERCP']}" /></a>
     <br><a href="pms.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/PN.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" /></a></then>
     <else><br><a href="register.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_register.gif" border="0" alt="{$lang->items['LANG_GLOBAL_REGISTER']}" title="{$lang->items['LANG_GLOBAL_REGISTER']}" /></a></else></if>
     <br><a href="calendar.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Kalender.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_CALENDAR']}" title="{$lang->items['LANG_GLOBAL_CALENDAR']}" /></a>
     <br><a href="memberslist.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Mitglieder.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" title="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" /></a>
     <br><a href="team.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Team.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" /></a>
     <br><a href="search.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Suchen.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /></a>
     <br><a href="misc.php?action=faq{$SID_ARG_2ND}"><img src="{$style['imagefolder']}/FAQ.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" /></a>
     <a href="index.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/Start.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_TOINDEX']}" title="{$lang->items['LANG_GLOBAL_TOINDEX']}" /></a>
     <br><if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/ACP.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_ACP']}" title="{$lang->items['LANG_GLOBAL_ACP']}" /></a></then></if>
     <br><if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==0)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/ACP.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_MODCP']}" title="{$lang->items['LANG_GLOBAL_MODCP']}" /></a></then></if>
     </span></td>
    </tr>     
   </table><br />
</center>



Footer:
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:

<center>

<br />

<if($imprint_url != '')>
	<then>
		<p align="center" class="normalfont"><a href="{$imprint_url}">{$lang->items['LANG_GLOBAL_IMPRINT']}</a></p>
	</then>
	<else>
		<if($imprint_text != '')>
			<then>
				<p align="center" class="normalfont"><a href="misc.php?action=imprint{$SID_ARG_2ND}">{$lang->items['LANG_GLOBAL_IMPRINT']}</a></p>
			</then>
		</if>
	</else>
</if>

<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" class="tableinborder" align="center">
 <tr>
    <td class="tablea"><span class="smallfont"><a href="http://www.woltlab.de" target="_blank" style="text-decoration: none">{$lang->items['LANG_GLOBAL_COPYRIGHT']}</a></span>
<br ><center><span class="smallfont">© 2006 - <b>quaecks[dot]de</b> - All Rights Reserved</span></br></center></td>
 </tr>
</table><br />
</td>
</tr>
</table>

</td>
    <td valign="top" style="background-image: url({$style['imagefolder']}/border_right.gif); width: 7px;"></td>
  </tr>
  <tr>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_bottom_left.gif" title="" /></td>
    <td style="background-image: url({$style['imagefolder']}/border_bottom.gif); width: 100%; height: 7px;"></td>
    <td><img alt="" src="{$style['imagefolder']}/border_corner_bottom_right.gif" title="" /></td>
  </tr>
</table>

</center>
Donkman
sobald du die passenden grafiken für die ecken (border_corner_top_left.gif usw) hochlädst wird sich das problem von selbst lösen, da dann die zellen links und rechts auf die entsprechende breite gezogen werden. großes Grinsen

probiers mal aus!
lad mal die beiden angehängten grafiken in das entsprechende image-verzeichnis!
Quaecko
Ah ja, super funktioniert. Dankeschön für deine Mühe! Freude Augenzwinkern
Donkman
Zitat:
Original von Quaecko
Ah ja, super funktioniert.


ich weiss! großes Grinsen fröhlich
Forensoftware: Burning Board, entwickelt von WoltLab GmbH