Img Rollover help

options
Img Rollover help written Feb 2, 2019 1:09:22 GMT
23written posts
dantelionearned bits
offlinecurrently
dantelion
New Member
dantelion Avatar

[div][attr="class","rollover"][/div]

[newclass=.rollover]

display: block;

width: 463px;

height: 499px;

background: url(https://i.imgur.com/DolOucZ.png?1) no-repeat;

-webkit-transition: all .7s ease-in-out;

-moz-transition: all .7s ease-in-out;

-o-transition: all .7s ease-in-out;

transition: all .7s ease-in-out;

[/newclass]



[newclass=.rollover:hover]

background: url(https://i.imgur.com/cehpM1U.png?1)

[/newclass]


It won't show up. Any help would be great It's probably something simple lol.
last edit on Feb 2, 2019 3:46:09 GMT by dantelion
options
Img Rollover help written Feb 2, 2019 2:00:20 GMT
pronounsany pronouns
270written posts
forteearned bits
offlinecurrently
forte
Senior Member
forte Avatar
—
I shouldn't be trusted when it comes to proboards coding, but at first glance, it looks like there's a quote missing after "rollover" and a semicolon missing after the background url in the "rollover:hover" newclass tag. Granted, I could be completely wrong, but try this. Lmk if it doesn't work:

[div][attr="class","rollover"][/div]
[newclass=.rollover]
display: block;
width: 463px;
height: 499px;
background: url(https://i.imgur.com/DolOucZ.png?1) no-repeat;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
[/newclass]

[newclass=.rollover:hover]
background: url(https://i.imgur.com/cehpM1U.png?1);
[/newclass]
last edit on Feb 2, 2019 2:08:57 GMT by forte
options
Img Rollover help written Feb 2, 2019 3:57:42 GMT
ᕕ( ᐛ )ᕗ
aliasthat bitch.
pronouns"that bitch" still works tbh (any OK!)
551written posts
selkieearned bits
offlinecurrently
selkie
Part of the Furniture
selkie Avatar
a verb in perfect view.
any line breaks within [newclass] and [/newclass] will break your code, so you need to put all of your styling on one line! so it'd be like this instead

[div][attr="class","rollover"][/div]

[newclass=.rollover] display: block; width: 463px; height: 499px; background: url(https://i.imgur.com/DolOucZ.png?1) no-repeat; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; [/newclass]
[newclass=.rollover:hover] background: url(https://i.imgur.com/cehpM1U.png?1) [/newclass]
weeping omens advertisement

all my proboards templates require the style tags plugin!
options
Img Rollover help written Feb 17, 2019 21:36:13 GMT
3,084written posts
Kitten4uearned bits
offlinecurrently
Kitten4u
Part of the Furniture
Kitten4u Avatar
[nospaces]

[attr="class","infoBG"]
[attr="class","infoBG2"]
[attr="class","infoBack"]
[attr="class","infoTitle"][attr="class","fa fa-star-o"] threadarchived
[attr="class","infoDiv"]

[attr="class","infoBody"]

To keep the forum clean and so people know that all threads in certain areas are current and that the OP is likely to still have interest, we archive threads that haven't gotten posts for 2 weeks. This thread is being archived for that reason. If you would like this thread reopened, contact a staff member.