Navigare rapidă

Ultimele subiecte
» Cum sa repari un CD sau DVD "Idiot"
Scris de drax Mier 3 Mai - 10:05
» No Avatars
Scris de MihaiExtremTutorials Vin 28 Apr - 23:17
» Set complet de iconuri
Scris de drax Vin 28 Apr - 11:25
» Butoane Subiecte Multicolor
Scris de drax Vin 28 Apr - 11:23
Cuvinte-cheie

animate  navigare  profil  reclama  avatar  radio  punbb  phpBB2  meniu  chenar  banner  ultimele  subforumuri  Mesaje  subiecte  Metin2  legenda  edit  html  cautare  menu  tutorial  Bara  tema  Statistici  drop  

Meniu de navigare la stanga

avatar
Membru veteran
Membru veteran
Mesaje : 163
Localizare : Timisoara
Sex : masculin
0 avertismente
Vezi profilul utilizatorului https://www.extrem-tutorials.com
Meniu de navigare la stanga la data de Mar 27 Aug - 22:10

Se baga acest cod in Generalitati
Cod:
<style type="text/css">
#navigationMenu{
position:fixed;
top: 299px;
left: -36px;}

#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;}

#navigationMenu span{
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
-webkit-transition: 0.25s;
-o-transition: 0.25s; 
-moz-transition: 0.25s;
transition: 0.25s;}

#navigationMenu a{
background:url('http://i24.servimg.com/u/f24/16/24/00/51/butoan10.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;}


#navigationMenu a:hover span{
width:auto;
padding:0 20px;
overflow:visible; }

#navigationMenu a:hover{
text-decoration:none;
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;}

#navigationMenu .home {
background-position:0 0;}

#navigationMenu .home:hover {
background-position:0 -39px;}

#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;}

#navigationMenu .about {
 background-position:-38px 0;}

#navigationMenu .about:hover {
 background-position:-38px -39px;}

#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;}

#navigationMenu .services {
background-position:-76px 0;}

#navigationMenu .services:hover {
 background-position:-76px -39px;}

#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;}

#navigationMenu .portfolio {
 background-position:-114px 0;}

#navigationMenu .portfolio:hover{
 background-position:-114px -39px;}

#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;}

#navigationMenu .contact {
 background-position:-152px 0;}

#navigationMenu .contact:hover {
background-position:-152px -39px;}

#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;}

a, a:visited,a:active {
color:#0196e3;
text-decoration:none;
outline:none;}

a:hover{
text-decoration:none;}

a img{
border:none;}

</style>
 

<ul id="navigationMenu">
<li>
            <a class="home" href="forum.htm">
            <span>Home</span>
 </a>
</li>
 
<li>
              <a class="about" href="#">
              <span>About</span>
</a>
</li>
 
<li>
              <a class="services" href="/profile.forum?mode=editprofile">
              <span>Profile</span>

</a>
</li>
 
<li>
            <a class="portfolio" href="/faq">
            <span>FAQ</span>
</a>
</li>
 
<li>
        <a class="contact" href="/contact.forum">
            <span>Contact us</span>

</a>
</li>
</ul>
 
 

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum