We mustn't offend the all powerful NPCs!

[socksuke_uchiha]

Rundown: rpanons is an anonymous community for role-play related topics. This place serves as a forum for game discussions, canon discussions, RP solicitations (ATP, game ads, open memes), and advice. The occasional off topic comment is inevitable, but please keep heated social and political topics to their respective communities. Posting them here will only get them frozen. Subsequent threads made to bypass a freeze will then be deleted.

Rules:

Do not post pornographic or shocking images.
Do not share private entries, plurks, chat logs, etc.
Do not use this community as your social/political/hatespeech soapbox.
Do not be redundant. One page does not need three or more threads on one topic/theme. Your unfunny, forced memes also fall under this rule.
Do not treat this comm like your personal therapist. Threads about nonfictional suicide, self injury, rape, and abuse will be deleted. There are better resources out there for you.
Do not treat this comm like your personal Plurk or Twitter. Off-topic happens, but it should be open for discussion and not just a play-by-play of your life. No one cares.
Shut up about Tumblr. If it's not a discussion about Tumblr RP it will be deleted.


CONCERNS | RESOURCES


Navigate:

Political topics are still banned. Report threads and they will be deleted.

LATEST PAGE | LATEST FLATVIEW PAGE

GAME DISCUSSIONS | CANON DISCUSSIONS | HTML/GRAPHIC HELP

ATP/ENABLE ME | GAME ADVERTISEMENTS | PB SUGGESTIONS | USERNAME SUGGESTIONS

GAME IDEAS | CHARACTER ADVICE | RP WITH ME | TEST DRIVES

KINKS YOU WANT TO PLAY | PAIRINGS YOU WANT TO PLAY | RECOMMEND A CANON/CHARACTER

Comments

Re: HTML/GRAPHIC HELP

[(Anonymous)]

Is it possible to change the source image when you hover over an icon? I'm trying to do some code so that, in the journal, when you hover over any of the user icons they all transition to an "anonymous" type of icon.

I've fiddled with z-index and the like. Maybe my brain is just fried from the long day I've had but I just can't get it to work, so if anyone can help or tell me if it's possible that would be super.

My current code in the stylesheet is:

.userpic { position: relative; width:100px; height:100px; float: left; margin-top: -50px; padding-right: 10px; }
.userpic img, .userpic:hover { position: absolute; background-image: url('http://i.imgur.com/ZeUtl2a.png'); width: 100px; height: 100px; position: relative; z-index:2; }

I've messed with it so much that it's messy and falling apart now alas. The best I've gotten was for the image to appear, but it would appear underneath the user icon and over to the right, despite setting top: 0px; and left: 0px; so I don't even know at this point.

Any help is appreciated.

[prospitian]

This fix probably isn't going to be perfect—you'll likely have to go in and adjust for your specific style (ex. I tested it on my own journal; you'll be able to see that the border just fucks right off as soon as I hover, but if I coded that same border under "userpic:hover" I think I'd be fine). If you're having any trouble doing that, though, let me know.

In the meantime, start here:

.userpic { width:100px; height:100px; } .userpic:hover img { display:none; } .userpic:hover { background-image:url('http://i.imgur.com/ZeUtl2a.png'); }

Basically what this does is make it so that when you hover over the userpic div, it makes the image inside the div invisible, showing you the background (i.e. the "anonymous" icon) instead. The first line of code keeps the div fixed at 100x100 pixels so the div doesn't just disappear for lack of visible content, though.

Hope this does the trick for you!

[(Anonymous)]

You are my hero! It worked perfectly. All I had to do was adjust the margin and it was good to go.

Do you have an account you'd like me to send points/paid time to? I'm super grateful and would like to repay you.

[prospitian]

I'm super happy it worked out for you!! ♥ If you want to throw some points at this account they'll go to whichever character journal ends up in a game next but don't feel obligated to, I'm just really happy it worked out, I love bullshitting code into doing stuff it isn't exactly supposed to do lmao