inspiron
WBB 2.3.3
Hallo,
ich bin dabei ein Style zu erstellen und habe da schon das erste Problem.
In meinem Style soll es einen äußeren Rahmen geben.
Leider sieht es momentan noch so aus (siehe Anhang)
Es wäre nett wenn mir jemad helfen könnte.
Danke
Nach der Anleitung von "blackmastah.de" habe ich folgenden Eintrag im
Header:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
|
<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
<tr>
<td class="mainpage" align="center">
<table style="width:100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="logobackground" align="center"><if($style['logoimage']!="")><then><a href="index.php{$SID_ARG_1ST}"><img src="{$style['logoimage']}" border="0" alt="$master_board_name" title="$master_board_name" /></a></then></if></td>
</tr>
<tr>
<td align="center"><span class="smallfont"><if($wbbuserdata['userid'])><then><a href="usercp.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_usercp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_USERCP']}" title="{$lang->items['LANG_GLOBAL_USERCP']}" /></a><a href="pms.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_pms.gif" border="0" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" /></a></then><else><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><a href="calendar.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_calendar.gif" border="0" alt="{$lang->items['LANG_GLOBAL_CALENDAR']}" title="{$lang->items['LANG_GLOBAL_CALENDAR']}" /></a><a href="memberslist.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_members.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" title="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" /></a><a href="team.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_team.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" /></a><a href="search.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_search.gif" border="0" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /></a><a href="misc.php?action=faq{$SID_ARG_2ND}"><img src="{$style['imagefolder']}/top_faq.gif" border="0" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" /></a><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']}/top_acp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_ACP']}" title="{$lang->items['LANG_GLOBAL_ACP']}" /></a></then></if><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']}/top_modcp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MODCP']}" title="{$lang->items['LANG_GLOBAL_MODCP']}" /></a></then></if><a href="jgs_db.php?sid={$session['hash']}"><img src="{$style['imagefolder']}/top_db.gif" border="0" alt="{$lang->items['LANG_GLOBAL_JGSDB']}" title="{$lang->items['LANG_GLOBAL_JGSDB']}" /></a><a href="index.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_start.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TOINDEX']}" title="{$lang->items['LANG_GLOBAL_TOINDEX']}" /></a></span></td>
</tr>
</table>
<table style="width:100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="{$style['imagefolder']}/obenlinks.gif" alt="" title="" /></td>
<td style="background-image: url({$style['imagefolder']}/obenmitte.gif); width:100%;"></td>
<td><img src="{$style['imagefolder']}/obenrechts.gif" alt="" title="" /></td>
</tr>
<tr>
<td style="background-image: url({$style['imagefolder']}/mittelinks.gif);"></td>
<td style="width:100%;" class="mainpage" align="center"> |
|
TheCorpseBride
Hallo,
welcher Wert steht denn im Designpack da für die Haupttabelle? Auch 100%? Deine sieht aus, als wäre es ein fester Wert, sodass sich das hier:
<td style="background-image: url({$style['imagefolder']}/mittelinks.gif);"></td>
einige Male wiederholt, da das td breiter als das mittelinks.gif ist.
Versuche doch einfach mal, daraus ein:
<td style="background-image: url({$style['imagefolder']}/mittelinks.gif); background-repeat: repeat-y" width="20px"></td>
zu machen - die 20px entsprechend angepasst, wie breit auch immer mittelinks.gif ist.
Für mitterechts.gif im footer das gleiche.
So konnte ich ein ähnliches Problem lösen.
inspiron
Suuuuuuper!!!!
Danke genau das war es!
tja die Freude war nur kurz, das Problem geht unten weiter.
Ich bekomme das Einfach nicht hin.
Könnest Du mir noch einmal helfen?
Header ist, denke ich, i.O.
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
<table style="width:{$style['tableoutwidth']}" cellpadding="0" cellspacing="0" align="center" border="0" class="tableoutborder">
<tr>
<td><img src="{$style['imagefolder']}/obenlinks.gif" alt="" title="" border="0" /></td>
<td style="background: url({$style['imagefolder']}/obenmitte.gif); width:100%"></td>
<td><img src="{$style['imagefolder']}/obenrechts.gif" alt="" title="" border="0" /></td>
</tr>
<tr>
<td style="background-image: url({$style['imagefolder']}/mittelinks.gif); background-repeat: repeat-y" width="10px"></td>
<td class="mainpage" align="center"> |
|
Footer
| code: |
1:
2:
3:
4:
5:
6:
7:
|
<td style="background-image: url({$style['imagefolder']}/mitterechts.gif); background-repeat: repeat-y" width="10px"></td>
<tr>
<td><img src="{$style['imagefolder']}/untenlinks.gif" alt="" title="" border="0" /></td>
<td style="background-image: url({$style['imagefolder']}/untenmitte.gif); width:100%"></td>
<td><img src="{$style['imagefolder']}/untenrechts.gif" alt="" title="" border="0" /></td>
</tr>
</table> |
|
TheCorpseBride
hm.
Also - ich denke mal, das liegt daran, dass du noch keine Buttons hochgeladen hast. Da ganz unten sind ja diese neue Beiträge/keine neuen Beiträge... Buttons und die ziehen alles so in die Länge. Vielleicht mal irgendwelche Standardbuttons hochladen??
Obwohl da ja auch eine kleine Lücke nur ist. Hm. Probier doch einfach mal!
inspiron
Hah, es geht jetzt.
Nachdem ich komplett von vorne Angefangen habe, hab ich es dann gesehen.
Das Problem war, das die Ecken "obenlinks.gif" zu "untenlinks.gif" und "mittlinks.gif" unterschiedliche Breiten hatten.
Tja mann sollte eben nicht alles auf einmal machen, sondern Stück für Stück!
Header
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
|
<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td align="left"><img border="0" src="{$style['imagefolder']}/obenlinks.gif" width="49" height="31"></td>
<td background="{$style['imagefolder']}/obenmitte.gif" align="center" height="31"></td>
<td align="right"><img border="0" src="{$style['imagefolder']}/obenrechts.gif" width="49" height="31"></td>
</tr>
<tr>
<td style="background-image: url({$style['imagefolder']}/mittelinks.gif); background-repeat: repeat-y" width="49px"></td>
<td width="100%">
<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
<tr>
<td class="mainpage" align="center">
<table style="width:100%" border="0" cellspacing="0" cellpadding="0">
<tr> |
|
Footer
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
</td>
</tr>
</table>
<td style="background-image: url({$style['imagefolder']}/mitterechts.gif);background-repeat: repeat-y" width="49px"></td>
<td width="100%">
<tr>
<td><img border="0" src="{$style['imagefolder']}/untenlinks.gif" width="49" height="18" alt="" title=""></td>
<td background="{$style['imagefolder']}/untenmitte.gif" align="center" height="18"></td>
<td><img border="0" src="{$style['imagefolder']}/untenrechts.gif" width="49" height="18" alt="" title=""></td>
</tr>
</table> |
|