Oddzielny header dla kategorii

[Darku]

Chciałbym stworzyć urozmaicony styl który dla różnych kategorii zmieniał by header (tło oraz logotyp). Potrzebuję do tego zmiennej która informowała by na jakiej części forum się znajduję. Jak coś takiego można by wykonać? By coś takiego funkcjonowało wystarczy mi zmienna która informowała by o kategorii do której należy post lub informacja którą właśnie kategorię przeglądam. Jeśli jesteśmy w stanie śledzić ścieżkę nie powinno to chyba stanowić większego problemu...

[DawPi]

<if test="$this->request['f'] == X">

cos

</if>

[Darku]

<if test="$this->request['f'] == X">
cos
</if>

 

Dało to pożądany efekt. Jednak funkcjonuje głównie na podstawie podfor, a nie kategorii. Jest jakiś sposób na to? Używając podfor będę musiał dość sporo zmiennych wpisać, a korzystając z kategorii były by to 4-6 zmiennych.

 

By pokazać o czym mówię podam przykład...

 

STRONA GŁÓWNA:

- http://forum.livespot.pl/

 

KATEGORIA:

- http://forum.livespot.pl/forum/4-guild-wars-2/

 

PODFORUM:

- http://forum.livespot.pl/forum/10-og%C3%B3lne-dyskusje/

Edytowane 28 Lutego 2013 przez Darku

[DawPi]

To wtedy już musisz wspierać się PHPem, jednak najlepiej będzie dać Ci po prostu więcej IDsów:

<if test="in_array( $this->request['f'], array( 1, 2, 3, 4 ) )"> 

[Gość ratosluaf]

A nie prościej użyć css? Każda kategoria ma swój id:

 

#category_5 .maintitle

I stylujemy...

 

Boże, co ja piszę...

Edytowane 28 Lutego 2013 przez ratosluaf

[Darku]

A nie prościej użyć css? Każda kategoria ma swój id:

 

#category_5 .maintitle

I stylujemy...

 

Rozwiązanie DawPi ostatecznie dało taką linijkę kodu:

 

<if test="in_array( $this->request['f'], array( 4, 43, 14, 77, 86, 13, 66, 11, 10, 72, 71, 70, 68, 67, 45, 96, 62, 61, 42, 34, 40, 48, 30, 46, 29, 28, 94, 93, 92, 91, 90, 89, 88, 87, 19, 59, 101, 98, 85, 84, 83, 82, 81, 80, 79, 78, 20, 57, 58, 56, 55, 60, 53, 105, 104, 103, 102, 100, 99 ) )"> 

<style type="text/css">

#branding {background: url(http://livespot.pl/wp-content/uploads/2013/02/header-gw2.jpg) no-repeat 30% 35%, url(http://livespot.pl/wp-content/uploads/2013/02/livespot-bg.jpg) repeat 0 58% !important; }

</style>

</if>

 

Jedyne co mnie zastanawia to jak zmienić kod generowania logotypu tak... by logo nie było img tylko wrzucało się w bacground div o id logo.

[Gość ratosluaf]

Tak samo, jak jest w stylu,

#logo

[Darku]

Cały kod wyszedł dokładnie tak:

 

<if test="in_array( $this->request['f'], array( 4, 43, 14, 77, 86, 13, 66, 11, 10, 72, 71, 70, 68, 67, 45, 96, 62, 61, 42, 34, 40, 48, 30, 46, 29, 28, 94, 93, 92, 91, 90, 89, 88, 87, 19, 59, 101, 98, 85, 84, 83, 82, 81, 80, 79, 78, 20, 57, 58, 56, 55, 60, 53, 105, 104, 103, 102, 100, 99 ) )">

<style type="text/css">

#branding {background: url(http://livespot.pl/wp-content/uploads/2013/02/header-gw2.jpg) no-repeat 30% 35%, url(http://livespot.pl/wp-content/uploads/2013/02/livespot-bg.jpg) repeat 0 58% !important; }

#logo img { background: url(http://guildwars2.livespot.pl/wp-content/uploads/sites/3/2013/02/logo.png) no-repeat !important; width: 250px !important; height: 125px !important; margin-top: -30px !important; }

</style>

</if>

<if test="in_array( $this->request['f'], array( 108, 109, 124, 125 ) )">

<style type="text/css">

#branding {background: url(http://livespot.pl/wp-content/uploads/2013/02/header-bf3.jpg) no-repeat 30% 0, url(http://livespot.pl/wp-content/uploads/2013/02/livespot-bg.jpg) repeat 0 58% !important; }

#logo img { background: url(http://battlelog.pl/wp-content/uploads/sites/4/2013/02/logo.png) no-repeat !important; width: 320px !important; height: 80px !important; margin-top: -30px !important; }

</style>

</if>

<if test="in_array( $this->request['f'], array( 110, 113, 126, 127 ) )">

<style type="text/css">

#branding {background: url(http://livespot.pl/wp-content/uploads/2013/02/dontstarvegame-header.png) no-repeat bottom center, url(http://livespot.pl/wp-content/uploads/2013/02/livespot-bg.jpg) repeat 0 58% !important; }

#logo img { background: url(http://dontstarvegame.pl/wp-content/uploads/sites/8/2013/02/logo2.png) no-repeat !important; width: 238px !important; height: 110px !important; margin-top: -30px !important; }

</style>

</if>

<if test="in_array( $this->request['f'], array( 111, 114, 129, 130 ) )">

<style type="text/css">

#branding {background: url(http://livespot.pl/wp-content/uploads/2013/02/bg-witcher.jpg) no-repeat 30% 58%, url(http://livespot.pl/wp-content/uploads/2013/02/livespot-bg.jpg) repeat 0 58% !important; }

#logo img { background: url(http://witchergame.pl/wp-content/uploads/sites/2/2013/02/logo6.png) no-repeat !important; width: 265px !important; height: 125px !important; margin-top: -30px !important; }

</style>

</if>

<if test="in_array( $this->request['f'], array( 112, 115, 128 ) )">

<style type="text/css">

#branding {background: url(http://livespot.pl/wp-content/uploads/2013/02/cyberpunk-header.jpg) no-repeat 30% 58%, url(http://livespot.pl/wp-content/uploads/2013/02/livespot-bg.jpg) repeat 0 58% !important; }

#logo img { background: url(http://cyberpunkgame.pl/wp-content/uploads/sites/5/2013/02/logo.png) no-repeat !important; width: 390px !important; height: 100px !important; margin-top: -30px !important; }

</style>

</if>

 

Całość można zobaczyć pod poniższym linkiem:

- http://forum.livespot.pl/

 

Wygląda świetnie.