Demo

Probiere ClanSphere aus und teste daran herum. Demo


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 ClanSphere Team

Supporter
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 ClanSphere Team 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}<br />{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"><strong><a href="{board:listcat_url}">{board:board_name}</a></strong>
      <
br />{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>
      <
br />{board:last_time}
      <
br />{board:of} {board:last_usernick}</td>
   </
tr>
   {
stop:board}
 {
stop:categories}


Inaktiv
|
sgraewe ClanSphere Team

Supporter
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 ClanSphere Team

Supporter
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 ClanSphere Team 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"><strong><a href="{board:listcat_url}">{board:board_name}</a></strong>
      <
br />{board:board_text}</td>
    <
td class="rightbthreads" style="width:60px">{board:board_threads}</td>
    <
td class="leftb" style="width:180px">
    <
span class="board_lasttime">{board:last_time}<br /></span>
      <
a href="{board:last_url}">{board:last_name}</a>
      <
br />
     <
span class="board_lastuser"> {board:of} {board:last_usernick}</span></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 ClanSphere Team

Supporter
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 ClanSphere Team 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}<br />{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"><strong><a href="{board:listcat_url}">{board:board_name}</a></strong>
      <
br />{board:board_text}</td>
    <
td class="rightbthreads" style="width:60px">{board:board_threads}</td>
    <
td class="leftb" style="width:180px">
    <
span class="board_lasttime">{board:last_time}<br /></span>
      <
a href="{board:last_url}">{board:last_name}</a>
      <
br />
     <
span class="board_lastuser"> {board:of} {board:last_usernick}</span></td>
   </
trforum>
  



Zuletzt editiert von steste123 am 14.08.2012 um 10:44 Uhr (2x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
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 ClanSphere Team

Supporter
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
|
ev0lution


Geekboy





Beiträge: 1103
# Antwort: 14 - 14.08.2012 um 19:24 Uhr
Palle ohen R


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


Inaktiv
|
Antworten: 14
Seite [1]


Sie müssen sich registrieren, um zu antworten.