» » » » » ??????t?? blogger menu -?? ?p??a?t??e?- ??t? ap? t?? t?t?? ??a p??s???? s??d?s�?? (3)

??????t?? blogger menu -?? ?p??a?t??e?- ??t? ap? t?? t?t?? ??a p??s???? s??d?s�?? (3)

, , ,
???a? �?a �p??a-�e??? ?? ??????????S p?? t?? e??a??st?�e ??t? ap? t?? t?t?? t?? blog �a? ?a? �????�e se a?t?, links ap? a?a?t?se?? �a?, et???te? �a? ?a? ?t? ???? ?????�e.

Ta fa??eta? ??p?? ?ts?:


????????ste ta pa?a??t? �?�ata ??a ?a t?? �??ete ?? ese??:

1. S??des? st?? blogger ???a??as�? �a? ap? t? blogger.com
2. ?a??pt??> S?ed?as?> ?pe?e??as?a html
3. ?e t? ctrl+F �?e?te t? </head>
4. ???? ap? a?t? ep??????ste t? pa?a??t?:

<style type='text/css'>
#catmenucontainer{
height:29px;
background:url(http://i47.tinypic.com/23gy3yp.jpg) repeat-x;
display:block;
padding:0px 0 0px 0px;
font: 14px &quot;Century gothic&quot;,verdana, Arial, sans-serif;
font-weight:normal;
border-top:1px solid #686D6F;
}

#catmenu ,#catmenu ul {
margin: 0px 5px;
padding: 0px;
list-style: none;
height:29px;
}

#catmenu a {
color: #999;
display: block;
font-weight: normal;
padding: 4px 10px 6px 10px;
}

#catmenu a:hover {
background:url(http://i50.tinypic.com/2il0gt5.jpg) repeat-x;
color: #fff;
display: block;
text-decoration: none;
}

#catmenu li {
float: left;
margin: 0px;
padding: 0px;
}

#catmenu li li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 130px;
}

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:url(http://i47.tinypic.com/23gy3yp.jpg) repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#E8EBEE;
border-bottom:1px solid #2C3133;
}

#catmenu li li a:hover, #catmenu li li a:active {
background:url(http://i50.tinypic.com/2il0gt5.jpg) repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#fff;
border-bottom:1px solid #2C3133;
}

#catmenu li ul {
position: absolute;
width: 10em;
left: -999em;
z-index:1;
}

#catmenu li:hover ul {
left: auto;
display: block;
}

#catmenu li:hover ul, #catmenu li.sfhover ul {
left: auto;
}
</style>

5. ?p????e???�e t? p??t?p? �a?
6. S?ed?as?> St???e?a Se??da?> ???s???? gadget> HTML/JavaScript
7. ???te t?? pa?a??t? ??d???:

<div id='catmenucontainer'>

<div id='catmenu'>

<ul>

<li><a href='#' title='#'>Home</a></li>

<li><a href='#' title='#'>Tab 1</a>
<ul class='children'>
<li><a href='#' title='#'>1</a></li>
<li><a href='#' title='#'>2</a></li>
<li><a href='#' title='#'>3</a></li>
</ul>
</li>

<li><a href='#' title='#'>Tab 2</a>
<ul class='children'>
<li><a href='#' title='#'>1</a></li>
<li><a href='#' title='#'>2</a></li>
<li><a href='#' title='#'>3</a></li>
<li><a href='#' title='#'>4</a></li>
</ul>
</li>


<li><a href='#' title='#'>About</a></li>

<li><a href='#' title='#'>Contact</a></li>


</ul>

</div>

?p?? t? # �??ete t? link sa? ?a? ap? d?p?a �??ete t? ???�a t?? link.

???s??te t?? ???�at?s�? p?? sa? ??? ???e? ??a ?a ?ata??�ete ?a??te?a!

8. ?p????e?s? ?? e?ste ?t??�??!

Ta a???????s??? ?? ???a s??d?a.

?a s????? sa?, p??ta e?p??sde?ta!

Copyrights: http://bloggertips.gr/

Related Posts