Բարև ձեզ այսօր ես կներկայացնեմ բլոգում առաջի ցուցադրվող մենյուն բլոգգերի համար:Մենյուն ունի գեղեցիկ գույների խառնուրդ շատ գեղեցիկ մենյու :Սկսնենք տեղադրումը:
- Մտեք Шаблон>>изменить HTML:
- Գտեք այս կոդը </head> (F3 ի օգնությամբ):
- Եվ նրա վերևում տեղադրեք հետևյալ կոդը : </head>
- Այս կոդը տեղադրելուց հետո փնտրումեք այս կոդը F3-ի օգնությամբ :
<style> *{padding:0; border:0; margin:0;} #default a, #example a{ display:block; width:90px; height:46px; margin-right:3px; float:left; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNwiYXDbkRkSzZBaE5hzPUMjeifA65zUGoBOeuwjdfSNGRm9Tgt8S1V8QJ14xkNY9aV37u38vMZLqipBv-ZZv0Rv06rDeipoyixosExlQ9NKM-cvnyTjyGtSr9WPifOBJ6G1fBmPUbzM/s1600/nav-sprite.png); background-repeat:no-repeat; cursor:pointer; text-indent:-9999px;} #example_home{background-position:0 0;} #example_home:hover,#example_home.hover{background-position:0 -48px;} #example_blog{background-position:-90px 0;} #example_blog:hover,#example_blog.hover{background-position:-90px -48px;} #example_demo{background-position:-180px 0;} #example_demo:hover,#example_demo.hover{background-position:-180px -48px;} #example_about{background-position:-270px 0;} #example_about:hover,#example_about.hover{background-position:-270px -48px;} #example_services{background-position:-360px 0;} #example_services:hover,#example_services.hover{background-position:-360px -48px;} #example_contact{background-position:-450px 0;} #example_contact:hover,#example_contact.hover{background-position:-450px -48px;} </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'/> <script src='jquery.blend.js'/> <script> $(document).ready(function(){ $("#example a").blend(); $("#example2 a").blend(); }); </script>
և նրա վերևում տեղադրում եք հետևյալ կոդը :
<div id='demo'> <div id="example"> <a href="#" id="example_home">Home</a> <a href="#" id="example_blog">Blog</a> <a href="#" id="example_demo">Demo</a> <a href="#" id="example_about">About</a> <a href="#" id="example_services">Services</a> <a href="http://www.bloggertrix.com/" id="example_contact">Add This</a> </div></div>
- և գրեք ձեր URL հղումի հասցեն # -ի փոխարեն :
Комментариев нет:
Отправить комментарий