Haumis wbb hilfe (http://haumis-wbb-hilfe.de/wbb2/index.php)
- WBB2 (http://haumis-wbb-hilfe.de/wbb2/board.php?boardid=3)
-- Es klappt nicht (http://haumis-wbb-hilfe.de/wbb2/board.php?boardid=48)
--- Rahmen um das Board (http://haumis-wbb-hilfe.de/wbb2/thread.php?threadid=1235)

Geschrieben von Alexja am 28.01.2011 um 20:59:

  Rahmen um das Board

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. st8

Achso: Ich kann keine Daten preisgeben, da es nicht mein Forum ist, sondern das eines Feundes.


Geschrieben von Listiger_Falke am 28.01.2011 um 21:56:

 

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)


Geschrieben von Alexja am 28.01.2011 um 22:17:

 

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

st9


Geschrieben von haumi am 28.01.2011 um 23:11:

 

Ich hab nichts dazu geschrieben weil das, was listiger Falge geschieben hat korrekt ist.

Man kann sich das Ganze als Tabelle mit drei Zeilen und drei Spalten vorstellen:

Tabelle erstellen:

<table>

1 Zeile erstellen:

<tr>

drei Spalten erstellen:

<td>Gif oben links</td><td>gif oben mitte 100% nicht vergessen</td><td>gif oben rechts</td>

1 Zeile schließen

</tr>

Zweite Zeile erstellen:

<tr>

drei Spalten erstellen:

<td>linker Rahmenteil</td><td>

HIER WIRD DAS GESAMMTE BOARD DARGESTELLT

Am Ende des footers gehts weiter
die mittlere Spalte wird geschlossen und der rechte Rahmen eingefügt:

</td><td>rechter rahmenteil</td>

mittlere Zeile wird geschlossen:

</tr>

3 Zeile erstellen:

<tr>

drei Spalten erstellen:

<td>Gif unten links</td><td>gif unten mitte 100% nicht vergessen</td><td>gif unten rechts</td>

3 Zeile schließen

</tr>

Tabelle schließen

</table>


in Kurzschreibweise:

<table>
<tr><td>OL</td><td>OM</td><td>OR</td</tr>
<tr><td>LR</td><td>BOARD</td><td>RR</td</tr>
<tr><td>UL</td><td>UM</td><td>UR</td</tr>
</table>

LG
haumi


Geschrieben von Alexja am 29.01.2011 um 11:37:

 

Ah Denkfehler kapiert. Muss den Rahmen im Footer fertigmachen. Vielen Dank

Hätte die Zellen ja auch gleich integrieren können. st6


Geschrieben von kleines_chaos am 22.03.2011 um 17:28:

 

Sowas wollte ich auch mal versuchen,aber nach der Erklärung hier,
bekomm ich ja nur im Header und Footer den Rahmen st8
Vielleicht kann mich da jemand weiter helfen?!


Geschrieben von haumi am 22.03.2011 um 18:00:

 

Hallöchen kleines chaos,
schau dir meine Erklärung doch mal genau an.
Ich beginne im Header und ende im Footer

Ich versuche das morgen mal zeichnerich darzustellen.

LG
haumi04


Geschrieben von kleines_chaos am 22.03.2011 um 18:05:

 

Klar Header und Footer,das klappte ja auch,nur für die äußeren Ränder
da weiß ich nicht wohin st8


Geschrieben von haumi am 22.03.2011 um 19:17:

 

Ich melde mich morgen mal bei dir.

LG
haumi04


Geschrieben von Alexja am 22.03.2011 um 20:03:

 

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:



Geschrieben von kleines_chaos am 22.03.2011 um 20:24:

 

Ja aber ich bekomm recht und links keine Ränder.Nur oben und unten


Geschrieben von Alexja am 22.03.2011 um 21:53:

 

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.


Geschrieben von Listiger_Falke am 23.03.2011 um 02:17:

 

Zitat:
Original von Alexja
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.



Das ist nicht nötig.



@kleines_chaos
Poste doch bitte mal Deinen Code, den Du da einsetzt


Geschrieben von kleines_chaos am 23.03.2011 um 07:37:

 

Ich hatte sie in die jeweiligen Templates so eingefügt wie du oben
erklärt hast.Allerdings fehlen dann noch die 2 Seiten.


Geschrieben von Listiger_Falke am 23.03.2011 um 14:40:

 

Du mußt den oberen Tabellencode


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



ÜBER allen anderen Code im Template header.tpl einbauen




Du mußt den unteren Code

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


UNTER das letzte </table> ganz unten im Footertemplate (footer.tpl) einbauen



Wenn das gemacht wurde, mußt Du prüfen, ob Du die 8 Grafiken im Ordner Rahmen im entsprechenden Image-Ordner des Designs hast. Vergleiche die Namen in dem Code und der Grafiken, der Name muß identisch sein, auch Groß und Kleinschreibung beachten!


Geschrieben von kleines_chaos am 23.03.2011 um 15:06:

 

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


Geschrieben von Listiger_Falke am 23.03.2011 um 16:08:

 

Zitat:
Original von kleines_chaos
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


Nö, ML und MR.gif werden nicht erwähnt...

Die Gifs für Links und Rechts heißen ja auch laut Code LM.gif (Links) und RM.gif (Rechts).
Also einfach die Images mal umbenennen st12

Und da ich das auf dem Bild grade sehe....

Die nächste Tabelle hinter dem Code, da muß dann bei Dir die Weite von width="{tableinwidth}" auf width="100%" geändert werden, sonst hast Du links und rechts Leerraum zwischen den Rahmen und dem Forum st1


Geschrieben von kleines_chaos am 23.03.2011 um 17:15:

 

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.


Geschrieben von Listiger_Falke am 23.03.2011 um 18: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 st12


Geschrieben von kleines_chaos am 23.03.2011 um 19:11:

 

Danke für Deine Hilfe erstmal.Ich muss da noch etwas tüfteln,weil es
funktioniert noch nicht so wie ich gern hätte


Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH