Rodzina - przycisk - 3 style

Dam wam kilka styli na przycisk w rodzince

Przycisk po lewej stronie

<style>#become-par .mainbox a.sign-up {float: left;}</style>

Własny obrazek w przycisku

<style>#become-par .mainbox a.sign-up {background: url(LINK) no-repeat;}</style>

Zaokrąglony przycisk

<style>#become-par .mainbox a.sign-up {border-radius:0px 0px 55px 0px}</style>

Inne rodzaje obramówki w dodaj komentarz (komentarze)

Styl Michała

28 września 2011 Inne rodzaje obramówki w dodaj komentarz (komentarze)

<style>#submit {background: transparent;border-left: #ffffff 1px solid;border-right: #ffffff 1px solid;border-top: #ab23fa 1px dashed;border-bottom: #ab23fa 1px dashed; }</style> Jedynie odznaczyłem grubość obramowania, kolor i rodzaj, poradzicie sobie, myślę, że znacie rodzaje obramowań z innych blogów. Michał

Ściana - avatary - zaokrąglone

Jeśli gdzieś widzieliście takie style, to musiałam nie zauważyć xD Zrobiłam to, bo jedna osoba mnie o to prosiła ;***

Na zaokrąglenie głównego avatara w ścianie

<style>.boxWall div.wall-box-a div.primary-a img {border-radius:5px 5px 5px 5px;}</style>

Zmieniacie sobie wielkość zaokrąglenia

Na zaokrąglenie avatarów w całej ścianie :D 

Niestety nie zrobiłam jeszcze stylu, na zaokrąglenie avków w ścianie znajomych

<style>div.boxWall div.blockContent div.primary-a p img {border-radius:8px 5px 8px 5px;}</style>

Zmiana wielkości

Ściana - avatar-zmiana wielkości

To nie do końca udany styl. Wstawiam jego jakby prototyp, jak uda mi sie go ulepszyć, to wstawie tu lepszą wersje xD

Na tym prototypie niestety avatar jest rozmazany przy powiększeniu i zachodzi pod pole tekstowe i przycisk

<style>.boxWall div.wall-box-a div.primary-a img {border-width:1px; height:120px; width:120px; } #userleft div.avatar img</style>

Wielkość avatara

Wielkość ramki, ale chyba jak ktoś ją ma

 

Info o mnie- zmiana długości

Ten kod przedłuża lub skraca blog Info o mnie xD

<style>div.boxUserinfo div.blockContent {width:955px;}</style>

Możecie zmieniać długość

  

Ściana- krzyżyk po lewej stronie

Wklejacie kod i krzyżyk w ścianie macie po lewej stronie

<style>.boxWall div.wall-box-b div.secondary-a p.close-a  {border-width; width:459px; }</style>

Możecie wpisać tu , np: 300px, a krzyżyk będzie na środku

  

Stopka - swój obrazek

Bez dłuższego rozpisywania się, biega mi o to, że w stopce możecie sobie ustawić tło jakie tylko chcecie

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

   

Ściana-pole tekstowe-zmiana wielkości

Styl wygląda tak

<style>.boxWall div.wall-box-a div.secondary-a input.input-a {width: 200px;height: 50px;}</style>

width- długość

height- szerokość

Ustawiacie długość i szerokość pola

  

A żeby było jeszcze lepiej pole tekstowe przenieście na prawą strone

<style>.boxWall div.wall-box-a div.secondary-a input.input-a {float: right;margin-right: 10px;}</style>

 

Ściana - pole do tekstu - zmiana koloru xD

Chyba ktoś chciał taki kod ;D

<style>.boxWall div.wall-box-a div.secondary-a input.input-a {background-color: #2d7ffa;}</style>

Zmieniasz kolor na jaki chcesz. Jeśli chcesz przezroczysty to wpisujesz: transparent

  

I do tego możecie sobie ustawić przezroczystość tego pola tekstowego tym stylem

<style>.boxWall div.wall-box-a div.secondary-a input.input-a {opacity: 0.2;}</style>

Ustawiacie przezroczystość 

 

Przyjaciele- takie coś!

Jeśli ktoś ma białe tło przy każdym w znajomych, ten kod może mu sie przydać xD

Wklejacie kod:

<style>div.person:hover {background-color: transparent; border-bottom: 0px solid transparent;}</style>

Kolor tła przy znajomym

Tak wygląda normalnie

  

A gdy w jedziecie na to myszką wygląda tak

  

A tak wygląda w kolorze, np: różowym

  

Jakie mam zrobić jeszcze style? Piszcie..!

Znajomi - avatary- zmiana wielkości

Prosze kod

<style>img.default-avatar.avatar-male, img.default-avatar.avatar-female {border-width; height:37px; width:37px; } </style>

Ustawiacie wielkość avatara.. height i width odpowiada za prawy i lewy bok

Cuś takiego z tego wychodzi:

  

Jak by co piszcie do mnie na ps: http://poszkole.pl/strona/23936751

Rodzinka - zmiana wielkości między tym co robią rodzice

Wklejacie kod

<style>#your-fam .msgs li {padding: 0px 0 0px 0px;}</style>

Zmieniacie wielkość między tym co robią rodzice

Coś takiego:

 

Ściana_przycisk Opublikuj - zaokrąglany

Wklejacie kod 

<style>.boxWall div.wall-box-a div.secondary-a input.submit-a {border-radius:0px 0px 55px 0px;}</style>

I Ustawiacie sobie wielkość zaokrąglenia

 

Ściana- znajomi po prawej stronie

Plose kod:

<style>.boxWall div.wall-box-b div.primary-a {float: right;}</style>

  

Jutro dodam jeszcze jakieś notki, może style ;D Jeszcze zobacze..

Ściana- główny avatar po prawej stronie

Avatar po prawej stronie

<style>.boxWall div.wall-box-a div.primary-a {float: right;}</style>

 

Odstęp między avatarem a ramką avatara

Wpisujecie ten kod:

<style>#userleft div.avatar {padding: 0px;}</style>

Odległość między avkiem a jego ramką

To wygląda u mnie tak:

Zmiana kolorów w ramce avatara w Info o mnie

Wpisujecie ten kod

<style>div.blockItem div.blockContent .inb {border-top-color: #ffffff;

border-right-color: #2d7ffa;

border-bottom-color: #ffffff;

border-left-color: #2d7ffa;}</style>

I wybieracie, który bok jaki ma mieć kolor:

Kolor górnej ramki

kolor prawej ramki

Kolor dolnej ramki

Kolor lewej ramki

U mnie wygląda to tak:

Może komuś się przyda xD

Usunięcie przycisku Zobacz wszystkie wpisy w bloku Wpisy

Wpisujecie ten kod

<style>div.blockItem div.blockContent a.block-button {display:none}</style>

A przycisku Zobacz wszystkie wpisy w bloku Wpisy nie będzie

  

Proste?

Z nudów

Tak jakoś z nudów dodaje kilka gifów <3

   To mi się najlepiej podoba: 

 I takie:      

I buźki:    

____________________________________________

        

Ogień:           

Mam ich jeszcze wiele więcej xD

Obracające się kule

Kod animacji, aby dodać na stronkę ps:

<img border="0" src="http://republika.pl/blog_ru_5012549/7864350/tr/mial.gif" alt="">

  

Kod animacji, aby dodać na stronkę ps:

<img border="0" src="http://republika.pl/blog_ru_5012549/7864350/tr/kot_1.gif" alt="">

  

Kod animacji, aby dodać na stronkę ps:

<img border="0" src="http://republika.pl/blog_ru_5012549/7864350/tr/kot_2.gif" alt="">

  

Kod animacji, aby dodać na stronkę ps:

<img border="0" src="http://republika.pl/blog_ru_5012549/7864350/tr/kot3.gif" alt="">

  

Kod animacji, aby dodać na stronkę ps:

<img border="0" src="http://republika.pl/blog_ru_5012549/7864350/tr/pies1.gif" alt="">

  

Kod animacji, aby dodać na stronkę ps:

<img border="0" src="http://republika.pl/blog_ru_5012549/7864350/tr/kot5.gif" alt="">