/    Sign up×
Community /Pin to ProfileBookmark

How to do this hover effect for my myspace

How do i go from a white to red border around my top friends pictures and also the name changes from white to red also.then on my friend comments there names turn from white to red. ps. i have an example myspace page im me if you would like to see. tia

to post a comment
CSS

8 Comments(s)

Copy linkTweet thisAlerts:
@dmikester1May 01.2008 — Can you put code such as CSS and HTML on MySpace? Seeing an example would help a lot.
Copy linkTweet thisAlerts:
@topnotchauthorMay 01.2008 — I dont know but heres the page http://www.myspace.com/garysturgis and yes you can use css and html.
Copy linkTweet thisAlerts:
@dmikester1May 01.2008 — So it looks like it does what you are asking. What exactly do you want it to do? The names change from white to red when you hover over them as do the pictures.
Copy linkTweet thisAlerts:
@topnotchauthorMay 01.2008 — Thats an example thats not my page hehe how do i do that.
Copy linkTweet thisAlerts:
@topnotchauthorMay 03.2008 — Any help is appreciated guys thanks.
Copy linkTweet thisAlerts:
@dmikester1May 03.2008 — I would suggest reading up on some CSS tutorials online. One of my favorites is http://www.w3schools.com/Css/default.asp

Here is a quick example to help get you started to applying a border to an image on hover:

a:hover img {border: solid #003399 1px}

This means(I believe) for any image that is a link(thats what the 'a' means), apply a border of a solid line 1px wide with a color of #003399 when the mouse hovers over it.

Hope this helps.

Mike
Copy linkTweet thisAlerts:
@savvykmsMay 03.2008 — some simple sites to help you:

* http://www.htmlgoodies.com/ (same network as this)

*
http://www.w3schools.com/

* your own mind

w3schools is not completely safe, as it has quite a few biased opinions and syntax errors in "standard" code
Copy linkTweet thisAlerts:
@IL14N4May 04.2008 — I'm not familiar with myspace, but I'm pretty sure they have some sort

of html editor so you can edit your myspace page. Also if you're not

familiar with html or css it'll take you a couple of lesson to understand

how to apply the markup. You should include a link to your myspace

page that way it be easier to help you with the code.
×

Success!

Help @topnotch spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...