Rahmen um das Board |
|
Rahmen um das Board |
Beitrag Nr.: 1 |
Hey, ich habe vor um das komplette Forum einen Rahmen zu ziehen. Der soll dann ähnlich ausschauen wie in diesem Board: http://www.wbb-styleboard.de/
Zuerst habe ich es mit einer Zusatztabelle versucht, wo innen die Haupttabelle steht:
Also 3 Spalten über Header und dann 3 Spalten mit Header mittig.
Aber die rechte Spalte hat keine Lust.
Dann habe ich versucht das als Background zu integrieren aber das geht auch nicht: Entweder verschwindet der Header komplett oder es geht in den Hintergrund, wo es ja nicht sein soll.
Kennt jemand diesen Trick? Ich bin am Ende meines Lateins.
Achso: Ich kann keine Daten preisgeben, da es nicht mein Forum ist, sondern das eines Feundes.
__________________
|
|
28.01.2011 20:59 |
|
|
|
Du begehst einen Denkfehler
Das gesamte Forum besteht im Prinzip aus 3 Teilen,
1. Header
2. Inhalt, also z.B. Index
3. Footer
Willst Du einen Rahmen um das Forum, mußt Du also ÜBER Deinen Header eine Tabelle aufbauen, die UNTER dem Footer endet.
Beispiel:
Ein Rahmen aus 8 Grafiken um das Forum
(Ich hänge mal ein Zip mit 8 Grafiken dafür an)
Code ganz oben im Header
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
<!-- Rahmen um Forum -->
<table cellpadding=0 cellspacing=0 border=0 width="{tableinwidth}">
<tr>
<td><img alt="" src="{$style['imagefolder']}/Rahmen/OL.gif"></td>
<td background="{$style['imagefolder']}/Rahmen/OM.gif" width="100%" height="10px"></td>
<td><img alt="" src="{$style['imagefolder']}/Rahmen/OR.gif"></td>
</tr>
<tr>
<td valign="top" background="{$style['imagefolder']}/Rahmen/LM.gif" width="10px"></td>
<td>
<!-- /Rahmen um Forum --> |
|
Code ganz unten im Footer
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
<!-- Rahmen um Forum -->
</td>
<td valign="top" background="{$style['imagefolder']}/Rahmen/RM.gif" width="10px"></td>
</tr>
<tr>
<td><img alt="" src="{$style['imagefolder']}/Rahmen/UL.gif"></td>
<td background="{$style['imagefolder']}/Rahmen/UM.gif" width="100%" height="10px"></td>
<td><img alt="" src="{$style['imagefolder']}/Rahmen/UR.gif"></td>
</tr>
</table>
<!-- /Rahmen um Forum --> |
|
Der Code ist so ausgelegt, das er sich die 8 Grafiken aus dem zu Style passenden Styleimageordner holt, und dort aus dem Unterordner "Rahmen". Du mußt also in Deinem Ordner images/DeinStyle den Ordner "Rahmen" erstellen, und dort die Grafiken rein packen.
Die Grafiken sind im Code mit 10 Pixel angegeben, willst Du größere verwenden, mußt Du im Code den Wert width="10px" anpassen (2mal)
Dateianhang: |
Rahmen.zip (6 KB, 3 mal heruntergeladen)
|
__________________
Bis auf weiteres nur eingeschränkter Support
|
|
28.01.2011 21:56 |
|
|
Alexja
Foren As
[meine Galerie]
Dabei seit: 23.06.2010
Beiträge: 91
Herkunft: Zuhause
Postid: 7162
Themenstarter
|
|
Ich werds nochmal morgen versuchen, aber ich hab bis jetzt nichts im Code entdeckt, was ich nicht schon versucht hätte. Vllt isses mal wieder nur ien winziges Detail. Danke
__________________
|
|
28.01.2011 22:17 |
|
|
Alexja
Foren As
[meine Galerie]
Dabei seit: 23.06.2010
Beiträge: 91
Herkunft: Zuhause
Postid: 7171
Themenstarter
|
|
Ah Denkfehler kapiert. Muss den Rahmen im Footer fertigmachen. Vielen Dank
Hätte die Zellen ja auch gleich integrieren können.
__________________
|
|
29.01.2011 11:37 |
|
|
|
Sowas wollte ich auch mal versuchen,aber nach der Erklärung hier,
bekomm ich ja nur im Header und Footer den Rahmen
Vielleicht kann mich da jemand weiter helfen?!
__________________
|
|
22.03.2011 17:28 |
|
|
|
Klar Header und Footer,das klappte ja auch,nur für die äußeren Ränder
da weiß ich nicht wohin
__________________
|
|
22.03.2011 18:05 |
|
|
Alexja
Foren As
[meine Galerie]
Dabei seit: 23.06.2010
Beiträge: 91
Herkunft: Zuhause
Postid: 7872
Themenstarter
|
|
Du musst deine table ganz oben im body als erste Zeile beginnen und das Forum selbst in ein Zelle setzen. Das ist der äußere Rahmen. Weiter außen geht nicht mehr.
Im Header unter <body>: (Korrigiert mich bitte falls es verkehrt ist, habe den Code nicht vor mir.)
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
<table>
<tr>
<td>Oben links</td>
<td>Oben mitte</td>
<td>Oben rechts</td>
</tr>
<tr>
<td>Linker Rand</td>
<td>BOARD |
|
Im Footer an das Ende des Codes
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
</td>
<td>Rechter Rand</td>
</tr>
<tr>
<td>Unten links</td>
<td>Unten mitte</td>
<td>Unten rechts</td>
</tr>
</table |
|
Das sieht dann so aus wie der breite rote Rahmen ganz außen:
__________________
|
|
22.03.2011 20:03 |
|
|
|
Ja aber ich bekomm recht und links keine Ränder.Nur oben und unten
__________________
|
|
22.03.2011 20:24 |
|
|
Alexja
Foren As
[meine Galerie]
Dabei seit: 23.06.2010
Beiträge: 91
Herkunft: Zuhause
Postid: 7876
Themenstarter
|
|
Hast du deine Grafik als Background auf repeat-y gestellt? wenn sie sich nicht wiederholt, kannst du sie auch nicht sehen, es sei denn du hast einen größeren Rahmen...
Dazu braucht es CSS Code.
code: |
1:
|
<td style="width: 10px; height: 10px; background-image: url(../images/dein ordner/bild.jpg) repeat-y;"> |
|
und das auf beiden Seiten. Nur die Ecken musst du direkt als Bilder einfügen im html Code.
__________________
|
|
22.03.2011 21:53 |
|
|
|
Ich hatte sie in die jeweiligen Templates so eingefügt wie du oben
erklärt hast.Allerdings fehlen dann noch die 2 Seiten.
__________________
|
|
23.03.2011 07:37 |
|
|
|
Hab ich nun,aber es bleibt dabei,das die Seiten links und Rechts fehlen.
Die werden im Code ja auch gar nicht erwähnt.ML und MR.gif
Häng mal ein Screen an
__________________
|
|
23.03.2011 15:06 |
|
|
|
Bei mir steht aber folgendes
code: |
1:
|
<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder"> <tr> |
|
Hab da jetzt einiges probiert,aber es passt dann nie auf allen Seiten.Geh ich
ins Postfach oder Kalender sieht es schlimm aus.
__________________
|
|
23.03.2011 17:15 |
|
|
|
Wenn Du einen Rahmen um vorhandene Tabellen machst, dann ist dieser Rahmen eine Tabelle. Die Tabelle innerhalb dieser Rahmentabelle hat Angaben zur Weite. Diese Weite bezieht sie aus dem zum Desinpack gehörenden Angaben, meißt eine Prozentangabe... z.B. 98%
Die Anweisung, eine Weite aus dem Desinpack zu nehmen ist der Code style="width:{$style['tableoutwidth']}"
Nun hast Du im Rahmencode diese Angabe: Code <table cellpadding=0 cellspacing=0 border=0 width="{tableinwidth}">
Der Bereich width="{tableinwidth}" sagt aus, der Rahmen soll eine bestimmte Größe annehmen, z.B. 98% (Im Designpack eingestellt.
Nun beginnt der Header...... bzw, der eigendliche Headercode.
<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder"> <tr>
Der Bereich style="width:{$style['tableoutwidth']}" in diesem Code sagt dieser Tabelle, die ja in der übergeordneten Rahmentabelle sitzt, dann auch 98% breit zu sein... aber eben 98% der Breite von der übergeordneten Tabelle, der Rahmentabelle. Das heißt, es bleiben 2 % Differenz.
Du willst aber sicher, das dort kein Rand ist. Um dies zu erreichen, mußt Du nun alle Tabellen, die innerhalb des Rahmens aufgerufen werden, mit einer Breite von 100% versehen.
Für Deine Headertabelle bedeutet das:
<table style="width:100%" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
Du mußt aber auch alle anderen Tabellen umschreiben, also in der Index, im Footer etc.
Ich selbst zum beispiel mache das grade. Es ist bei einem Forum mit vielen Hacks eine entspechende Arbeit, ich habe in meinem Testforum nun 22 Hacks verbaut, und 272 Templates umgeschrieben dazu.
Eine andere Möglichkeit gäbe es, wenn man feste Weiten zuweist. Wenn man dem Forum von vornherrein eine Weite von 1000px gibt, kann man einfach den Rahmencode ändern.
Anweisung des Codes im Header:
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
|
<!-- Rahmen um Forum -->
<table cellpadding=0 cellspacing=0 border=0 width="1000px">
<tr>
<td><img alt="" src="{$style['imagefolder']}/Rahmen/OL.gif"></td>
<td background="{$style['imagefolder']}/Rahmen/OM.gif" width="100%" height="10px"></td>
<td><img alt="" src="{$style['imagefolder']}/Rahmen/OR.gif"></td>
</tr>
<tr>
<td valign="top" background="{$style['imagefolder']}/Rahmen/LM.gif" width="10px"></td>
<td>
<!-- /Rahmen um Forum -->
|
|
Dann stellt man im Designpack für die Breite ein: 100%
So haben dann alle Tabellen innerhalb des Rahmens die Breite 1000px minus die breite des Rahmens, sind aber eben zu 100 Prozent am Rahmen dran
__________________
Bis auf weiteres nur eingeschränkter Support
|
|
23.03.2011 18:15 |
|
|
|
Danke für Deine Hilfe erstmal.Ich muss da noch etwas tüfteln,weil es
funktioniert noch nicht so wie ich gern hätte
__________________
|
|
23.03.2011 19:11 |
|
|
|