Vsak post druga barva

Živjo

Delam en dizajn za svojo stran, ki jo bo poganjal wordpress. V oko mi je padel tale dizajn. Pri njemu se mi najbolj dopade to, da je vsak drugi post na prvi strani druge barve in to, da se zraven posta pojavi še ena slikca, ki je pozneje v postu ni. Ve kdo kako se da to natediti?

9 odgovorov

.home-post-list-1 .home-post-1 {
    background:#eee;
    padding:10px;
    margin:0;
    }

.home-post-list-1 .alt-home-post-1 {
    background:#fff;
    padding:10px;
    margin:0;
    }

Tole je tisti del CSSja, ki poskrbi za to. Zagotoviti moras pa se to, da se za vsak DIV, ki drzi clanek, menjata classa "home-post-1" in "alt-home-post-1".

Zadevo bi lahko resil sicer tudi s CSS3 (nth-child() pseudo class), kar pa na zalost podpira bolj malo browserjev, ali pa uporabis jQuery.

Css del sem vedel. Se pravi, da verjetno brez js ne bo šlo? Kako pa kaj misliš, da je rešeno z tisto sliko? Gre za kak plug ali kakšno drugo rešitev?

Bi cisto slo tudi brez JS, le template bos moras malo prirediti. Tukaj ti sicer tezko pomagam, z Wordpressom se namrec sploh se nisem ukvarjal :)

Wordpress sicer ne vem kako deluje, ker ga ne uporabljam, spreminjanje barv vrstic pa lahko rešiš na enostaven način:

$r = mysqlquery("SELECT Title FROM $table");
echo "<table>";
while ($row = mysql
fetcharray($r) {
$row
color = ($rowcount % 2) ? '#FFFFFF' : '#CCCCCC';
echo "<tr bgcolor=\"" . $row
color . "\">
<td>" . $row['Title'] . "</td>
</tr>";
$row_count++;
}
echo "</table>";

Uporabiš seveda lahko classe in namesto tabel dive.

Nebom nove teme odpiral pa bom kar tukaj vprašal. Na strani, ki jo je omenil nas-t1 http://www.chictastic.com...se, ko odpreš stran pokaže na dnu strani to, kar prikazuje slika:

Zanima me, če mi lahko kdo pove kako se to naredi, da se to prikaže tako kot se?

Leo, verjetno je to jQuery Catfish plugin.

Hvala za pomoč Vini

@nas-t1
url do slike je vrjetno zapisan v custom fields. En primer uporabe.

za barve pa tole dešifriraj :)

Hvala @SpinX, točno to sem iskal.