Forum Layout kopieren / neuen Bereich einfügen

21.08.2012 03:47 (zuletzt bearbeitet: 21.08.2012 03:51)
avatar  ToBo
#1 Forum Layout kopieren / neuen Bereich einfügen
avatar
Mitglied

Hallo Gemeinde,

versuche mal zu erklären was ich vorhabe.

Möchte nach der Naviagtion noch einen weiteren Bereich einfügen, der Layoutmäßig genauso ausschaut wie die Forumansicht ansich. Diesen Bereich füge ich im Template in die Obere Leiste, damit er auf allen Forumseiten angezeigt wird.

Jetzt dachte ich mir, extrahiere ich einfach den passenden Code aus dem Seitenquelltext der Forumsübersicht. Das gestaltet sich leider nicht gang so einfach und nach einigen Versuchen schreibe ich nun diesen Thread, damit mir vielleicht jemand helfen kann den entsprechenden Code zu filtern.

Habe mal per Grafikeditor eine Fakeansicht gebastelt. So soll das Ergebnis in etwa aussehen. Unter der Navigation befindet sich noch ein neuer Abschnitt. Vergesst mal den Text und die Links darin. Den füge ich nachher manuell von Hand ein. Oder ich definiere Globale Variablen um dort einen Text/Link reinzubekommen.

Weiterhin brauche ich die Spalten "Antworten" und Letzter Beitrag nicht. Einfach nur den Betreff und das ganze soll halt so aussehen, wie die Forumsansicht darunter. Breite und Farben eben.



Hoffe habe mich verständlich ausgedrückt ?


 Antworten

 Beitrag melden
21.08.2012 11:04
avatar  Damian
#2 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Spacebot-Rekordhalter

Also eine Box ist immer so aufgebaut:

1
2
3
4
5
6
7
8
 
<div class="box">
<div class="boxheader">
Titel
</div>
<div class="boxcontent">
Inhalt
</div>
</div>
 


Dies erstellt schonmal die Leiste oben mit dem Farbverlauf und eben den Boxinhalt schon alles mit den Forumfarben.

Ich denke mal diese Themen die du hoch schrieben möchtest sind als Wichtig gedacht oder? Ich hänge dir jetzt einfach mal ein Icon ein für Wichtig vor dem Threadtitel, da du leider nicht abfragen kannst ob der User bereits gelesen oder noch als Ungelesen hat.

Vollständig würde deine Box so aussehen, müsstest dann nur noch die Links eintragen und ich habe jetzt einfachmal einpaar Sachen rausgenommen die Nicht funktionieren, also eigentlich alles. Sollte aber auch kein Problem sein diese von Hand einzutragen

<div class="box">
<div class="boxheader">
<table>
<tr>
<td class="fnew"></td>
<td class="fdesc fdetail"><strong>{[name_thread_title]}</strong></td>
<td class="fposts"><strong>{[name_answers]}</strong></td>
<td class="fstat"></td>
</tr>
</table>
</div>
<div class="boxcontent">
<ul class="noimage forum scnd canhov">
<li class="attention t_row">
<table>
<tr>
<td class="fnew">


<a href="link zum Thema"><img src="{{global_icon_pinned_has_nopost}}" /></a>
</td>
<td class="fdesc fdetail">

<a href="link zum Thema" class="blocklink">
<img src="{{global_threadimportant}}" alt="{[forum_sticky]}"/>


<strong>thementitel</strong></a>




</td>
<td class="fposts">

0

</td>
<td class="fstat" style="border-right: none !important;">
</td>

</tr>
</table>
</li>

</ul>

</div>

</div>


Rot = Der Inhalt der Box. Hier werden <ul> und <li>s verwendet zur Auflistung der Themen.
Blau = Ab diesen Punkt müsstest du das ganze Blaumarkierte Kopieren, falls du noch mehr Themen auflisten möchtest, da es nur für ein Thema gerade ist, und diese vor dem Schluss oder anfang vom <ul> und </ul> einfügen.
Grün = Sind alles Elemente die zur "Wichtigkeit" des Themas beitragen.
Orange = Das eintragen des Link zum Thema des Thementitels und vielleicht auch die Beitragsanzahl, was aber auch rausgelöscht werden kann, zumindest die Anzahl...
Lila = Ist leer, war aber für den Inhalt zuständig um Letzter Beitrag das Datum, Usernamen usw. anzuzeigen, dient jetzt aber nur noch dazu, damit die Breite übereinstimmt. Falls du in diese Box etwas eintragen möchtest un bräuchtest die Line Links davon, kannst du diese wieder Aktivieren indem du das innerhalb dem Schwarz-weiß Markierung löscht, oder diese auch so in eine andere Spalte einpflanzt.

Ich habe es dir warscheinlich jetzt viel zu Komplitziert erklärt, ich denke mal, du müsstest ja alleine zurecht kommen, aber sicherheitshalber habe ich mir einfach mal die mühe gemacht um es einfach mal zu vereinfachen, vielleicht nicht gerade in der Einfachsten Form

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
22.08.2012 05:39 (zuletzt bearbeitet: 22.08.2012 05:41)
avatar  ToBo
#3 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Mitglied

Hallo Damian,

erst mal großen Dank für Deine Mühe.

Habe den Code einfach mal ins Template eingefügt. Leider sieht es nicht so ganz aus wie in meinem Bild im ersten Post.
Die Breite geht über den kompletten Bildschirm. Ränder sind keine vorhanden. Einen blauen Hintergrund für den Inhalt gibt es nicht und oben fehlt die ÜBerschrift im Grünen Rahmen.

So sieht es jetzt aus:



Und so sollte es ausshehen :
https://files.homepagemodules.de/b214495/...0p7222920n2.jpg


 Antworten

 Beitrag melden
22.08.2012 11:12 (zuletzt bearbeitet: 22.08.2012 11:16)
avatar  Damian
#4 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Spacebot-Rekordhalter

Ok, jetzt kann ich mir das durch Bild auch wirklicher Ansehen. Ich sehe dabei eigentlich kein Fehler in der Box, nur es fehlt dir der Untergrund den ich jetzt einfach nicht eingebaut hatte, weil ich dachte du packst es ganz unten in die Obere Leiste.

Dann bau mal das vor der Box:

1
2
3
4
5
6
 
<table class="container">
<tr>
<td class="main">
<div class="content">
<div class="spacer20">
<strong>Wichtige Infos</strong>
 


Und das nach der Box

1
2
3
4
5
 
</div>
</div>
</td>
</tr>
</table>
 


ein. Dann sollte jetzt nun das ganze so aussehen wie du es dir vorstellst.

PS: Wenn du die CSS-Klasse "attention" (In meinem vorherigen Beitrag in Grün) rauslöscht, sollte der Blaue hintergrund wieder erscheinen.

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
22.08.2012 12:35 (zuletzt bearbeitet: 22.08.2012 12:36)
#5 RE: Forum Layout kopieren / neuen Bereich einfügen
sc
Mitglied

wie macht ihr das mit den zeichen oben drin anstelle der texte




LG Klaus


 Antworten

 Beitrag melden
22.08.2012 12:51
avatar  Damian
#6 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Spacebot-Rekordhalter

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
22.08.2012 14:59
avatar  ToBo
#7 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Mitglied

@Damian
das war aber nicht alles. Habe schon noch einiges am Template geändert, bis die Leiste so war, wie sie jetzt ist.

Werde gleich mal probieren, ob das jetzt funktioniert.

Vorab schon mal Danke.....


 Antworten

 Beitrag melden
23.08.2012 05:16 (zuletzt bearbeitet: 23.08.2012 05:20)
avatar  ToBo
#8 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Mitglied

So sieht das jetzt aus. Gefällt mir gut



Die Links zu den Beiträgen habe ich natürlich von Hand eingetragen und direkt ins Template geschrieben. Will man die ändern, muss man ntürlich das Template ändern. Könnte auch ein Paar neue Globale Variablen definieren.... vielleicht später...

Eine Möglichkeit, wie in der Forenansicht, hinten den letzten Beitrag, mit Datum des Threads anzeigen zu lassen gibt es wohl nicht ?


 Antworten

 Beitrag melden
23.08.2012 10:15
avatar  Damian
#9 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Spacebot-Rekordhalter

Möglich schon, aber alles von Hans immer eintragbar.

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
23.08.2012 10:32
avatar  ToBo
#10 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Mitglied

Dachte natürlich an eine dynamische Anpassung und nicht dass ich es jedesmal von Hand eintragen muss, wenn in dem Thread ein neuer Beitrag geschrieben wurde....

Man kann halt nicht alles haben.....

Bin schon sehr zufrieden so wie es jetzt ist.


 Antworten

 Beitrag melden
24.08.2012 03:56
avatar  ToBo
#11 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Mitglied

@Damian

sorry, ich muss Dich noch mal damit belästigen....

Jetzt hab ich gedacht, da ich schon so eine passende Schablone mit dem Layout habe, nutze ich sie und füge sie in eine eigene Seite ein. Eigene Seite Leider passt das nicht so ganz und der Boxinhalt ist nach Rechts verschoben. Kannst Du da bitte mal schauen ?

Beste Grüße aus Shanghai.
ToBo


 Antworten

 Beitrag melden
24.08.2012 09:58
avatar  Damian
#12 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Spacebot-Rekordhalter

Ja, in eigenen Seiten sind eigene Formatierungen mit CSS drinnen. Entweder müsste man diese überschreiben oder aus dem Template löschen. Ich schaue es mir später mal genauer an, Mobil ist es schlecht da die passene lösung zu finden und zu erstellen.

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
24.08.2012 14:03
avatar  Damian
#13 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Spacebot-Rekordhalter

Also, da müssen wir einpaar Eigenschaften überschreiben auf der Eigenen Seite.

.default-css .box ul li, .default-css .box ul {
margin: 0 !important;
}

Hierbei ist um die Seite die CSS-Klasse default-css "umrahmt" um die Eigene Seite. Damit aber die bestehenden uls und lis auf der Eigenen Seite nicht außerhalb der Box verändert werden, habe ich die CSS-Klasse der Box genommen damit nur die uls und lis innerhalb der Box zurecht geschnitten werden. Alles weitere wurde durch die eigene CSS in der Eigenen Seite nicht verändert.

PS: Admin=>Layout=>CSS dort den Code einfügen

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
24.08.2012 16:03
avatar  ToBo
#14 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Mitglied

Noch mal ein extra Danke....

Wie im Himmel könnte ein Dummy wie ich sowas jemals finden.....

Sieht gut aus so.


 Antworten

 Beitrag melden
24.08.2012 16:17
avatar  Damian
#15 RE: Forum Layout kopieren / neuen Bereich einfügen
avatar
Spacebot-Rekordhalter

Welchen Dummy meinst du?

Hier ist keiner dumm, nur hat es nunmal nicht gewusst, wenn er alles wissen würde, hehe bräuchten wir auch gar kein Supportforum erst dafür, User die wissen helfen User die es nunmal nicht wissen, aber lernen - jeder fängt klein an

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!