Make any text rainbow with this code! VERY EASY!
Insert this code into the div you want the rainbow text (i.e. “.sidebar” “a:link” ect)
Note if you want this rainbow text to be only for a specific sentence or area message me for help
background: url(http://static.tumblr.com/blpgwiz/mrIm4x10z/rainbow.jpg); -webkit-text-fill-color: transparent; -webkit-background-clip: text;
Anonymous Asked:
the one you uploaded yesterday, the circle header navigation thing.
the one you uploaded yesterday, the circle header navigation thing.
My Answer:
fixed
Anonymous Asked:
could i request something? idk how this works but some people have pop up asks that have their faq like tropical-moments.. do you know how to do that? if so, could you make a tutorial :)
could i request something? idk how this works but some people have pop up asks that have their faq like tropical-moments.. do you know how to do that? if so, could you make a tutorial :)
My Answer:
just add the faq to the the 3rd step before the ask box code
Anonymous Asked:
for the circles navigation the first link for the code doesn't work.
for the circles navigation the first link for the code doesn't work.
My Answer:
which circle nav?
- Paste this code under your <style type=”text/css”> tag
body{ background:black; overflow:hidden; } .drawingpix { position:absolute; top:-50px; left:-50px; } .tip { padding:10px; position:absolute; top:0%; left:0%; width:300px; height:300px; margin-left:0px; margin-top:0px; text-align:center; opacity:0.8; filter:alpha(opacity=80); } .tip .body { color: #0075FF; background-color: #B5FF00; padding:5px 5px 5px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } - Paste this code under the <head> tag
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> //set drawmode false function dream(){ var color = Math.round(0xffffff * Math.random()).toString(16); //alert(color); var x = Math.floor(Math.random()*$(window).width()); var y = Math.floor(Math.random()*$(window).height()); //alert(x+"--"+y); drawingpix = $('<span>').attr({class: 'drawingpix'}).hide(); $(document.body).append(drawingpix); drawingpix.css({ 'background-color':color, 'border-radius':'100px', '-moz-border-radius': '100px', '-webkit-border-radius': '100px', 'z-index':-1, top: y-14, //offsets left: x-14 //offsets }).show().animate({ height:'500px', width:'500px', 'border-radius':'500px', '-moz-border-radius': '500px', '-webkit-border-radius': '500px', opacity: 0.1, top: y-250, //offsets left: x-250 }, 3000).fadeOut(2000); window.setTimeout('dream()',200); } $(document).ready(function() { dream(); $('#about').click(function() { window.location.href = 'http://motyar.blogspot.com/2010/03/dream-night-animation-with-jquery.html'; } ) }); </script>
- Paste this code under the <head> tag
<link rel="stylesheet" type="text/css" href="http://css-tricks.com/examples/StarryNightMoving/css/style.css" />
<script src="http://css-tricks.com/examples/StarryNightMoving/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://css-tricks.com/examples/StarryNightMoving/js/jquery.backgroundPosition.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#midground').css({backgroundPosition: '0px 0px'});
$('#foreground').css({backgroundPosition: '0px 0px'});
$('#background').css({backgroundPosition: '0px 0px'});
$('#midground').animate({
backgroundPosition:"(-10000px -2000px)"
}, 240000, 'linear');
$('#foreground').animate({
backgroundPosition:"(-10000px -2000px)"
}, 120000, 'linear');
$('#background').animate({
backgroundPosition:"(-10000px -2000px)"
}, 480000, 'linear');
});
</script>
- Now paste this code under your <body> tag
<div id="background"></div>
<div id="midground"></div>
<div id="foreground"></div>
