środa, 16 maja 2012

NOWY bloczek profilowy - zmiana.

Trochę wkurzyła mnie ta zmiana na profilach, tak jak każdego. 
Ale mam styl na zmianę tła bloczka profilowego:



NOWY STYL:

Z tłem)  

<style>.ribbonBox {background: url("link") !important; border:1px solid black !important; border-radius:10px; box-shadow: 0 0 20px red;}</style>

Przeźroczyste)

<style>.ribbonBox {background: transparent !important; border:0px solid black !important;}</style>

Półprzeźroczyste)

Czerwone (ciemne):

<style>.ribbonBox {background: transparent !important; background-color:  rgba(139, 0, 0, 0.3)!important; border:1px solid darkred !important; border-radius:10px; box-shadow: 0 0 20px red;}</style>

Czerwone (zwykłe):

<style>.ribbonBox {background: transparent !important; background-color:  rgba(255, 0, 0, 0.3)!important; border:1px solid red !important; border-radius:10px; box-shadow: 0 0 20px red;}</style>

Żółte:

<style>.ribbonBox {background: transparent !important; background-color:  rgba(255, 255, 0, 0.3)!important; border:1px solid yellow !important; border-radius:10px; box-shadow: 0 0 20px yellow;}</style>

--------------------------------------
Style by Sasuke.



czwartek, 10 maja 2012

Notki, Stara wersja - wygląd

Kodzik jest jedynie na zmiane wyglądu notek.
Notki wygladać będą tak - musicie zmienić jedynie ich kolor i obramowanie
Żeby wyglądały podobnie jak na obrazku radze obramowanie nagłówka notek i tło oraz obramowanie notek dać ten sam kolor. Natomiast tło notek jakie chcecie ;D

Tak to wygląda u mnie:
A tutaj macie kod - już w całości, zmieniacie to co na żółto ;*:

<style>.sectiontTitle {width: 644px !important; padding: 0px !important; background: #331a3e; margin: 0px !important; height: 27px !important; color: transparent; text-shadow: none !important; border: 1px solid #331a3e;}.noteSection {background: none !important; border: none !important; border-radius: 0px;}.noteSectionBody {overflow: visible; background: #8e53ab; border: 1px solid #331a3e !important; padding: 25px; padding-top: 10px; !important; padding-bottom: 10px !important;}.newNoteText p, .pageBar {text-shadow: none !important;}.newNoteText {color: transparent;}</style>

Created By(e) Akemi Makato

sobota, 5 maja 2012

Pasek Glitery/Fotki/Znajomi/Komentarze - Nowa wersja.

Taka, taka nowa wersja tego paska:

Tutaj nic nie zmieniać - wkleić i już:

<style>#profTabs a span {background:transparent;}</style>

Tutaj zmieniacie kolor tła lub wstawiacie obrazek - to będzie :ta część:


Wersja A (z kolorem):   
<style>#pTon a {background: transparent; border-radius:5px 5px 0 0; background-color: red;}</style>


Wersja B (z tłem o minimalnych wymiarach 120px x 40px)

<style>#pTon a {background: url (link) !important;border-radius:5px 5px 0 0;}</style>


Lewa strona:


<style>.cleft{background: url(link);}</style>

Kilka obrazków na lewą stronę:

  


Prawa strona:

<style>.cright{background: url(link);}</style>

Kilka obrazków na prawą stronę:

 

Środek:

<style>#profTabs {background:url(link);}</style>

Kilka obrazków na środek:







Głównie to to są przekoloryzowane te fioletowe.

--------------------------------------------------------------------------------


piątek, 4 maja 2012

Menu - przyciski

Pomysł zaczerpnięty od Bartka:
"Wygląd paska- nowe zakładki"

Ja w przeciwieństwie do niego zrobiłam to na stylach.


Po najechaniu:



Przycisk unosi  się do góry, cień zmienia sie z czarnego na biały do tego jest dodany biały cień do tekstu.

Styl:

----------------------------------------------------------------------------

<style>.hmCont span{background-color: rgba(0, 0, 0, 0.5)!important; box-shadow: 1px 1px 6px white inset, -1px -1px 8px black inset, 3px 3px 3px black; border-radius: 0px !important ; border: 0px !important; margin-left: 5px !important;-webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; position: relative; bottom:0px;}.hmCont{background: none;}</style>
<style> #pToffg div:hover{text-shadow: 0px 0px 10px white !important;}</style>
<style>.hmCont span:hover {position: relative; bottom: 10px; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; box-shadow: 1px 1px 6px white inset, -1px -1px 8px black inset, 3px 3px 3px white; }</style>

----------------------------------------------------------------------------

Mam nadzieje, że się przyda.
:P

Znajomi - zakładka - rozsuwane avatary

Teraz dam wam styl na rozsuwane avatary w znajomych z zakładki.

Zsunięte:

Rozsunięte:

Styl:

----------------------------------------------------------------------------

<style>.fcont{background: purple !important;box-shadow: 1px 1px 6px white inset, -1px -1px 8px black inset, 3px 3px 3px black; }.fav_content{background: none;border:0px; height: 100px;}.fnick{background: none; border:0px; position:relative; bottom: 105px;}.fnick span a{color: white !important;}.fnick span a img {display: none;}.fav_content a img{ height: 60px; position:relative; top: 30px; border-bottom:10px solid white; border-left: 4px solid white; border-top: 3px solid white; box-shadow: 0px 0px 1px 1px black, 0px 0px 30px black;}</style>
<style>.fcont { height: 30px; overflow: hidden;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;}.fcont:hover{ height: 120px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;}</style>

----------------------------------------------------------------------------

Wszystko jest w 2 stylach dane ;P
Czas zsuwania i rozsuwania możecie ustawić sobie na taki jaki wy chcecie.

Polecane profile, znajomi , profil przeglądali - rozsuwane avki

Tak to wygląda przed rozsunięciem.


  A tak po rozsunięciu


A o to styl do tego :

----------------------------------------------------------------------------

<style>.til_content {background: purple !important;box-shadow: 1px 1px 6px white inset, -1px -1px 8px black inset; height: 12px; overflow: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;}.til_content:hover{ height: 70px;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;}</style>
<style>.til_img{border-bottom: 0px ;}</style>
<style>.til_img {position: relative; top: 15px;}</style>
<style>.til_img img{box-shadow: 0px 0px 1px 2px white, 0px 0px 40px black; border-left: 1px solid white;  border-bottom: 5px solid white;}</style>
<style>.rtabbot1 .pc_b1, .rtabbot1 .pc_b2, .rtabbot1 .pc_b3, .rtabbot1 .pc_b4, .rtabbot1 .add_b1, .rtabbot1 .add_b2, .rtabbot1 .add_b3, .rtabbot1 .add_b4 {border: 0px; height: 0px;}</style><style>.ac_b1, .ac_b2, .ac_b3, .ac_b4 {height: 0px;}</style>
<style>.pc_content, .add_content, .til_content, .tir_content {border:0px;}</style>
<style>.til_a {position: relative; bottom: 50px;}</style>

----------------------------------------------------------------------------

Jest całkiem długi no ale cóż, krócej jakoś nie dałam rady zrobić ;P

Zmiana reguł: ze względu na kolorystykę strony, kolorem żółtym są oznaczone opcje które możecie zmieniać.