Reply New Topic
2008/7/14 17:37:54
#1
Offline
Home away from home

Border around banner

I'm using the BlueShine theme, and I changed the header table to include a banner. I would like to add a border or frame around it like on the x(u-no-hoo) site. I think it's in the Zetagenesis theme. I looked at the theme files and can't pick out where this is defined.

Anybody suggestions as to how to do this will be appreciated. It's not super important, though. Just thought it would be nice.

Jere


2008/7/15 4:25:17
#2
Offline
Home away from home

Re: Border around banner

actually, in the zeta theme it is a background image.

http://www.xoops.org/themes/zetagenesis/img/bg-ad-top.png

anywho...

you can add borders to your stuff easily, but you are going to want to wrap some divs around the banner cod forst off.

So open up theme.html and do a scan for <{$xoops_banner}>

now, if you dont already wrap some divs around it and give it a class.

<div class="xoops_banner">
<{$xoops_banner}>
</div>

_____

Now save and clear your templates_c then open up your old stylesheet.

add the following.

.xoops_banner { background: url(http://www.xoops.org/themes/zetagenesis/img/bg-ad-top.png); }

now that you have a css class on your banner you can do anything to it. for example.

.xoops_banner:hover {border: 1px solid #ff0; }



2008/7/15 8:02:45
#3
Offline
Home away from home

Re: Border around banner

MrT,

Thanks for the help. Only had effect on top and bottom of banner, though, so I added the following per Zeta:

top: 7px; right: 5px; padding: 6px;


Now looks like this. Better, but not real close:



Jere


Reply New Topic extras
 Previous Topic   Next Topic
You can view topic.
You can start a new topic.
You can reply to posts.
You cannot edit your posts.
You cannot delete your posts.
You cannot add new polls.
You cannot vote in polls.
You cannot attach files to posts.
You can post without approval.