Chciałbym uzyskać taki wynik (screen):

[HTML] pobierz, plaintext 
<style type="text/css">
.zielony {
    float: left;
    width:291px;
    height:139px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    margin-top: 8px;
    background-color:#008000;
}
 
.czerwony {
    float: left;
    width:291px;
    height:139px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    background-color:#CA0000;
}
</style>
 
<div style="width:980px;margin:0 auto;">
    <div class="zielony">zielony</div>
    <div class="czerwony">czerwony</div>
    <div class="zielony">zielony</div>
 
    <div class="zielony">zielony</div>
    <div class="czerwony">czerwony</div>
    <div class="zielony">zielony</div>
</div>
[HTML] pobierz, plaintext 

Tylko, że za pomocą smarty - nie mam bladego pojęcia jak zrobić pętlę ;/

Oto kod PHP:

[PHP] pobierz, plaintext 
<?
       $tablica = array();
        for($i=0;$i<20;$i++) array_push($tablica, $i);
        $smarty->assign('tablica', $tablica);
        $smarty->display("test.tpl");
?>
[PHP] pobierz, plaintext 

a tu kod Smarty:

[HTML] pobierz, plaintext 
{literal}
<style type="text/css">
.zielony {
    float: left;
    width:291px;
    height:139px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    margin-top: 8px;
    background-color:#008000;
}
 
.czerwony {
    float: left;
    width:291px;
    height:139px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    background-color:#CA0000;
}
</style>
{/literal}
<div style="width:980px;margin:0 auto;">
    {foreach name=petla item=tablica from=$tablica}
        <div class="{if $smarty.foreach.petla.index is div by 2}zielony{else}czerwony{/if}">{$tablica}</div>
    {/foreach}
</div>
[HTML] pobierz, plaintext 

i uzyskuje taki wynik (screen), a tu kod HTML:

[HTML] pobierz, plaintext 
<style type="text/css">
.zielony {
	float: left;
	width:291px;
	height:139px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	margin-top: 8px;
	background-color:#008000;
}
 
.czerwony {
	float: left;
	width:291px;
	height:139px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	background-color:#CA0000;
}
</style>
 
<div style="width:980px;margin:0 auto;">
			<div class="zielony">0</div>
			<div class="czerwony">1</div>
			<div class="zielony">2</div>
			<div class="czerwony">3</div>
			<div class="zielony">4</div>
			<div class="czerwony">5</div>
	</div>
[HTML] pobierz, plaintext 

Miałby ktoś sposób na rozwiązanie mojego problemy? z góry dziękuję za pomoc

Weź sobie całego diva w instrukcję warunkową. Przecież czarno na białym widać, że nie wyświetlasz w jego treści żadnego słowa "zielony" lub "czerwony" tylko indeks aktualnej komórki tablicy.

tu nie chodzi o tekst wyświetlany tylko o kolor tła

[HTML] pobierz, plaintext 
{if $smarty.foreach.petla.index is div by 2}zielony{else}czerwony{/if}
[HTML] pobierz, plaintext 

Skoro pisze Ci czarno na białym, że nie masz instrukcji warunkowej, to powiedz mi gdzie masz oczy?

Już rozwiązałem - funkcja {cycle} z trzema wartościami ma być

[HTML] pobierz, plaintext 
	{foreach name=petla item=tablica from=$tablica}
		<div class="{cycle values='zielony,czerwony,zielony'}">{$tablica}</div>
	{/foreach}
[HTML] pobierz, plaintext