[Tuto] [phpBB2] Modul/Tabelle unter Foren und Kategorien 2

Adresse der HTML??? wie Adresse? Meinst du das: http://pergament-federkiel.forumieren.com/Foruminfos-h1.htm
??

Also ich wollte das Foreninfo`s nennen

Ich mach mal was.
Du kannst das gleich in meinem Testforum sehen. einen Moment...

So ich habe es nun mal in mein Testforum eingesetzt.
Du findest das hier:
http://frank.forumieren.net
Wenn du nun bei dir auf der HTML Seite was veränderst, dann findest du diese Änderungen auf meiner Seite wieder.
Ist es so wie du es haben möchtest?

Ja, das ist schon super so, außer das ich das gerne in der Farbe meines Forums hätte und das "Foreninfos" mehr mittig stehen sollte

Das ist nun so nur bei mir so, wenn du das in dein Forum einsetzt werden dort deine Einstellungen übernommen.

Kommen wir nun zur Umsetzung.
Du bist mit dem Gründeraccount eingeloggt.
Du gehst nun im Adminbereich auf diese Seite:
Adminbereich Anzeige Templates Allgemeines
dort offnest du das Template:
index_body
Mit einem Klick darauf.
In dem Fenster mit dem auf den ersten Blick wilden durcheinander suchst du folgenden Stelle:

Code:

   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->

wenn du diese Stelle hast (diese befindet sich im unteren drittel), dann fügst du diesen Code:

Code:

<!-- Begin Iframe --->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
    <td class="catHead" colspan="2" height="28"><span class="cattitle">Foreninfo's</span>
  </td>
</tr>
<tr>
    <td class="row1"><span class="gensmall">
<iframe width="100%" height="230" src="http://pergament-federkiel.forumieren.com/Foruminfos-h1.htm" frameborder="0" scrolling="yes"></iframe>
</span>
  </td>
</tr>
</table>
<!--- End Iframe --->

genau zwischen diese beiden Zeilen ein:

Code:

<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->

Insgesamt sollte das dann so aussehen:

Code:

   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<!-- Begin Iframe --->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
    <td class="catHead" colspan="2" height="28"><span class="cattitle">Foreninfo's</span>
  </td>
</tr>
<tr>
    <td class="row1"><span class="gensmall">
<iframe width="100%" height="230" src="http://pergament-federkiel.forumieren.com/Foruminfos-h1.htm" frameborder="0" scrolling="yes"></iframe>
</span>
  </td>
</tr>
</table>
<!--- End Iframe --->
<!-- BEGIN disable_viewonline -->

wenn alles so ist, dann klickst du auf Absenden und auf der nächsten Seite dann noch mal auf das hinter dem Template um die Änderungen zu Aktivieren (Veröffentlichen).

Noch einige Erklärungen zu dem IFrame:
in dieser Zeile findest du die Überschrift:

Code:

<td class="catHead" colspan="2" height="28"><span class="cattitle">Foreninfo's</span>

Diese Zeile enthält die Angaben zu dem Iframe:

Code:

<iframe width="100%" height="230" src="http://pergament-federkiel.forumieren.com/Foruminfos-h1.htm" frameborder="0" scrolling="yes"></iframe>

Hier kannst du die Breite des Frames festlegen: iframe width="100%" Dort solltest du immer 100% stehen lassen.
Hier wird die Höhe des Frames angegeben: height="230"
Die Adresse der Seite die Angezeigt wird ist hier angegeben: src="http://pergament-federkiel.forumieren.com/Foruminfos-h1.htm"
frameborder="0" = gibt an ob ein Rahmen um das Fenster erscheinen soll (je höher die Zahl die eingetragen wird um so breiter der Rahmen)
scrolling="yes" = gibt an, ob die Bildlaufleisten Angezeigt werden sollen. (Möglich ist hier: yes / no / Auto)

Ich denke das sollte es erst mal gewesen sein.
Setz das erst mal bei dir ein und wir können dann noch Fragen behandeln, die du noch hast.

So, habe das jetzt drin, auch auf vorschau geguckt und finde nun das die Kästchen zwar breit genug sind, aber doch zu hoch! 3/4 von der jetzigen Höhe sollte völlig genügen.

Kann ich das noch umändern?

Em, mal eine Bescheidene Frage:
Ich sehe das nicht. Wo hast d das denn eingefügt?

Also ich hatte noch nicht auf senden gedrückt, oder eher auf speichern, als das ist noch auf wartend, weil ich ja gerne die Kästchen noch in der Höhe reduzieren und in der Breite mehr dazugeben wollte und wissen wollte wie ich das mache.


Edit: habs gefunden, muss nur noch den rahmen jetzt kleiner bekommen

Du meinst di in der Tabelle?
Das Kannst du auf der HTML Seite machen, wo du die Tabelle hast.
Wenn du den HTML Editor dort auf den einfachen Modus schaltest, dann siehst du dort die Angaben:

<div align="center">
<center>
<table border="1" width="700" height="200">
<tr>
<td valign="top" align="left" width="232">Hier kommt der erste Text rein!</td>
<td valign="top" align="left" width="232">Hier Kommt der zweite Text rein!</td>
<td valign="top" align="left" width="232">Hier kommt der dritte Text rein!</td>
</tr>
</table>
</center>
</div>

Das habe ich auch alles gefunden und jetzt so wie es soll eingestellt. Damit ist es fast perfekt!

Jetzt ist nur das Problem noch das der Kasten so an den darunterliegenden Kasten anklatscht! Kann man da eine Lücke zwischen einfügen?

Ja das geht.
Dazu machst du das template noch mal auf und fügst über der Zeile:
<!--- End Iframe --->
noch mal eine oder zwei Leerzeilen ein.
Eine Leerzeile erzeugst du mit:
<br>

Zwei Leerzeilen sind dann:
<br><br>
Aber ich denke eine reicht da aus.

Edit:
Wenn du die Tabelle so lässt, dann kannst du die Framehöhe auch noch reduzieren.
Und die Bildlaufleisten ausblenden. Wie das geht steht oben in der Erklärung.

edit 2:
Wenn du die Beschriftungen der Tabelle und der "wer ist Online" Box noch weiter in die Mitte haben möchtest, dann trage bitte das ins CSS ein:

Code:

.cattitle {
padding:5px;
}

Je höher die Zahl um so weiter rutschen die Überschriften in die Mitte.
Aber ich würde nicht höher als 8 PX gehen.

Ah, super!

Hat wunderbar geklappt!!!

Da kann ich nur eins sagen: *schweisvonStirnwische* Geschafft!


Vielen Dank für deine Geduld und die tolle Hilfe!!!!!

Bitte meine Edits oben noch mal beachten!

Habe ich mal versucht, allerdings passiert dabei nichts!

Muss ich das an einer bestimmten Stelle eintragen?

Ich sehe, das du deine Tabelle auf der HTML Seite nun fertig hast.
Leider ist es so, das diese nun doch etwas länger geworden ist und die Bildlaufleisten dort nun noch angezeigt werden.
Ich würde dir empfehlen, wenn du die Linien der Tabelle nicht unbedingt brauchst diese abzuschalten. das würde auf jeden Fall besser aussehen.
Das mit dem Verschieben der Überschriften müsste eigentlich Funktionieren.
Du brauchst das nur auf der Karte CSS in das Feld einzufügen.
Einfach unten drunter setzen. Trag das bitte mal ein und lass es dann mal drin, damit ich mir das mal anschauen kann.
Ich würde dir das auch noch etwas umbauen, damit es schöner aussieht, wenn du das möchtest. Meld dich einfach noch mal.

Ja die Linien der Tabelle stöhren mich und wenn das geht, das man sie weg macht dann wäre das toll! Ich weiß nur leider nicht wie.

Ich wäre dir sehr dankbar, wenn du mir das etwas schöner gestalten könntest...ich hab mich schon dran versucht aber leider ohne erfolg. Kann man eigentlich das Hintergrundbild vom Forum in die Tabelle einfügen?

Das scrollen hab ich weg gemacht. Und den code für das Verschieben der Überschriften hab ich auch noch mal rein getan.

Wäre toll, wenn du da noch eine verschönerung wüsstest.

Ja also ich sehe, das nun die Überschrit der Tabelle nicht mehr so an den Rand gequetscht ist:

Genau das wollte ich ja mit dem CSS Eintrag erreichen.
Wenn du das mal auf "0" stellst wirst du eine Änderung dort feststellen.
Die Tabellen Lienien kannst du ausblenden, wenn du auf der HTML Seite im HTML Modus mal diesen Eintrag änderst (ganz am Anfang):
table border="1"
dort mal eine "0" eintragen.
Also so:
table border="0"
Dann sind die Ränder verschwunden.

Hab ich gemacht! Sieht super aus, viel schöner jetzt. bei dem anderen hab ich jetzt mal 8 px eingestellt, aber ganz in die Mitte rutscht die Überschrift nicht....schade.

Ich würde dir das auch noch etwas umbauen, damit es schöner aussieht, wenn du das möchtest. Meld dich einfach noch mal.

Hattest du da noch was anderes im Sinn?

Nein, so würde ich es lassen.
Es sieht doch schon ganz schön aus.
Ganz in die Mitte würde ich die Überschriften auch nicht setzen.
Du solltet dort auch nicht zu viel eingeben, weil die Beschriftung "Wer ist Online" damit auch weiter rutscht.
Das das ein Link ist, verschiebt sich das aber nicht mit dem "Foreninfos" gleich.
Das wirst du sehen, wenn du den wert erhöhst:
Ich habe nun mal 100 px eingestellt:

Ich würde es zwischen 5 und 8 px lassen.
Eins noch zu deiner Tabelle:
Du solltest die Grafik über das "Foren Team" setzen:

Das sieht bestimmt besser aus.
Ansonsten ist es doch ganz gut geworden oder?
Wenn du nun dort mal was anderes Einsetzen möchtest, dann brauchst du nur die HTML Seite zu verändern und schon hast du die Änderungen auch auf der Seite. Ich denke das diese Lösung recht einfach in der Handhabung ist.
Auf jeden Fall ist es besser als die Tabelle jedes mal neu in die Templates einzusetzen.
So können auch Co Admins dort was an der Tabelle verändern, was nicht möglich wäre, wenn die Tabelle fest in den Templates verankert wäre.
Ach was ich noch habe:
Es gibt sogar eine Möglichkeit dort eine zweite Seite zu erstellen und diese dann davon abhängig zu machen ob ein Gast diese Tabelle betrachtet oder ob ein eingeloggter User auf die Seite schaut.
Du könntest theoretisch zwei verschiedenen Sachen anzeigen lassen.
einmal für Gäste und einmal für eingeloggte User.

Das einfache würde mir so schon reichen.
Nur den Hintergrund hätte ich gerne anders...am liebsten mit diesem hier : http://hitskin.com/themes/14/20/81/i_back_title.gif
wenn das jetzt funktioniert! Das ist ja der Hintergrund von meinem Forum...kann man das als Hintergrund für die Tabelle nehmen?

Du kannst das schon in die Tabelle oder auch für die ganze Seite einsetzen. Aber ich würde das nicht machen, weil alle anderen Bereiche im Forum diese Hintergründe auch nicht haben.
Ich würde dir das nicht empfehlen, weil das nicht aussieht.
Es würde wie ein störender Fleck wirken, aber wenn du das möchtest, dann können wir das auch noch machen.
Sag mir mal ob das gerammte Fenster oder nur die Tabelle den Hintergrund haben soll.

Also eigentlich das gesammte Feld. Ich würde auch einfach ein rosa nehmen, so wie in den anderen Feldern, es ist mir so einfach zu hell... ein wenig dunkler eben

Gut das gerammte Feld mit deinem Hintergrund.
Ich habe auch mal die Schrift in den ersten beiden Feldern an deine Forenschrift angepasst.
Bitte sicher dir mal den Code der HTML Seite in einer TXT Datei auf deinem Rechner.
Dann entfernst du bitte den gesamten Code aus dem Fenster und ersetzt den mal durch diesen hier:

Code:

<body background="http://hitskin.com/themes/14/20/81/i_back_title.gif">
<div align="center">
  <center>
  <table border="0" width="850" height="90">
    <tr>
      <td valign="top" align="left" width="232"><center>
<a href="http://pergament-federkiel.forumieren.com "><img src=\http://i65.servimg.com/u/f65/14/55/47/69/150_r_10.jpg" width="150" height="45" border="0"></a>
<br><span class="genmed">Foren-Team
Phoenixfeder,Schweiger,Betty,Buecherwurm</span>
</center></td>
  <td valign="top" align="left" width="232"><center><span class="genmed">Gewinner
Schreibwettbewerb
Fantasy / Maerchen - Mai / Juni 2010
Anderswelt von:<br>
ViolaM</span></center></td>   
      <td valign="top" align="left" width="232"><center><a id="22213" href="http://www.gratis-besucherzaehler.de">Besucherzähler</a><script type="text/javascript" language="JavaScript" src="http://www.gratis-besucherzaehler.de/counter_js.php?account=22213&style=4"></center></script></td>

    </tr>
  </table>
  </center>
</div>
</body>


Jetzt ist es in Ordnung

Das sieht so eigentlich nicht schlecht aus, nur das es etwas abgehäkselt wirkt, weil ja da wo "Foreninfo`s" steht also die überschrift genau das Muster anfängt wie es darunter auch anfängt... ich werde mir überlegen ob ich es so lasse, oder wieder rückgängig mache.


Vielen Dank für deine viele und super tolle Hilfe


Phönix

Ja ich sehe es. Aber noch was haut nicht hin. Die Schrift.
Soll ich mich mal bei dir anmelden und wir versuchen es dann hinzubekommen?