poniedziałek, 9 kwietnia 2012

Kilka szablonów pod zmianę menu.







Kod: <style>.hmCont {background: url(LINK) repeat-x;}</style><style>#pToffg a span {border-right: 0px solid;}</style><style>#pToffg a span {background: none !important; border: none !important;}</style>


SZABLON 1
SZABLON 2
SZABLON 3
SZABLON 4
SZABLON 5



niedziela, 8 kwietnia 2012

Menu z lewej strony. - Chcecie ?

Przed najechaniem !!!

Po najechaniu !!!

Proszę bardzo wasz upragniony kod.
Możecie zmieniać tylko to co jest zaznaczone na czerwono.

Kod: <style>.hmCont {position: relative; top: -290px; left: 0px; width: 1027px; height: 60px; background: none;}#pToffg a span {background-color: rgba(10, 10, 10, 0.5)!important; border: 1px solid #000000 !important; box-shadow: 0px 0px 15px #000000; border-radius: 0px!important; height: 39px; width: 80px; background: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;}#pToffg a span:hover {position: relative; top: 40px; right: 630px;}#pToffg b, .hand {position: relative; top: 30px; width: 60px;}</style><style>.onFriends {visibility: hidden;}</style><style>.header, .headerbg {height: 200px; margin-left: 0px;}</style><style>.head1, .head2, .head3 {visibility: hidden;}.menuSwitch, .menuTM, .menuTMbot {visibility: visible;}</style><style>.headerbg {background: none !important;}</style><style>#pToffg div {position: relative; right: 0px;top: -26px;font-size: 10px;}</style><style>#pToffg b, .hand {right: -8px!important;}</style><style>.header, .headerbg{margin-left: 320px;}</style><style>#pToffg a span {float: none;position: relative; right: 640px;top: 40px;}</style>




I tak dla przypomnienia kod na usunięcie ogłoszeń
Kod:<style>.menuAnnounce{display:none}</style>

Wygląd znajomych + dodanie zanikania po najechaniu


Przed najechaniem !!!
Po najechaniu !!!
Kod: <style>.fnick {background: url();border: 0px;width: 73px;}</style><style>.fav_content {border: 1px solid #06F;background: #302D2B;height: 45px;width: 58px;border: 3px double #fff;}</style><style>.ac_b2, .ac_b3, .ac_b4, .ac_b1{display: none;}</style><style>.fav_content img{width: 45px; height: 45px;}</style><style>.fnick img, .setNick img, .addNick img {display: none;}</style><style>.fav_content img{position: relative; right: 2px}</style>


Zmieniamy kolor tła i obramowania.

+ Kod na dodanie zanikania po najechaniu


Kod: <style>.fav_content{opacity:1.0;}</style><style>.fav_content:hover {opacity:0.7;}</style>

Podświetlane avki w bloczkach - po najechaniu !!! Nowość!!!

Przed najechaniem !!!

Po najechaniu !!!
Kod: <style>.til_img{opacity:0.4;}</style>
<style>.til_img:hover {opacity:1.0;}</style>

Obracany avek + Znikanie - po najechaniu.

Slajd 1

Slajd2

Slajd 3
Slajd 4




 Kod: <style>.pavatar {-webkit-transition-duration: 2s ;}.pavatar:hover {opacity: 0;}</style><style>.pavatar{-webkit-transform: rotate(360deg); -webkit-transition-duration: 1s;} .pavatar:hover { -webkit-transform: rotate(0deg); -webkit-transition-duration: 1s; }</style><style>.pavatar:hover {-webkit-opacity: 0.0}</style>

Rozsuwana Galeria Naszych Zdjęć !

Przed najechaniem !!!

Po najechaniu !!!
Kod : <div id="obrazek"></div><style>.scroll {position: fixed; background: url("LINK"); width: 530px !important; height: 128px !important; bottom:30px; right: -451px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;}.scroll:hover { position: fixed; bottom: 50px; right: -80px;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;z-index:1;}</style><style>.pn, .pn1, .pp, .pp1  {background: none!important;border: 0px;}</style><style>.pagination a {border: 0px;padding: 0px 3px;border: 3px double black;}</style><style>.pagination a:hover {display: none;}</style><style>img.samllImg {width: 40%}</style><style>.scroll{border: 0px;}</style><style>.pagination b {display: none;}</style><style>img.smallImg {width : 80%}</style>




Przykładowy szablon : http://c.wrzuta.pl/wi13790/22fbfc6600070e364f819dad/llll

Super wygląd komentarzy i wiadomości pryw. z efektem ZANIKANIA.

Przed najechaniem !!!

Po najechaniu !!!
Kod: <style>.pc_b2, .pc_b3, .pc_b4 {display: none;}</style><style>.pc_content{background: #E08824;width: 500px;border-radius: 15px; 15px 0px 0px;right: -40px;}</style><style>.pc_from img, .pc_b1 {display: none;}</style><style>.pc_from{display: none;}</style><style>.pc_av {height: auto;}</style><style>.pc_conttop {border-bottom: 0px solid #E9E9E9;}</style>


- Na czerwono zaznaczono możliwość zmienienia koloru z pomarańczowego na inny. 


+ Kod na zanikanie


Kod: <style>.pc_content {-webkit-transition: all 0.4s; -moz-transition: all 0.4s;}</style><style>.pc_content:hover {-webkit-opacity: 0.7}</style>




No to na tyle. Proszę o komentarze i wasze propozycje na inne kody.

sobota, 7 kwietnia 2012

Wasze propozycję.

Jeśli macie jakieś propozycję na nowe kody, piszcie w komentarzach a ja postaram się je zrobić ;)
                  
                                                                          bartik122