Recent Articles
Showing posts with label Web Design. Show all posts
Showing posts with label Web Design. Show all posts
Add Nice and smooth link nudging to Links on hover. This is great plugin and more attractive to your blog visitors. Here is I am giving two types. that is for custom links and for blogger labels plus custom links.
Search for
Add following code just Before
Now Save Your template!
When You want to Add link Nudging to your links, Simply add a class “linknudge” to your links like this!
The above code is For Custom links those are you animating by adding a class of ‘linknudge‘
Here is another code i am giving that is for your labels as well as for your custom links
Enjoy!
How to Add Link Nudging by jQuery?
First Go to Blogger Dashboard > Design Tab > Edit HTML TabSearch for
</head> tagAdd following code just Before
</head> tag<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
jQuery(document).ready(function($) {
$('a.linknudge').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>Now Save Your template!
When You want to Add link Nudging to your links, Simply add a class “linknudge” to your links like this!
<a class='linknudge' href='http://www.bloggerwidgetgenerators.com'>Blogger Widget Generators</a>The above code is For Custom links those are you animating by adding a class of ‘linknudge‘
Here is another code i am giving that is for your labels as well as for your custom links
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>Enjoy!
Now a days, Lots of design techniques are popular in the web design market such as HTML5, Ajax, JavaScript, jQuery, CSS 3 and many more. CSS 3 is the modern and web standard techniques with its latest element and functionality. CSS 3 is the latest version of CSS(Cascading Style Sheet). Web design in not a easy task, so today we are going to share some attractive and inspirational web designs for designers, i hope you can get some new and fresh web design idea from this best list. With the help of these CSS and CSS 3 features, we can make our websites more attractive and alive.
So Today we are Providing best list of web designs of Year 2010. I hope you will like this collection and fresh CSS web designs listed below.
Web Design – 1) Mix and Mash
Web Design – 2) Rudalov
Web Design – 3) Wawa coffee topia
Web Design – 4) Leslee mitchell
Web Design – 5) Shelfluv
Web Design – 6) Ericsteuten
Web Design – 7) Duchy of cornwall nursery
Web Design – 8 ) Market harding
Web Design – 9) Wows
Web Design – 10) Need Style
Web Design – 11) Dab Project
Web Design – 12) Ian Mintz
Web Design – 13) Alexandrapalace
Web Design – 14) Webdesignbe
Web Design – 15) Ideiascompernas
Web Design – 16) Icon Moon
Web Design – 17) Heathwaller
Web Design – 18) Aw Digital
Web Design – 19) Annaneale
Web Design – 20) Alinga
Web Design – 21) Damngood
Web Design – 22) Inserviowebsolutions
Web Design – 23) Design Zoom
Web Design – 24) Dropr
Web Design – 25) Karijobe
Web Design – 26) V Replay
Web Design – 27) Uberflock
Web Design – 28) Alessandrogiammaria
Web Design – 29) Ronewmedia
Web Design – 30) Sproutfund
Web Design – 31) Phobiahz
Web Design – 32) Amazeelabs
Web Design – 33) Vreplay
Web Design – 34) The wisdom of bees
Web Design – 35) Awesomejs
Web Design – 36) Fluxar
Web Design – 37) Acmecreative
Web Design – 38) Webstationinc
Web Design – 39) Brain Brain
Web Design – 40) Phobiahz
Web Design – 45) Brand Design
Web Design – 46) Pebbledesign
Web Design – 47) Dawghousedesignstudio
Web Design – 48) Aidanhornsby
Web Design – 49) Simonfosterdesign
Web Design – 50) Favela
Web Design – 51) Commotion
Web Design – 52) Design Snips
Web Design – 53) Aka Acid
Web Design – 54) Inglorie
Web Design – 55) We are Hunted
Web Design – 56) Square Four
Web Design – 57) Small White Bear
Web Design – 58) Planmysite
Web Design – 59) Green Onion
Subscribe to:
Posts (Atom)
