Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Adding a page breaker image after your news item posts
Keishah~ (New Admin) 10/30/2009 8:08 PM EST : Adding a page breaker image after your news item posts
Keishah~
Posts: 60
Posts With Wolves

So, I figured out a way to add a little breaker image after news posts so that its a bit easier to tell when one starts and one ends. I'm not sure if someone has already discovered this, I looked a little and didn't see anything but I didn't dig very deep. Anywhere, here it is..


To see what I'm talking about go to my guildportal, here.
I've got little flaming swirly things underneath all my news items

So here's how I did it:

Paste this in to your Custom CSS.

.UCB { padding: 5px 2px 5px 2px; margin-bottom: 25px; background-image:url(IMAGE URL OF YOUR BREAKER); background-position: bottom center; background-repeat:no-repeat; padding-bottom: HEIGHT OF YOUR IMAGE (maybe + 5)px; }



Paste the URL of your breaker image in the place where it says IMAGE URL OF YOUR BREAKER
Enter the height of your image, and optionally add 5 pixels (or any amount, to set some sort of distance between your last sentence in the post and the breaker image) where it says HEIGHT OF YOUR IMAGE (maybe + 5)

That's it! Enjoy



TopBottom

Mottie (MVP) 10/31/2009 2:29 PM EST : RE: Adding a page breaker image after your news item ...
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Keishah!

Nice work! Would you mind if I share your information with others on my help site?
TopBottom

Keishah~ (New Admin) 10/31/2009 6:17 PM EST : RE: Adding a page breaker image after your news item ...
Keishah~
Posts: 60
Posts With Wolves

Hey, no problem I posted here cause I wanted to share with as many people as possible.
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%