Seite 1 von 1
1 Pixel Line zwischen den Topics!
Verfasst: 26.09.2011 18:03
von Nightforce
Hey, also ich hätte mal wieder ne Frage bezüglich dem Forum Design.
Mein Board
http://www.happyhardcore.at hat auf der Index Seite daweil zwischen den einzelnen Bereichen (News / Anregungen / Vorstellungen / ...) noch keine Linie.
Ich würde jetzt gerne, so wie auf diesem Beispiel hier die Linien zwischen den Bereichen einfügen.
[ externes Bild ]
Hab schon die Schriftgröße, etc im forumlist_body.html verändert, jetzt weiß ich aber nicht genau wie ich es mit der Linie machen soll.
Der Style ist Xand für phpbb3
Danke schonmal für die Hilfe
Greets
Re: 1 Pixel Line zwischen den Topics!
Verfasst: 26.09.2011 20:29
von Kirk
Hallo
Suche in der stylesheet.css deines Styles nach
ändere einfach den Farbcode nach deinen Wünschen.
Re: 1 Pixel Line zwischen den Topics!
Verfasst: 26.09.2011 20:40
von eichjoernchen
Der Vorschlag mit dem Tabellenhintergrund ergibt bei mir dass nicht nur eine Linie zwischen den Foren gezogen wird sondern alle Zwischenräume eingefärbt werden.
Ich habe es folgendermaßen gelöst:
Ich habe an den gewünschten Stellen in der forumlist_body.html eine zusätzliche Tabellenreihe eingefügt
Code: Alles auswählen
<tr style="border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000000;"><td colspan="5" ><hr style="color: #f00;"></td></tr>
Beim Originalstyle sieht das folgendermaßen aus:
Code: Alles auswählen
<table class="tablebg" cellspacing="1" width="100%">
<tr>
<td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF --> </td>
</tr>
<tr>
<th colspan="2"> {L_FORUM} </th>
<th width="50"> {L_TOPICS} </th>
<th width="50"> {L_POSTS} </th>
<th> {L_LAST_POST} </th>
</tr>
<!-- BEGIN forumrow -->
<!-- IF forumrow.S_IS_CAT -->
<tr>
<td class="cat" colspan="2"><h4><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a></h4></td>
<td class="cat" colspan="3"> </td>
</tr>
<!-- ELSEIF forumrow.S_IS_LINK -->
<tr>
<td class="row1" width="50" align="center">{forumrow.FORUM_FOLDER_IMG}</td>
<td class="row1">
<!-- IF forumrow.FORUM_IMAGE -->
<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div>
<!-- ENDIF -->
<a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
<p class="forumdesc">{forumrow.FORUM_DESC}</p>
</td>
<!-- IF forumrow.CLICKS -->
<td class="row2" colspan="3" align="center"><span class="genmed">{L_REDIRECTS}: {forumrow.CLICKS}</span></td>
<!-- ELSE -->
<td class="row2" colspan="3" align="center"> </td>
<!-- ENDIF -->
</tr>
<tr style="border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000000;"><td colspan="5" ><hr style="color: #f00;"></td></tr>
<!-- ELSE -->
<!-- IF forumrow.S_NO_CAT -->
<tr>
<td class="cat" colspan="2"><h4>{L_FORUM}</h4></td>
<td class="catdiv" colspan="3"> </td>
</tr>
<tr style="border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000000;"><td colspan="5" ><hr style="color: #f00;"></td></tr>
<!-- ENDIF -->
<tr>
<td class="row1" width="50" align="center">{forumrow.FORUM_FOLDER_IMG}</td>
<td class="row1" width="100%">
<!-- IF forumrow.FORUM_IMAGE -->
<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div>
<!-- ENDIF -->
<a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
<p class="forumdesc">{forumrow.FORUM_DESC}</p>
<!-- IF forumrow.MODERATORS -->
<p class="forumdesc"><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}</p>
<!-- ENDIF -->
<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS -->
<p class="forumdesc"><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</p>
<!-- ENDIF -->
</td>
<td class="row2" align="center"><p class="topicdetails">{forumrow.TOPICS}</p></td>
<td class="row2" align="center"><p class="topicdetails">{forumrow.POSTS}</p></td>
<td class="row2" align="center" nowrap="nowrap">
<!-- IF forumrow.LAST_POST_TIME -->
<p class="topicdetails"><!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a> <!-- ENDIF -->{forumrow.LAST_POST_TIME}</p>
<p class="topicdetails">{forumrow.LAST_POSTER_FULL}
<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a><!-- ENDIF -->
</p>
<!-- ELSE -->
<p class="topicdetails">{L_NO_POSTS}</p>
<!-- ENDIF -->
</td>
</tr>
<tr style="border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000000;"><td colspan="5" ><hr style="color: #f00;"></td></tr>
<!-- ENDIF -->
<!-- BEGINELSE -->
<tr>
<td class="row1" colspan="5" align="center"><p class="gensmall">{L_NO_FORUMS}</p></td>
</tr>
<!-- END forumrow -->
</table>
Gruß Jörn
Edit: Unter
http://testforum.schimmelmann.net kann man das Ergebnis bewundern!
Re: 1 Pixel Line zwischen den Topics!
Verfasst: 26.09.2011 21:41
von Kirk
@eichjoernchen
Diese Trennlinien sind im diesem Style schon vorhanden aber in der Farbe weis
und diese Trennlinien sind bei
hinterlegt teste es mit mit Firebug.
Re: 1 Pixel Line zwischen den Topics!
Verfasst: 26.09.2011 22:13
von Talk19zehn
Hello ihr Zwei,
ich änderte:
umrandet alle Zellen, wie ich sehe (FF). Der Vorschlag von eichjoernchen bindet eine Trennlinie zwischen den Bereichen ein. Insofern zwei wunderbare Alternativen.
Vielen Dank dafür!!
Re: 1 Pixel Line zwischen den Topics!
Verfasst: 26.09.2011 22:32
von eichjoernchen
Hallo Nightforce!
Gern geschehen
Hallo Kirk!
Ich hatte mir den Style heruntergeladen und die Änderungen in meinem Testsystem ausprobiert! Außerdem habe ich mir die style.css und die forumlist_body.html angeschaut. Und dort wurde mir schnell klar das ich die Tabellenstyles nicht pauschal ändern konnte, da die an anderen Stellen auch eingesetzt wurden. Deshalb habe ich mich für meine Lösung entschieden. Firebug kann mir immer nur einen ersten Anhaltspunkt geben.
Gruß Jörn
![[ externes Bild ]](http://i52.tinypic.com/20h0aao.jpg){kind=link}