MAAF MENU INI HASIL SEDOTAN DARI BLOG ORANG


Berikut kode CSS.nya
#contact {
margin:0 auto;
margin-top:-60px;
background:url(http://3.bp.blogspot.com/-7c_xDCUC4z8/Typx7XhvTOI/AAAAAAAAA_I/vNhRXYBtD3k/s1600/bgnav.png) repeat scroll 0% 0% padding-box rgb(14, 14, 14);
border:8px solid transparent;
overflow:hidden;
width:720px;
box-shadow:0pt 0pt 8px rgba(0, 0, 0, 0.5);
height:auto;
}
#contact a, #contact a:visited {
color:rgb(230, 230, 230);
text-decoration:none;
-webkit-transition: text-shadow .2s linear;
-moz-transition: text-shadow .2s linear;
-o-transition: text-shadow .2s linear;
transition: text-shadow .2s linear;
}
#contact a:hover {
color:rgb(230, 230, 230);
text-shadow:0pt 0pt 3px rgb(255, 255, 255);
text-decoration:none;
}
#contact-kolom-1 {
background:url(http://3.bp.blogspot.com/-kqHXixMs8ek/TypyRX3sgEI/AAAAAAAAA_Q/XClAuErNKnE/s1600/yahoo-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:right;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-kolom-1:hover {
background:url(http://3.bp.blogspot.com/-kqHXixMs8ek/TypyRX3sgEI/AAAAAAAAA_Q/XClAuErNKnE/s1600/yahoo-icon.png) no-repeat right bottom #8703CF;
}
#contact-kolom-2 {
background:url(http://3.bp.blogspot.com/-ZCdanr5mJZM/TypybyYiEHI/AAAAAAAAA_Y/CHir05k_7AI/s1600/Google-plus-grey-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:right;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-kolom-2:hover {
background:url(http://3.bp.blogspot.com/-ZCdanr5mJZM/TypybyYiEHI/AAAAAAAAA_Y/CHir05k_7AI/s1600/Google-plus-grey-icon.png) no-repeat right bottom #333333;
}
#contact-kolom-3 {
background:url(http://1.bp.blogspot.com/-NBH_jsbNQ90/Typyk4KdQjI/AAAAAAAAA_g/HOqBgRDTDPg/s1600/twitter-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:right;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-kolom-3:hover {
background:url(http://1.bp.blogspot.com/-NBH_jsbNQ90/Typyk4KdQjI/AAAAAAAAA_g/HOqBgRDTDPg/s1600/twitter-icon.png) no-repeat right bottom #00ACBF;
}
#contact-kolom-4 {
background:url(http://2.bp.blogspot.com/-6qWUrf8tSFg/TypyuXWhiSI/AAAAAAAAA_o/0zmEVmjdV10/s1600/facebook-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:right;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-kolom-4:hover {
background:url(http://2.bp.blogspot.com/-6qWUrf8tSFg/TypyuXWhiSI/AAAAAAAAA_o/0zmEVmjdV10/s1600/facebook-icon.png) no-repeat right bottom rgb(59, 89, 152);
}
Berikut kode HTML.nya
<div id="contact">
<div id="contact-kolom-1" style="text-align: center;">
<a href="ymsgr:sendIM?akun YM anda">Yahoo Messenger<br/><span style="font-size: 10px; padding: 0px;">Send Me IM!</span></a></div>
<div id="contact-kolom-2" style="text-align: center;">
<a href="url g+ anda" target="_blank">Google Plus<br /><span style="font-size: 10px;">Add Me To Your Circle!</span></a></div>
<div id="contact-kolom-3" style="text-align: center;">
<a href="http://www.twitter.com/ShawoL_IchaL" target="_blank">Twitter<br /><span style="font-size: 10px;">Follow Me!</span></a></div>
<div id="contact-kolom-4" style="text-align: center;">
<a href="https://www.facebook.com/ahmad.r.ichal" target="_blank">Facebook<br /><span style="font-size: 10px;">Add My Facebook</span></a>
</div>
</div>
Berikut Samplenya




27 comments

11 Februari 2012 16.28

asikk gw pertamaxx :D
Artikel bagus kakak

11 Februari 2012 16.32

wah bagus bagus... :D

11 Februari 2012 16.54

@cyb3r-exploitthx dah agan

11 Februari 2012 16.55

@Doodeyzthx dan dodeyz

11 Februari 2012 16.57

postingan bgus kawan

11 Februari 2012 17.02

@FREE FOR ALLyaa thx dah

11 Februari 2012 17.13

wah kalo sedotan dari orang biasain pake sumber mas :D

11 Februari 2012 17.16

@RzaaL1306aku lihat yg pke menu gituan hanya 2 blog...
tapi nda tau karya siapa tuh menu.

11 Februari 2012 18.38

mantaeup juga nih :d

11 Februari 2012 19.52

@Ф дфѕдғфдғ Фya gan

11 Februari 2012 20.23

wah,, makasih udah dipost menu saya :)

11 Februari 2012 20.25

@Dayz Hidayato... menu kamu ya ternyata...

11 Februari 2012 23.39

kaya yang pernah liat nih menu, punya om dayz ya ?

12 Februari 2012 00.02

Manttap Ni Bro ,

12 Februari 2012 00.30

@Awell eighteenya btull punyanya om dayz

12 Februari 2012 00.34

@Bimz Saputrathx dah gan

12 Februari 2012 03.38

ihhh waw mantaps nih :D

12 Februari 2012 03.45

@randy oktaranthx dahh dibilang mantabb

12 Februari 2012 14.31

mantap juga hasilnya,, boleh dicoba nih.. :)

12 Februari 2012 21.28

@Ramadhan Fnwmonggo dah

14 Februari 2012 06.57

waduhh,, panjang banget tuh kodenya,,,
Coba pke kolom textarea, kalo dicopas dari text, suka error di templateku

14 Februari 2012 21.06

@Yusup Laskarsdikit panjang ko' kodenya...
maksudnya gimn kalo dicopas dari text, suka error di templatemu?

Ijin Sedoot dah

28 Februari 2012 09.02

izin nyoba ya gan

28 Februari 2012 14.39

@RezaniOFFICIALslahkann..

Posting Komentar

Konversi Kode
[Mulai Senin, 30 Januari 2012] Maaf, Jangan Masukkan Link Pada Komentar