Page Background (Angepasst in diesem Style)

[nuke]

Hallo Ich möchte gerne so wie bei vB Org den Background mit einer Grafik versehen der die Ecken oben links und rechts abrundet.

[pogo]

Das ist einfach eine Tabelle, die im header beginnt und im footer endet. Das Forum befindet sich dann komplett in einem Datenfeld.

<table width="85%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="19" align="right"><img src="../layout/top_left.gif" width="19" height="31" /></td>
<td width="116" background="../layout/news_extend1.gif"><a href="http://www.vbulletin.org/forum/index.php?s="><img src="images/darkblue/cat_vbhacks.gif" width="116" height="31" border="0" /></a></td>
<td width="329" background="../layout/news_extend1.gif"></td>
<td width="13" align="left"><img src="../layout/top_right.gif" width="12" height="31" /></td>
</tr>
<tr>
<td width="19" align="right"><img src="../layout/top_midleft.gif" width="19" height="11" /></td>
<td width="116" bgcolor="#0E3652"><img src="../layout/top_midmid.gif" width="116" height="11" /></td>
<td width="329" bgcolor="#0E3652"></td>
<td width="13" align="left"><img src="../layout/top_midright.gif" width="12" height="11" /></td>
</tr>
<tr>
<td width="19" valign="top" background="../layout/mid_leftextend.gif" align="right"><img src="../layout/mid_left.gif" width="19" height="156" /></td>
<td colspan="2" class="page" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- content table -->vBulletin<script type="text/javascript">
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>
</td>
<td width="13" valign="top" background="../layout/mid_rightextend.gif" align="left"><img src="../layout/mid_right.gif" width="12" height="156" /></td>
</tr>
<tr>
<td width="19" height="2" align="right"><img src="../layout/btm_left.gif" width="19" height="12" /></td>

<td width="116" height="2" background="../layout/news_extend2.gif"><img src="../layout/btm_mid.gif" width="116" height="12" /></td>

<td width="329" height="2" background="../layout/news_extend2.gif"></td>

<td width="13" height="2" align="left"><img src="../layout/btm_right.gif" width="12" height="12" /></td>
</tr>
</table>Fett ist der Code, der schon im header bzw. footer Template vorhanden ist.

[nuke]

wohoo Vielen Dank für die schnelle Hilfe werde es sofort Testen :)

[M@rkus]

Okay.. auch wenn ich heute glaube ich schon 1000 Fragen gestellt hab, aber.... wo muss ich was einfügen!?

Also das kommt bzw. ist jeweils in den Header & Footer:


<script type="text/javascript">
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>


und das hier??


<table width="85%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="19" align="right"><img src="../layout/top_left.gif" width="19" height="31" /></td>
<td width="116" background="../layout/news_extend1.gif"><a href="http://www.vbulletin.org/forum/index.php?s="><img src="images/darkblue/cat_vbhacks.gif" width="116" height="31" border="0" /></a></td>
<td width="329" background="../layout/news_extend1.gif"></td>
<td width="13" align="left"><img src="../layout/top_right.gif" width="12" height="31" /></td>
</tr>
<tr>
<td width="19" align="right"><img src="../layout/top_midleft.gif" width="19" height="11" /></td>
<td width="116" bgcolor="#0E3652"><img src="../layout/top_midmid.gif" width="116" height="11" /></td>
<td width="329" bgcolor="#0E3652"></td>
<td width="13" align="left"><img src="../layout/top_midright.gif" width="12" height="11" /></td>
</tr>
<tr>
<td width="19" valign="top" background="../layout/mid_leftextend.gif" align="right"><img src="../layout/mid_left.gif" width="19" height="156" /></td>
<td colspan="2" class="page" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- content table -->


bzw. das hier???


<script type="text/javascript">
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>
</td>
<td width="13" valign="top" background="../layout/mid_rightextend.gif" align="left"><img src="../layout/mid_right.gif" width="12" height="156" /></td>
</tr>
<tr>
<td width="19" height="2" align="right"><img src="../layout/btm_left.gif" width="19" height="12" /></td>

<td width="116" height="2" background="../layout/news_extend2.gif"><img src="../layout/btm_mid.gif" width="116" height="12" /></td>

<td width="329" height="2" background="../layout/news_extend2.gif"></td>

<td width="13" height="2" align="left"><img src="../layout/btm_right.gif" width="12" height="12" /></td>
</tr>
</table>

[pogo]

Der fette Code ist schon in den Templates vorhanden. Der nicht fette Code muss genauso wie beschrieben eingefügt werden. Also einmal direkt vor und einmal direkt nach dem fetten Code.

Da dies aber nur ein Beispiel ist, wie es bei vb.org gemacht wrude, wird das natürlich so nicht direkt funktionieren können. Da muss man dann schon selbst basteln.