Problem Z Modyfikacją Szablonu

[mamisynek]

Witam

Nie mam pojęcia jak przerobić poniższy szablon (pokazuje on ostatnie 5 tematów z forum) aby graficznie uatrakcyjnić go na zasadzie zebry (odd - even, pierwszy temat obramowany na szaro, drugi na biało). O ile z skonstruowaniem css nie mam problemu to z poniższym zapisie kompletnie nie wiem co zrobić, dlatego proszę o pomoc.

<div class="lasttopics">
{foreach from=$mod.forumlastbox.posts item=item key=key}
<div class="post">
<a href="{$category[$item.menu_id].link}/topic,{$item.tid}.html" class="topicName">{$item.title} <span>»</span></a>
<span class="user">{$item.user_name}</span> <a href="{$category[$item.menu_id].link}/topic,{$item.tid}.html" class="shortPost">{$item.content|bbcode:quote_remove|strip_tags|truncate}</a>
</div>
{/foreach}
</div>

[Mion]

(odd - even, pierwszy temat obramowany na szaro, drugi na biało).

Musisz utworzyć zmienną która będzie incrementowana w pętli i w zależności od warunku

if(($nrprzebiegu % 2 )== 0) wstawiać kod z danym parametrem CSS który określi jego wygląd

Proszę.

[mamisynek]

Musisz utworzyć zmienną która będzie incrementowana w pętli i w zależności od warunku

if(($nrprzebiegu % 2 )== 0) wstawiać kod z danym parametrem CSS który określi jego wygląd



Proszę.

A mógłbyś mi wstawić tą zmienną do szablonu który podałem w pierwszym poście ?

[Mion]

Nie

[krzysiek_web]

.post:nth-child(2n+1) {
    background: #fff;
}
.post:nth-child(2n) {
    background: #F8F8F8;
}

CSS3

[mamisynek]

.post:nth-child(2n+1) {
    background: #fff;
}
.post:nth-child(2n) {
    background: #F8F8F8;
}

CSS3

Z css nie mam problemu chodzi mi o wstawienie zmiennej do szablonu

<div class="lasttopics">

{foreach from=$mod.forumlastbox.posts item=item key=key}

<div class="post">

<a href="{$category[$item.menu_id].link}/topic,{$item.tid}.html" class="topicName">{$item.title} <span>»</span></a>

<span class="user">{$item.user_name}</span> <a href="{$category[$item.menu_id].link}/topic,{$item.tid}.html" class="shortPost">{$item.content|bbcode:quote_remove|strip_tags|truncate}</a>

</div>

{/foreach}

</div>

[krzysiek_web]

ehh... dlaczego chociaż nie przetestujesz...?

Efekt:

Ale jeżeli nie masz strony w html5 to szkoda mieszać.

[mamisynek]

Dziękuję krzysiuus. Jeśli chodzi o css, to co opisałeś i przedstawiłeś efekt to już sobie przygotowałem, ale mi chodzi jak to zaimplementować do szablonu z PHP

<div class="lasttopics">
{foreach from=$mod.forumlastbox.posts item=item key=key}
<div class="post">
<a href="{$category[$item.menu_id].link}/topic,{$item.tid}.html" class="topicName">{$item.title} <span>»</span></a>
<span class="user">{$item.user_name}</span> <a href="{$category[$item.menu_id].link}/topic,{$item.tid}.html" class="shortPost">{$item.content|bbcode:quote_remove|strip_tags|truncate}</a>
</div>
{/foreach}
</div>

[krzysiek_web]

Ale dlaczego i co chcesz implementować?

Przecież wystarczy wstawić ten kod css co podałem i nic więcej... to wg. mnie jest najprostszy i najszybszy sposób.

Efektem będzie że co drugi div "post" będzie miał tło innego koloru bo taki efekt chcesz uzyskać tak?

[Mion]

ale mi chodzi jak to zaimplementować do szablonu z PHP

Napisałem Ci jak to zrobić..... dodatkowo poszukaj w dokumentacji szablonów może będzie gotowy przykład.