Jump to content


Photo

Add background color on widget (Blink Effect)


  • Please log in to reply
4 replies to this topic

#1 mostone

mostone

    Member

  • Members
  • PipPip
  • 17 posts

Posted 16 May 2013 - 09:05 AM

Hello guys mr or ms :)

I want to ask  ^_^

How to add Background color on widget (Blink Effect)
more details you can see this picture
ozcxN0a.png
source:
http://www.duelingcity.net/

before i find this code, and work . but not with the background color, and blink effect,
 

<a href="http://astajim.indonesianforum.net/portal"><div style=" text-align:justify;"><div style="float:left; width:80px; text-align:center;"><div style="padding-top:20%;"><img src="http://i41.servimg.com/u/f41/17/61/95/60/news10.png"></div>
</div><div style=" float:left; width:200px;  margin:auto;">
<br>
<span class="gensmall">text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here<br><br></span>

</div>

</div></a>

result in my widget:
lykUBmX.png
my forum:
http://astajim.indon...orum.net/portal

and I tried to add this code for BG color, but failed. i put in my css code

.column table:nth-of-type(1) tbody tr:nth-of-type(2) td {
  background: none repeat scroll 0 0 #0E1A24;
}

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
  padding: 2px 3px;
}

please help me how to add BG color and blink effect??
maybe with other css/html or javascript?
please help me :)

thanks before  ^_^


Edited by mostone, 16 May 2013 - 09:14 AM.


#2 Adam

Adam

    Advanced Member

  • Gurus
  • 5,693 posts
  • LocationSheffield / UK

Posted 17 May 2013 - 03:48 AM

What is the "blink effect" exactly?

#3 mostone

mostone

    Member

  • Members
  • PipPip
  • 17 posts

Posted 17 May 2013 - 11:16 AM

thats hover effect :D

 

blink= hover, :D



#4 Adam

Adam

    Advanced Member

  • Gurus
  • 5,693 posts
  • LocationSheffield / UK

Posted 17 May 2013 - 11:27 AM

You can use the :hover psuedo class:

http://jsfiddle.net/8QwNX/

Really old browsers like IE6 won't support :hover on elements other than anchors (<a>), but that's acceptable for most.

#5 mostone

mostone

    Member

  • Members
  • PipPip
  • 17 posts

Posted 17 May 2013 - 07:59 PM

You can use the :hover psuedo class:

http://jsfiddle.net/8QwNX/

Really old browsers like IE6 won't support :hover on elements other than anchors (<a>), but that's acceptable for most.

 

doesn't work sir :(

i try with this code

http://jsfiddle.net/8QwNX/12/

 

whats wrong?? :)






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com