Szachownica w mod_news_pro_gk4

[cmk]

Mam takie pytanie, czy w module do wyświetlania newsów mod_news_pro_gk4 istnieje możliwość zrobienia "szachownicy kolorów"? Załączam przykład na screenie niżej. Jeśli jest taka możliwość to jak to osiągąć?

4457

[palyga007]

podaj link do strony żeby sobie można było kod zerknąć.

Oczywiście tej z gtk a nie tej z obrazka..


----------------------------
hej a_m :)

(której jednak nie rozumieją niektóre przeglądarki)

niektórzy ludzie też pewnie nie ;]

[a_m]

za pomocą pseudoklasy :nth-child (http://www.w3schools.com/cssref/sel_nth-child.asp) (której jednak nie rozumieją niektóre przeglądarki)

-------------------
hej 007 :)

[cmk]

Podaję kod jednego newsa z tego modułu, bo to do nowego szablonu na stronę, który będzie dopiero wdrażany:


<div style="width:50%;" class="nspArt"><div style="padding:0 20px 20px 0"><h4 class="nspHeader tleft fnone"><a title="Messi honorowym członkiem AFE" href="/index.php/2-uncategorised/15-messi-honorowym-czlonkiem-afe">Messi honorowym członkiem AFE</a></h4><p class="nspInfo tleft fnone">09-10-2011 | <a href="/index.php/2-uncategorised">Uncategorised</a> | Super User</p><a href="/index.php/2-uncategorised/15-messi-honorowym-czlonkiem-afe"><img style="width:160px;height:120px;margin:6px 14px 0 0;" alt="Messi honorowym członkiem AFE" src="/images/news/messi_28.jpg" class="nspImage tleft fleft"></a><p class="nspText tleft fleft">
Napastnik FC Barcelony był zadowolony, że „jest jednym z wielu", podobnie jak większość jego kolegów w pierwszej lidze, którzy mają takie same prawa i obowiązki.
</p><p class="nspInfo tleft fleft"></p><a href="/index.php/2-uncategorised/15-messi-honorowym-czlonkiem-afe" class="readon fright">Read more</a></div></div>

[kurtz]

hyhyhy. obrazków jakichś nie masz ? też wrzuć.

[palyga007]

@cmk

Po pierwsze to nie jest kod modułu, tylko wynikowy kod wyświetlany na stronie www a to już raczej spora różnica jeśli chodzi o PHP
Po dwa.
Z tego "kodu" wynika, ze pojedyncze "prostokąty" nie posiadają swojego indywidualnego identyfikatora także, albo zastosujesz się do rady a_m, albo zmodyfikujesz kod modułu podejmując próbę dopisania klas np dark bright na przemiennie do każdego "prostokąta".

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

@kurtz
przszedłeś psocić? :)

[cmk]

Dzięki, spróbuję zastosować pseudoklasę lub dopisać kolejną klasę do każdego newsa z osobna.

[palyga007]

dopisać kolejną klasę do każdego newsa z osobna

A to niby jak?:)

[kurtz]

klawiaturo :up:

[palyga007]

rozwiązanie doraźne... napisane z palca i testowane raczej niezbyt dokładnie.

plik
content.php tego modułu.

gdzieś "na górze"


$background="";
$index=0;


Potem w kodzie linia ok: 75
zmodyfikować: (dopisując : $background;)


<div class="nspArt<?php echo $class; echo $background; ?>" style="width:<?php echo 100 / $this->config['news_column']; ?>%;<?php echo $style; ?>"><div style="padding:<?php echo $this->config['art_padding']; ?>"><?php echo $news_html_tab[$i];?></div></div>




wrzucić:


<?php if($index==0){
$background=" dark";
$index++;
}else{
$background=" bright";
$index=0;
};?>

powoduje pokazywanie się na przemian klas dark i bright

cała sekcja wygląda teraz tak:




<?php for($i = 0; $i < count($news_html_tab); $i++) : ?>
<?php
$class = '';
$style = '';
if($i >= ($this->config['news_column'] * $this->config['news_rows'])) $class .= ' unvisible';
if(($i+1) % ($this->config['news_column']) == 1) $style .= 'clear:both;';
?>

<?php if($index==0){
$background=" dark";
$index++;
}else{
$background=" bright";
$index=0;
};?>
<div class="nspArt<?php echo $class; echo $background; ?>" style="width:<?php echo 100 / $this->config['news_column']; ?>%;<?php echo $style; ?>"><div style="padding:<?php echo $this->config['art_padding']; ?>"><?php echo $news_html_tab[$i];?></div></div>
<?php endfor; ?>






to dla tych co są za kiepscy w css (czyli tak jak ja :))

Oczywiście dla większej liczby możliwości kolorystycznych trzeba by to albo na switch'a przerobić albo skorzystać z jakiejś tablicy. :]