Menü kódok - SAJÁT!!!

Aloha Drágák!!
Mint már sokan láthattátok, nagyon inaktív vagyok mostanában, de azért a háttérben tevékenykedek, amikre természetesen hamarosan fény derül ... ;)
Tervezek nektek egy meglepetést, remélem tetszeni fog, és sokan lesztek rá vevők. És persze a rendeléseim is készülnek, amik szintén ki fognak ide kerülni, de most nem ez a lényeg.

Két drága bloggernek, név szerint Naomi B.-nek és Barry C.-nek és egy csodás blognak köszönhetően én is mélyebben elmerülhettem a kódolás világában, így szeretnék megosztani veletek néhány általam készített menü kódot.
Nagyon kérlek titeket arra, hogy ha elviszitek, írjatok kommentet a blogotok linkjével együtt, hogy lássam, hová használtátok fel, és írjatok forást! Nagyon sokat dolgoztam velük miattatok, és szerintem senki sem szereti ha ellopják, megmásítják a munkáját...


#1:







Made by Adison Smith http://onehundredpercentdesign.blogspot.hu/
<style type="text/css">
#nav ul{
list-style: none;
margin: 0px;
padding: 0px;
}

#nav ul li{
list-style: none;
margin-bottom: 0px;
padding: 0px;
}

#nav li{
display: block;
text-align: left;
font-family: tahoma;
padding: 0px;
font-size: 12px;
text-decoration:none;
background: #800080;
width: 90px;
border-right: 2px dotted #C71585;
border-left: 1px dashed #C71585;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
border-radius: 0 50px 85px 0;
margin-bottom: 0px;
}

#nav li:hover{
display: block;
background: #8B008B;
text-decoration:none;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
padding-left: 15px;
border-right: 1px dashed #FF69B4;
border-left: 5px dotted #FF69B4;
}

#nav a{
text-decoration:none;
color: #000000;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
}

#nav a:hover, #nav li:hover a{
color: #ffffff;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
}</style><br />
<br />
<br />
<br />
<div id="nav">
<br />
<ul><br />
<li><br />            <a href="http://onehundredpercentdesign.blogspot.hu/">Főoldal</a></li>
<br />
<li><br />            <a href="http://www.blogger.com/XXX">Alapok</a></li>
<br />
<li><br />            <a href="http://www.blogger.com/XXX">Fejlécek</a></li>
<br />
<li><br />            <a href="http://www.blogger.com/XXX">Kódok</a></li>
</ul></div>



#2:



Főoldal 

Fejezetek

Szereplők




Made by Adison Smith http://onehundredpercentdesign.blogspot.hu/
<style type="text/css">
a.gumicukor{
font-family: Tahoma;
display:inline-block;
width:150px;
height:20px;
background: url(http://31.media.tumblr.com/tumblr_l8ldmvDbSC1qcdtsho1_400.gif);
color:#fff;
text-shadow: 2px 3px 3px #000000;
font-size:13px ;
padding:5px;
margin:2px;
text-align:center;
text-decoration:none;
margin-bottom:3px;
border-radius:5px;
-webkit-transition-duration: 1.0s;
}

a.gumicukor:hover{
-webkit-transition-duration: 1.0s;
width:170px;
background: url(http://static.tumblr.com/fa3756ac8c08829e608fc7d70c38a17c/c0fpuwq/vgOmunabz/tumblr_static_343231_birds-flying-away.gif);
border-radius:120px;
box-shadow: 2px 2px 6px #000;}
</style><br /><br /><a class="gumicukor" href="XXX" tt="">Főoldal<tt> <br /><br /></tt></a><tt><a class="gumicukor" href="XXX">Fejezetek</a><br /><br /><a class="gumicukor" href="XXX">Szereplők</a><br /><br /></tt>







#3:







Made by Adison Smith http://onehundredpercentdesign.blogspot.hu/
<ul id="navigation">
    <li><a href="XXX">Főoldal</a></li>
    <li><a href="XXX">Szereplők</a></li>
    <li><a href="XXX">Részek</a></li>
    <li><a href="XXX">Oldal1</a></li>
</ul>
<p><style type="text/css">
#navigation {
   margin: 0;
   padding: 0;
   list-style-type: none;
   list-style-image: none;
   list-style: none;
}
#navigation li {
   margin-bottom: 10px;
}
#navigation a {
   background: #D8DAD3;
   color: #000000;
   font-size: 20px;
   font-family: Forte;
   display: block;
   width: 150px;
   border-left: 5px dotted #808080;
   border-radius: 10px 80px/50px 80px;
   padding-left: 10px;
   padding-bottom: 5px;
   padding-top: 5px;
}
#navigation a:hover {
   background: #808080;
   color: #ffffff;
   font-size: 20px;
   border-radius: 80px 50px/80px 10px;
   width: 150px;
   text-decoration: none;
   border-right: 5px solid #000000;
}
-->
</style></p>











Remélem hasznos volt számotokra ez a bejegyzés, várom a kommenteket és a blog linkeket, ha viszitek! ;)

Szép napot!
Ady~
xx


31 megjegyzés:

  1. Szia! Vittem a másodikat!
    Erre a blogra: http://witchesandfairiesfight.blogspot.hu/

    VálaszTörlés
  2. Nagyon köszönöm, hogy szóltál és hogy forrást is írtál!! :)

    VálaszTörlés
  3. Szia! Vittem a #3 menüt :)
    Erre a blogra: http://lanablogmagazin.blogspot.hu/

    Köszi, a blogod sokat segít :)

    VálaszTörlés
  4. Ezt a megjegyzést eltávolította a szerző.

    VálaszTörlés
  5. Kedves Barby! Köszönöm, hogy szóltál, és a forrás kiírásáért is köszönet!! :)

    VálaszTörlés
  6. szia vittem a másodikat,köszönöm :)

    VálaszTörlés
  7. Szia. Vittem a másodikat és a harmadikat ezekre:

    http://forever-vampirelife.blogspot.hu/
    http://my-crazy-life-with-harry.blogspot.hu/
    http://thewalkingdeadwiththem.blogspot.hu/

    VálaszTörlés
    Válaszok
    1. Köszönöm, hogy jelezted és hogy kiraktad a forrást! Remélem hasznodra vált! :)
      Ady

      Törlés
  8. Szia!
    Szeretném vinni a másodikat ide:
    http://70thhungergames.blogspot.hu/

    Köszönöm :)

    VálaszTörlés
  9. Szia, vittem az utolsót. Fantasztikus lett, köszönöm :)

    VálaszTörlés
    Válaszok
    1. Rendben, köszönöm, hogy szóltál. Remélem hasznodra válik! :)

      Törlés
  10. Szia vittem a harmadikat, nagyon jó! :D

    VálaszTörlés
    Válaszok
    1. Köszönöm, örülök hogy tetszik, remélem hasznos lesz :D :)

      Törlés
  11. Szia vittem a másodikat és a harmadikat két blogomra. Az oldalaimra írtam forrást. Nagyon szépek a munkáitokat. :)

    VálaszTörlés
  12. Szia! Vittem a másodikat. :)
    www.fluffy-puff-interview.blogspot.hu

    VálaszTörlés
  13. Szia! Vittem a 3.-at, nagyon szépen köszönöm ügyes vagy! ;-)

    VálaszTörlés
  14. Vittem a harmadikat, köszönöm :)

    VálaszTörlés
  15. Szia vittem :) nagyon jók :)

    VálaszTörlés
  16. Szia! Vittem egyet. Köszönöm!:)

    VálaszTörlés
  17. Szia :) Vittem az 1. kódot!
    Köszönöm! :)

    VálaszTörlés
  18. Szia! Szeretnem vinni a 2. kodot, ha nem baj. Fel lesz a blog tuntetve a a modul keszitokben.

    http://tinimolyok.blogspot.com

    Valaszolj ha esetleg nem engedelyezed a menu elkereset, ez esetben leveszem a menut

    VálaszTörlés
  19. Sziasztok!

    Nagyin szépen köszönöm a kódot. A másodikat vittem. Nagyon hasznos! Köszönöm :)
    http://sunfloweropinon.blogspot.hu/

    VálaszTörlés
  20. szia:) vittem a másodikat erre a blogra:http://christinawithjustinlovestory.blogspot.hu/

    VálaszTörlés
  21. Szia, a másodikat felhasználtam^^

    VálaszTörlés
  22. Szia!:)
    Vittem a harmadikat és a forrást természetesen megjelölöm!:)
    Köszönöm!:)

    VálaszTörlés