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
Szia! Vittem a másodikat!
VálaszTörlésErre a blogra: http://witchesandfairiesfight.blogspot.hu/
Nagyon köszönöm, hogy szóltál és hogy forrást is írtál!! :)
VálaszTörlésNm :)
VálaszTörlésSzia! Vittem a #3 menüt :)
VálaszTörlésErre a blogra: http://lanablogmagazin.blogspot.hu/
Köszi, a blogod sokat segít :)
Ezt a megjegyzést eltávolította a szerző.
VálaszTörlésKedves Barby! Köszönöm, hogy szóltál, és a forrás kiírásáért is köszönet!! :)
VálaszTörlésszia vittem a másodikat,köszönöm :)
VálaszTörlésKöszönöm, hogy szóltál! :)
TörlésSzia. Vittem a másodikat és a harmadikat ezekre:
VálaszTörléshttp://forever-vampirelife.blogspot.hu/
http://my-crazy-life-with-harry.blogspot.hu/
http://thewalkingdeadwiththem.blogspot.hu/
Köszönöm, hogy jelezted és hogy kiraktad a forrást! Remélem hasznodra vált! :)
TörlésAdy
Szia!
VálaszTörlésSzeretném vinni a másodikat ide:
http://70thhungergames.blogspot.hu/
Köszönöm :)
Természetesen, remélem hasznodra válik! :)
TörlésSzia, vittem az utolsót. Fantasztikus lett, köszönöm :)
VálaszTörlésRendben, köszönöm, hogy szóltál. Remélem hasznodra válik! :)
TörlésSzia vittem a harmadikat, nagyon jó! :D
VálaszTörlésKöszönöm, örülök hogy tetszik, remélem hasznos lesz :D :)
TörlésSzia vittem a másodikat és a harmadikat két blogomra. Az oldalaimra írtam forrást. Nagyon szépek a munkáitokat. :)
VálaszTörlésnagyon köszönöm, vittem
VálaszTörlésSzia vittem
VálaszTörlésSzia vittem
VálaszTörlésSzia! Vittem a másodikat. :)
VálaszTörléswww.fluffy-puff-interview.blogspot.hu
Szia! Vittem a 3.-at, nagyon szépen köszönöm ügyes vagy! ;-)
VálaszTörlésVittem a harmadikat, köszönöm :)
VálaszTörlésSzia vittem :) nagyon jók :)
VálaszTörlésSzia! Vittem egyet. Köszönöm!:)
VálaszTörlésSzia :) Vittem az 1. kódot!
VálaszTörlésKöszönöm! :)
Szia! Szeretnem vinni a 2. kodot, ha nem baj. Fel lesz a blog tuntetve a a modul keszitokben.
VálaszTörléshttp://tinimolyok.blogspot.com
Valaszolj ha esetleg nem engedelyezed a menu elkereset, ez esetben leveszem a menut
Sziasztok!
VálaszTörlésNagyin szépen köszönöm a kódot. A másodikat vittem. Nagyon hasznos! Köszönöm :)
http://sunfloweropinon.blogspot.hu/
szia:) vittem a másodikat erre a blogra:http://christinawithjustinlovestory.blogspot.hu/
VálaszTörlésSzia, a másodikat felhasználtam^^
VálaszTörlésSzia!:)
VálaszTörlésVittem a harmadikat és a forrást természetesen megjelölöm!:)
Köszönöm!:)