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! > Can it be done Mottie would know
ThornnarShandris (New Admin) 8/24/2008 8:44 PM EST : Can it be done Mottie would know

ThornnarShandris
Posts: 290
Fingers of Fury!

Yo Mottie,

I love all of your stuff, but i thought of something that might look nice but for the life of me i can not figure it out, even after buying 2 different books on web design so i thought i would break down and ask the guild portal god.

For you really sweet mouse over with the wowhead link stuff, when you mouse over and the box pops up, is there a way to insert a custom pic for the background. So you get the wowhead population of the info, but i can put in a different backgroud pic that is behind the text in the mouseover window.

I figured you would know and after banging my fists on the desk for the last few hours, i thought i would ask. thank you in advance.


TopBottom

Mottie (MVP) 8/25/2008 3:35 AM EST : RE: Can it be done Mottie would know
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Well I checked it out... just add the CSS below into your custom stylesheet.

It gets rid of the purdy wowhead borders, but you can add your own squared off border by changing the style of the border below (color in red). Change the URL to your background image in orange.
div.wowhead-tooltip {border: #ffcc00 1px solid;}
div.wowhead-tooltip table td, div.wowhead-tooltip table th {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/styles/bkgd_stone1.jpg);}
If you want to keep the wowhead borders, use the CSS below. The onlydisadvantage is that there is still a blue transparent edge around yourbackground image.
div.wowhead-tooltip table {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/styles/bkgd_stone1.jpg);}
I don't think you'd be able to make a different background image for each link, but you could make it look different on each tab of your site - just add the CSS above (wrapped with <style type="text/css"> and </style>) into any free form text/css box on that page.
TopBottom

ThornnarShandris (New Admin) 8/25/2008 9:24 AM EST : RE: Can it be done Mottie would know

ThornnarShandris
Posts: 290
Fingers of Fury!

sweet. Still having an issue with the way the pic lines up though which is kind of what was happening before, also some wired black line continues to mess with the backgroup pic. anyway to fix that or am i just hosed?
TopBottom

Mottie (MVP) 8/25/2008 11:31 AM EST : RE: Can it be done Mottie would know
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Got a link to your site so I can look?
TopBottom

ThornnarShandris (New Admin) 8/28/2008 8:31 PM EST : RE: Can it be done Mottie would know

ThornnarShandris
Posts: 290
Fingers of Fury!

TopBottom

Mottie (MVP) 8/29/2008 5:42 AM EST : Changing Wowhead Tooltips
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Ok, now that I've had a closer look (with actual images o.O LOL)

I see that the background image repeats with what I had above... that's also where the black line came from. So I messed around with it and figured out how to move the icon inside the window.



Just paste this code into your Custom StyleSheet or into a Free Form Text/HTML box on the page you have wowhead links.
div.wowhead-tooltip p { position:absolute; top:5px; left:85%; }
div.wowhead-tooltip { border: #ffcc00 1px solid; background: #000000 url(http://i297.photobucket.com/albums/mm228/jason3223/whitewings-1.gif) no-repeat; }
div.wowhead-tooltip table td, div.wowhead-tooltip table th { background:transparent; }

TopBottom

ThornnarShandris (New Admin) 8/30/2008 8:11 PM EST : RE: Changing Wowhead Tooltips

ThornnarShandris
Posts: 290
Fingers of Fury!

is there anything you cant do lol thank you.
TopBottom

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