poniedziałek, 15 lipca 2013

Upragnione wysuwane menu

Cześć! Dawno mnie nie było... Jednak postanowiłem udostępnić wam ten kod. :D

Uwaga! Usunąłem przycisk "WYSPA". 


Kod:

#pToffg [href="wszystkie-kategorie"]:hover, #pToffg [href="rankingDay.php"]:hover, #pToffg [href="gry"]:hover, #pToffg [href="dowcipy"]:hover, #pToffg [href="tablica"]:hover, #pToffg [href="forum.php"]:hover, #pToffg [href="wiersze"]:hover, #pToffg [href="all_contests.php"]:hover, #pToffg [href="pytajka"]:hover {top: 59px !important;}#pToffg div {color: #E6E6E6;font-size: 13px;top: 55px !important;position: relative;left: 10px;}.hand img {opacity: 0;}#pToffg a span.onFriends {visibility:hidden;}#pToffg a span {border-right: 1px solid rgba(0, 182, 233, 0);background:transparent !important;}.hmCont {left: 50px;top: -60px;background: transparent;width: 1000px;position: fixed;height: 34px;z-index:999999999;}#pToffg [href="rankingDay.php"] {-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;border: 1px solid #DADADA !important;background-size: 70% !important;border-radius: 0 0 10px 10px;border: 1px solid #DADADA;left: 135px;position: absolute;height: 100px;width: 100px;background: url(http://cdn1.iconfinder.com/data/icons/SEO-sampler/rank_64.png) #464646 no-repeat 15px -8px !important;padding-left: 10px;background-size: 70% !important;box-shadow: 0 0 5px black;}#pToffg [href="wszystkie-kategorie"] {-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;border: 1px solid #DADADA !important;background-size: 70% !important;border-radius: 0 0 10px 10px;border: 1px solid #DADADA;left: 10px;position: absolute;height: 100px;width: 100px;background: url(http://cdn1.iconfinder.com/data/icons/cologne/32x32/category.png)#464646 no-repeat 35px 9px !important;padding-left: 10px;background-size: 40% !important;box-shadow: 0 0 5px black;}#pToffg [href="tablica"] {-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;background-size: 70% !important;border-radius: 0 0 10px 10px;border: 1px solid #DADADA;left: 1000px;position: absolute;height: 100px;width: 100px;background: url(http://cdn1.iconfinder.com/data/icons/checkout-icons/48x48/clipboard.png)#464646 no-repeat 30px 4px !important;padding-left: 10px;box-shadow: 0 0 5px black;}#pToffg [href="all_contests.php"] {--webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;border: 1px solid #DADADA !important;background-size: 70% !important;border-radius: 0 0 10px 10px;border: 1px solid #DADADA;border-radius: 0 0 10px 10px;left: 880px;position: absolute;height: 100px;width: 100px;background: url(https://cdn3.iconfinder.com/data/icons/abstract-1/512/competition-64.png)#464646 no-repeat 25px -4px !important;padding-left: 10px;box-shadow: 0 0 5px black;}#pToffg [href="pytajka"] {-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;border: 1px solid #DADADA !important;background-size: 70% !important;border-radius: 0 0 10px 10px;border: 1px solid #DADADA;border-radius: 0 0 10px 10px;left: 755px;position: absolute;height: 100px;width: 100px;background: url(http://cdn1.iconfinder.com/data/icons/fatcow/32x32/ask_and_answer.png)#464646 no-repeat 35px 10px !important;padding-left: 10px;box-shadow: 0 0 5px black;}#pToffg [href="wiersze"] {-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;border: 1px solid #DADADA !important;background-size: 70% !important;border-radius: 0 0 10px 10px;border: 1px solid #DADADA;left: 635px;position: absolute;height: 100px;width: 100px;background: url(http://cdn1.iconfinder.com/data/icons/humano2/48x48/apps/poedit.png)#464646 no-repeat 35px 5px !important;padding-left: 10px;box-shadow: 0 0 5px black;}#pToffg [href="forum.php"] {-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;border: 1px solid #DADADA !important;background-size: 70% !important;border-radius: 0 0 10px 10px;border: 1px solid #DADADA;left: 510px;position: absolute;height: 100px;width: 100px;background: url(http://cdn2.iconfinder.com/data/icons/minicons/Png/Char.png)#464646 no-repeat 30px 10px!important;padding-left: 10px;box-shadow: 0 0 5px black;}#pToffg [href="dowcipy"] -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;border: 1px solid #DADADA !important;background-size: 70% !important;border-radius: 0 0 10px 10px;left: 385px;position: absolute;height: 100px;width: 100px;background: url(http://cdn1.iconfinder.com/data/icons/free_windows7_icons_emoticons/64/laughtingoutloud.png)#464646 no-repeat 25px 0px !important;padding-left: 10px;box-shadow: 0 0 5px black;} #pToffg [href="gry"] {-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;border: 1px solid #DADADA !important;left: 260px;position: absolute;height: 100px;width: 100px;background: url(http://cdn1.iconfinder.com/data/icons/ilb/Cute%20Ball%20-%20Games.png)#464646 no-repeat 25px 5px !important;padding-left: 10px;background-size: 70% !important;border-radius: 0 0 10px 10px;box-shadow: 0 0 5px black;}#pToffg [href="island2013.php"] {display: none;}


Wklejacie do zakładki CSS PRO i GOTOWE! (To co zaznaczone na ŻÓŁTO możecie zmienić, #464646 to jest kolor przycisku, gdy już zmieniacie to NAJLEPIEJ wszystkie #464646 na inny kolor)

Style by Sasuke.

1 komentarz:

  1. Wszysko fajnie ale niektóre zakładki się rozjeżdżają ;) pozdrawiam

    OdpowiedzUsuń