:: ClanSphere :: Free OpenSource Clan CMS :: - Forum - Board

Latest 5 Showrooms

Demo

Probiere ClanSphere aus und teste daran herum. Demo

Spenden

ClanSphere ist freie OpenSource Software.
Bitte unterstützt uns. Spenden

Antworten: 14

Seite [1]

steste123

Rock the board

Beiträge: 60

# Thema - 13.08.2012 um 20:10 Uhr

Hallo zusammen,
wir wollen die Forumsdarstellung ändern und fänden es gut wenn die einzelnen Foren unterhalb einer Kategorie verschiedene Farben haben. So wie das der Webmaster von "Team KR" (http://www.teamkr.de/index.php?mod=board&action=list gemacht hat, stellen wir uns das vor. Das heißt, ich müsste hier in der list.php ja dem <tr>-Tag noch ein weiteres attribut mitgeben und den Hintergrund in der CSS-definieren. Soweit ist es ja kein Problem. allerdings taucht ja in der list.php im loop ja das ganze nur einmal auf, d.h. ich weiß nicht wo ich sagen kann, dass er bspw. bei jedem Forum unterhalb einer Kategorie die Klasse beim <tr>-tag wechselt.

Inaktiv

palle

Supporter

Beiträge: 3073

# Antwort: 1 - 13.08.2012 um 20:31 Uhr

Ich möchte anmerken das der Support nicht dafür da ist dir hier deine persönlichen Wünsche zu erfüllen.
Also sei bitte nicht unglücklich oder sauer wenn hier niemand antwortet.
Ich helfe gerne sofern ein gewisser Ansatz vorhanden ist, bin aber nicht dazu da hier fertige Lösungen oder Wünsche zu erarbeiten.

Gruß

------------------

I like the part where it says 'nyan'

Zuletzt editiert von palle am 13.08.2012 um 20:31 Uhr (1x Editiert)

Inaktiv

aschti

Poststar

Beiträge: 778

# Antwort: 2 - 13.08.2012 um 20:32 Uhr

hi,

wenn du die optik ändern möchtest einfach unter /themes/base/board/list.tpl

dort hast die html ansicht die du anpassen kannst via style etc

gruß aschti

------------------
p.s. die oben zufindenen Rechtschreibfehler sind eine gratis beigabe ^^

www.DemolitionGroup.de
It's Time to Fight - Play Hard & Fair !

Inaktiv

steste123
Thread-Ersteller

Rock the board

Beiträge: 60

# Antwort: 3 - 13.08.2012 um 20:35 Uhr

Hallo aschti,
danke für Antwort. Kannst du mir ein Stichwort nennen, wie ich es realisieren kann, dass er praktisch bei "board" immer die Hintergrundfarbe wechselt?

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.

1. / 2. / ...

<table class="forum" cellpadding="0" cellspacing="{page:cellspacing}" style="width:{page:width}">
<tr>
 <td class="headb" colspan="2">{lang:board}</td>
 <td class="headb">{lang:topics}</td>

 <td class="headb">{lang:lastpost}</td>
</tr>
{loop:categories}
<tr>
 <td class="leftc" colspan="5">
 {categories:blank}<a href="{categories:list_url}">{categories:categories_name}</a>
 {if:small_subforums} {categories:blank}{lang:subforums}:
 {loop:subboard}
 <a href="{url:board_listcat:id={subboard:board_id}}">{subboard:board_name}</a>{subboard:comma}
 {stop:subboard}
 {stop:small_subforums}
 </td>
</tr>
 {loop:board}
 <tr>
 <td class="leftb" style="width:{categories:iconwidth}px">{categories:blank}{board:icon}</td>
 <td class="leftb"><a href="{board:listcat_url}">{board:board_name}</a>
 {board:board_text}</td>
 <td class="rightb" style="width:60px">{board:board_threads}</td>
 <td class="leftb" style="width:180px">
 <a href="{board:last_url}">{board:last_name}</a>
 {board:last_time}
 {board:of} {board:last_usernick}</td>
 </tr>
 {stop:board}
{stop:categories}

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 4 - 13.08.2012 um 20:37 Uhr

habs mal abonniert und schreibs dir nachher, geht recht einfach per css

Inaktiv

steste123
Thread-Ersteller

Rock the board

Beiträge: 60

# Antwort: 5 - 13.08.2012 um 22:03 Uhr

Danke dir. Habe bereits ein wenig gegooglet aber konnte nichts im zusammenhang mit CSS finden.

Inaktiv

palle

Supporter

Beiträge: 3073

# Antwort: 6 - 14.08.2012 um 06:55 Uhr

google -> css nth-child odd even
Das wird aber nicht von allen Browsern unterstützt.

------------------

I like the part where it says 'nyan'

Zuletzt editiert von palle am 14.08.2012 um 06:57 Uhr (1x Editiert)

Inaktiv

steste123
Thread-Ersteller

Rock the board

Beiträge: 60

# Antwort: 7 - 14.08.2012 um 08:38 Uhr

Danke dir. Habe es nun ausprobiert. Problem ist, dass es ja normalerweise so aussieht:

1.
2.
3.
4.
5.
6.
7.

1. / 2. / ...

     td:nth-child(even) {
    background-color: #ffe37f;
    }

    td:nth-child(odd) {
    background-color: #19dc3c;
    }

Da ich es aber nicht überall haben möchte habe ich der list.tpl (themes/base/board)
dem <tr> eine Klasse zugewiesen

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.

1. / 2. / ...

....
{loop:board}
 <tr class="trforum">
 <td class="leftb" style="width:{categories:iconwidth}px">{categories:blank}{board:icon}</td>
 <td class="leftb"><a href="{board:listcat_url}">{board:board_name}</a>
 {board:board_text}</td>
 <td class="rightbthreads" style="width:60px">{board:board_threads}</td>
 <td class="leftb" style="width:180px">
 {board:last_time} 
 <a href="{board:last_url}">{board:last_name}</a>
 
 {board:of} {board:last_usernick}</td>
 </tr>

 {stop:board}
....

Und somit in der content.css

1.
2.
3.
4.
5.
6.
7.

1. / 2. / ...

     .trforum:nth-child(even) {
    background-color: #DDDDDD;
    }

.trforum:nth-child(odd) {
    background-color: #F7F7F7;
    }

Nun wird es aber nicht so dargstellt.

Habe auch probiert der list.tpl dem <tr>-Tag die Klasse wieder zu nehmen und in der content.css folgendes zu nutzen

1.
2.
3.
4.
5.
6.
7.

1. / 2. / ...

table.forum tr:nth-child(even) {
    background-color: #DDDDDD;
    }

table.forum tr:nth-child(odd) {
    background-color: #F7F7F7;
    }

auch ohne Erfolg.

Zuletzt editiert von steste123 am 14.08.2012 um 08:52 Uhr (2x Editiert)

Inaktiv

palle

Supporter

Beiträge: 3073

# Antwort: 8 - 14.08.2012 um 09:25 Uhr

Der CSS Syntax ist so auch nicht korrekt.

------------------

I like the part where it says 'nyan'

Zuletzt editiert von palle am 14.08.2012 um 12:23 Uhr (1x Editiert)

Inaktiv

steste123
Thread-Ersteller

Rock the board

Beiträge: 60

# Antwort: 9 - 14.08.2012 um 09:38 Uhr

OK, habs nun folgendermaßen gemacht.

.forumboard tr:nth-child(odd) { background: gainsboro; }
.forumboard tr:nth-child(even) { background: lavender; }

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.

1. / 2. / ...

<table class="forumboard" cellpadding="0" cellspacing="{page:cellspacing}" style="width:{page:width}">
<tr>
 <td class="headb" colspan="2">{lang:board}</td>
 <td class="headb">{lang:topics}</td>

 <td class="headb">{lang:lastpost}</td>
</tr>


<tr>
 <td class="leftc" colspan="5">
 {categories:blank}<a href="{categories:list_url}">{categories:categories_name}</a>
 {if:small_subforums} {categories:blank}{lang:subforums}:
 {loop:subboard}
 <a href="{url:board_listcat:id={subboard:board_id}}">{subboard:board_name}</a>{subboard:comma}
 {stop:subboard}
 {stop:small_subforums}
 </td>
</tr>

 {loop:board}
 <tr>
 <td class="leftb" style="width:{categories:iconwidth}px">{categories:blank}{board:icon}</td>
 <td class="leftb"><a href="{board:listcat_url}">{board:board_name}</a>
 {board:board_text}</td>
 <td class="rightbthreads" style="width:60px">{board:board_threads}</td>
 <td class="leftb" style="width:180px">
 {board:last_time} 
 <a href="{board:last_url}">{board:last_name}</a>
 
 {board:of} {board:last_usernick}</td>
 </trforum>

Zuletzt editiert von steste123 am 14.08.2012 um 10:44 Uhr (2x Editiert)

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 10 - 14.08.2012 um 11:27 Uhr

klappt es nun?

kannst sonst auch einfach, dem tr ne class geben und dann:

.class { background: gainsboro; }
.class:nth-child(2n) { background: lavender; }

machen

Inaktiv

steste123
Thread-Ersteller

Rock the board

Beiträge: 60

# Antwort: 11 - 14.08.2012 um 11:36 Uhr

Das mit der Klasse hatte ich auch ausprobiert. Fazit es klappt alles nicht.

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 12 - 14.08.2012 um 11:40 Uhr

du musst halt auch dann die hintergrund farbe bei den tds rausnehmen, sonst kann es ja auch nicht klappen

Inaktiv

steste123
Thread-Ersteller

Rock the board

Beiträge: 60

# Antwort: 13 - 14.08.2012 um 13:37 Uhr

Bitte schlag mich xD

Danke euch allen!!!!

@Pralle: Du hattest doch mal ein Script für eine Art Videothek geschrieben (nicht abcode) hast du das noch? Kann das im Netz leider nicht finden

Inaktiv