Neue Beiträge (Box)

Hallo alle zusammen!

Ich bin vor kurzen wieder auf ein Forumieren Forum gestoßen und da ist mir etwas ins Auge gestochen und zwar das was ich im Bild rot markiert habe.

Ich mein damit eigentlich die weißen Boxen mit dem Schatten rund um die neuen Beiträge.

Ich hab den Administrator vor ca. 2 Wochen kontaktiert, aber leider bekam ich keine Antwort zurück. Jetzt wollte ich euch fragen und vorallem bitten, wie und wo man das am besten macht.

Ich würde mich sehr freuen, wenn mir bitte jemand dazu helfen könnte.

Ich bedanke mich im Vorfeld und wünsche ich euch noch einen schönen Nachmittag.

Liebe Grüße
Leonides

Schau dir das Element mal mit Firebug an. Eigentlich ist es ganz einfach mir fünf CSS Befehlen zu machen.

Das würde mich auch interessieren, könnte ich einmal den Link zum Forum bekommen.
Vielleicht wäre es ja auch für ein BB3 umsetzbar.

Thx and sry for OT.

Entweder mach ich was Flasch oder ich weis nicht. Selbst mit Firebug, hab ich das richtige nich gefunden. Darum würde ich bitten hier Hilfe zu bekommen.
Fürd mich sehr freuen dies zu benutzen.

Schonmal danke für die Hilfe!^^

Mfg Mat

also für bb3 ist es dieser Code:

Code:

.lastpost {
    border: 1px solid #000000;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 5px #000000;
    margin: 3px;
    width: auto;
}

Farbe muss wie immer noch angepasst werden.

Für bb2 ist das nicht so einfach über das CSS möglich.
Dort müsste evtl das Template bearbeitet werden. Kann ich aber so nicht sagen, da ich es noch nicht ausprobiert habe.

Danke.

Ich habe es gleich einmal passend für mein Forum umgeschrieben.
Ohne runden Boxrahmen und Schatten dafür mit unterschiedlichen Linienstärken passend zum Design.

Hallo alle zusammen!
Also ich möchte euch allen erst mal für eure Antworten danken!

Ich hab nun selbst ein wenig rum im Templates rum probiert.

Und zwar bin ich in die Index-Box gegangen.
Und hab diesen Teil hier geändert:

Code:

<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

Das sieht nun so bei mir aus:

Code:

 <th nowrap="nowrap" width="150"><div style="width:150px;"><dd class="lastpost">{L_LASTPOST}</dd></div></th>

Im CSS-Stylesheet hab ich dann diesen Teil hinzugefügt:

Code:

dd.lastpost{
  border: 1px solid #ffffff;
          border-radius: 9px 0px 9px 0px;
  display: block;
  background: #ffffff;
 }

Das hat auch alles wunderbar geklappt. Nun hab ich allerdings ein Problem und zwar wird nun diese Box in der Forenübersicht richtig angezeigt. Aber nicht in den Foren/ Unterforen.

Ich hab mich zwar im Templates umgeschaut, wo ich das vielleicht ändern könnte. Aber ich finde irgendwie nicht die richtige Stelle.

Es wäre schön wenn mir bitte jemand weiterhelfen könnte.

Danke

Liebe Grüße
Leonides

Hallo,

wolltest du das so haben? Das ist ja etwas völlig anderes als du im screenshot gezeigt hast? Mit dieser Änderung wird ja nur die überschrift "neueste Beiträge" verändert.
Wenn dir das gefällt und du das auch in den Foren haben möchtest, musst du im Template topics_list_box nachsehen. Dort lautet die Zeile

Code:

<th align="center" nowrap="nowrap" width="150">&nbsp;{topics_list_box.row.L_LASTPOST}&nbsp;</th>

Jedoch würde ich die Klasse nicht mit einem dd-tag versehen. Dieser tag wird üblicherweise für Listen, bzw. deren Einrückung verwendet.
Daher verschiebt sich auch die Anzeige ein wenig nach rechts und steht nicht mehr mittig.
Ein normaler div-tag reicht da völlig aus.

Ich kann mir das aber gleich mal anschauen, dass du die oben gewünschte Ansicht auch bei einem bb2 Forum hinbekommst, wenn du möchtest

Hier mal die Anleitung für bb2 Foren:

Template index_box
dort folgenden Abschnitt raussuchen:

<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>

und folgendermaßen verändern, bzw das grün markierte hinzufügen:

<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall"><div class="box">{catrow.forumrow.LAST_POST}</div></span>
</td>

ins CSS wird dann folgendes eingetragen (natürlich noch individuell anpassbar)

Code:

.box{
  border: 1px solid #000000;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 5px #000000;
    margin: 3px;
    width: auto;
 }

Hallo Zuckerpuppe!
Ich danke dir für deine schnelle Antwort aber vor allem für deine Hilfe!

Ich hab dass nun geändert und in der Foren-Übersicht sieht es nun genauso aus wie in diesem Forum!

Allerdings sieht das direkt in den Foren bei mir nun so aus.



Könntest du mir bitte noch sagen, wo ich diesen Teil bitte noch ändern kann?

Das wäre echt super.

Ich danke dir schon mal sehr herzlich!

Liebe Grüße
Leonides

das änderst du im Template topics_list_box

folgenden Abschnitt raussuchen: (zeile 74 bei unverändertem Template)

<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>

Und die hier grün markierten Bereiche hinzufügen:

<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails"><div class="box">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></span></td>

Die Ansicht der Boxen ist dann die gleiche wie auf dem Index und du musst nichts mehr ins CSS eintragen.
Wenn diese eine andere sein soll, muss die div-class umbenannt werden und ein neuer CSS-Eintrag gemacht werden.

Danke Zuckerpuppe für deine Hilfe! :3
Deine Anleitung hat wunderbar geklappt und ich freu mich gerade tierisch darüber! :3

Danke Danke Danke! :3

Ich wünsche dir noch einen schönen Nachmittag!

Liebe Grüße
Leonides

PS: DANKE noch mal! :3

Bitteschön, gerne

dann mach ich hier mal zu...

-closed-