Navigare rapidă

Ultimele subiecte
» Bulletin ipb theme
Scris de Iustin Vin 17 Feb - 14:49
» Sliding Menu Bar V5
Scris de RAKSONE Mier 15 Feb - 1:13
» Cereri intrare in staff[Deschise]
Scris de Madross Sam 11 Feb - 21:11
» Cum iti creezi propriul joc online
Scris de xTeRm0 Sam 11 Feb - 14:47
» Informatii Primul Post [IPB Animate]
Scris de bablil Sam 11 Feb - 0:22
Cuvinte-cheie

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

Meniu de navigare la stanga

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