Forums / Cotonti / General / section banners

Draeghonov
#17914 2009-10-16 23:19
Thanks again Kort :)

I have given it some thought,and just tried a n00bish thing: look at my current css:

#slogan		{ width:981px; height:154px; }
#slogan h2	{ display:none; }

#alogan		{ width:981px; height:154px; }
#alogan h2	{ display:none; }

.s-admin	{ background:url(img/bann/administration.jpg) no-repeat 0 0; }
.s-forums	{ background:url(img/bann/forums.jpg) no-repeat 0 0; }
.s-index	{ background:url(img/bann/index.jpg) no-repeat 0 0; }
.s-message	{ background:url(img/blueish/slogan-message-en.png) no-repeat 0 0; }
.s-page		{ background:url(img/bann/downloads.jpg) no-repeat 0 0; }
.s-list		{ background:url(img/bann/downloads.jpg) no-repeat 0 0; }
.a-videos	{ background:url(img/bann/videos.jpg) no-repeat 0 0; }
.a-tutorial	{ background:url(img/bann/tutorials.jpg) no-repeat 0 0; }
.s-pfs		{ background:url(img/blueish/slogan-pfs-en.png) no-repeat 0 0; }
.s-polls	{ background:url(img/blueish/slogan-polls-en.png) no-repeat 0 0; }
.s-pm		{ background:url(img/blueish/slogan-pm-en.png) no-repeat 0 0; }
.s-plug		{ background:url(img/bann/plugins.jpg) no-repeat 0 0; }
.s-users	{ background:url(img/bann/users.jpg) no-repeat 0 0; }

Before I did this, the downloads, videos and tutorials pages had the same banner; not anymore :D

This is how I have implemented it in header.tpl:

<div id="slogan" class="s-{PHP.z}"><div id="alogan" class="a-{PHP.c}"></div>
Yes, VERY n00bish indeed, but this works :)
Now all I have to do is expand on this, to see what can be done to show sub-sections and the different plugins, like top last seen and quickstats etc :)

Added 3 hours 13 minutes later:

Ok, just a tuny question:

{PHP.z}-->sections
{PHP.c}-->page category
{PHP.?}-->plugin category
What letter should the "?" be? :)
This post was edited by Draeghonov (2009-10-17 02:33, 14 years ago)