CSS-Trasition -Transform Menu

text here

text here

text here

text here

Scroll Social Widget Blogger

One two three Scrolling Widgey For Blogger

You might also like:

- most expensive sites in Mountain View
- most expensive sites in United States
- how much is

Follow @hannygames

Twitter Blue Button

Use via text message Twitter Twitter Button Face Book Lady Kaka Barack Obama
Use via text message Follow Tweet Share Following Get Started Ready 1..2..3 Pinterest Google You Tube Compose Connect

Produce Post

body{ background-color:#f6f0e2; background-image: url(templates/Suarez/resources/canvas.jpg); background-repeat:repeat; background-position:top left; background-attachment:; text-align:center; margin:0; padding:0 0 20px 0; font-family:Arial,Helvetica,sans-serif; font-size:13px; } div.ys-bar{ width:100%; background:#262628 url(templates/Suarez/resources/slate.jpg) center top repeat-y; z-index:1; border-bottom:3px solid #fff; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45); box-shadow: 0 0 2px rgba(0, 0, 0, 0.45); }

div.ys-layout{

width:920px; margin:-55px auto 0 auto; text-align:left; } div.ys-nav-wrap{ width:920px; margin:0 auto; text-align:left; padding:30px 0 60px 0; } div.sys_navigation ul{ text-align:right; margin:0; padding:0;

list-style:none; } div.sys_navigation ul li{ display:inline; } div.sys_navigation ul li a{ display:inline-block; color:#f6f4ee; padding:10px 23px 10px 35px; background:url(templates/Suarez/resources/star.png) center left no-repeat; text-decoration:none; font-size:13px; text-shadow:0 1px 0 rgba(0,0,0,1); } div.sys_navigation ul li.single a, div.sys_navigation ul li.first a{ background:none; padding-left:0; } div.sys_navigation ul li.selected a{ color:#fff; font-weight:bold; } div.sys_navigation ul li a:hover{ text-decoration:underline; } div.ys-banner-wrap{ background:#fff; padding:10px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } div.ys-banner-wrap td.heading{ width:100%; background:#262628 url(templates/Suarez/resources/board.jpg) 0 0 repeat; border-right:1px solid #333; } div.ys-banner-wrap div.heading h1{ margin:0; padding: 0 40px 0 40px; }

div.ys-banner-wrap div.heading h1 a{

color:#fff;

text-decoration:none;

font-size:30px;

font-weight:normal;

font-family:Georgia;

text-shadow:0 1px 0 rgba(0,0,0,1);

}

div#sys_banner{

width:525px;

height:195px;

background: url(templates/Suarez/resources/banners/other.jpg) top left no-repeat;

}

div.ys-banner-wrap table{

width:900px;

background:#262628;

height:195px;

}

div.content{

background:#fff;

-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);

-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);

box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);

margin:20px 0 10px 0;

padding:10px;

}

Blockquote

blockquote  { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbfaKl0ZU97mRQaOKhZIFt-CfLJLlwn4cr2koqVwHkNhAw8fliBEGJNxJ03DQnRSkHESe8t5-5QHpa7RqyQ2vqQDEj7x0C9jK1T6RJK1mA_PBj96d1n81D1w6Ku9Lnps-Tx2LI5_KAaJvw/s986/note.png) repeat-y scroll 0 0 transparent;
-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
-moz-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF; -ms-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF; -o-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF; box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;margin: 10px 13px;padding: 21px 45px 14px;line-height: 1.65em;}

SOCIAL BOOKMARKING WIDGET

ul.way2blogging-social { padding:0;list-style:none; margin:3px auto 15px !important;display:inline-block;width:100%; text-align:center;} ul.way2blogging-social li { padding:0;display:inline-block; background-repeat:no-repeat; }

ul.way2blogging-social li a { display:block; width:48px; height:48px; padding-right:10px; position:relative; text-decoration:none !important; }

ul.way2blogging-social li a strong { font-weight:normal; position:absolute; left:20px; top:20px; color:#fff; padding:3px 6px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:2px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:2px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);} ul.way2blogging-social li.way2blogging-facebook { background-image:url("http://1.bp.blogspot.com/-g7iysrErmVQ/Tzt2z_deDEI/AAAAAAAAE-Q/glYbzMAsd_k/s000/way2blogging-facebook.png"); background-position: 0 0;

background-repeat: no-repeat;

margin: 0;

padding: 0;

}

ul.way2blogging-social li.way2blogging-twitter {

background-image:url("http://1.bp.blogspot.com/-X5zmTGbE78I/Tzt20D1asxI/AAAAAAAAE-Y/ovkCBF7yt1I/s000/way2blogging-twitter.png");

background-position: 0 0;

background-repeat: no-repeat;

margin: 0;

padding: 0;

}

ul.way2blogging-social li.way2blogging-rss {

background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicsfUrgLgt964nF_k5513L5cxcI-9QfQx6p3OihVRDkTUMPIe4Wm_X-yC8cvXKUCnQAYRRDthwN3BkV2d2KQDiVQML2vxn06UK_ZTVB0vFp5xmZ6jgOdON5v7Jxi94d0ZLY0olMu66ZJ8/s1600/rss.png");

background-position: 0 0;

background-repeat: no-repeat;

margin: 0;

padding: 0;

}

ul.way2blogging-social li.way2blogging-google {

background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtbA30Xz1QIqPIP2qurEmG6VruCSUD09xk1r84GwC5uXXf-PHO0SX-bA0-TBr2HciEMxO-lAdoFYwKiYXnRsTmcCUnPR6zN0NIpmfRTinqjLBgENObsdCqerDdvGzegqXsFvu8bEhrIvQ/s1600/google-plus.png");

background-position: 0 0;

background-repeat: no-repeat;

margin: 0;

padding: 0;

}

#way2blogging-cssanime:hover li { opacity:0.2; }

#way2blogging-cssanime li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;-moz-transition-property: opacity; -moz-transition-duration: 500ms; }

#way2blogging-cssanime li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 500ms; -moz-transition-property: opacity, top; -moz-transition-duration: 500ms; }

#way2blogging-cssanime li:hover { opacity:1; }

#way2blogging-cssanime li:hover a strong { opacity:1; top:-10px; }

• 
  Facebook
  
• 
  Twitter
  
• 
  Google+
  
• 
  RSS
  

Gray Style Buttons

You Tube Buttons







Embed This Video







Share







555 Subscribers







43243 Videos







Load More





Subscribe





Follow Me







Twitter







Face Book







Yahoo







CSS3







CSS Buttons







HTML 5





SAVE