Animka na przezroczystym tle

Taką Animke na przezroczystym tle można wstawiać na jakie tylko chce się tło xD Wiesz, że to nazywa się Render, ale ja wole mówić, że to po prostu obrazek na przezroczystym tle ;D

  

Stopka - zaokrąglona

A wiec nikt nie dodaje komentarzy i sądze,z e nikt tu też nie wchodzi. Ale są pewnie ludzie, którzy potrzebują różnych styli, więc mam dla was styl na zaokrągloną stopkę ;D

<style>#footer {border-radius: 55px 55px 55px 55px;}</style>

Wielkość zaokrąglenia

  

Sondy fajne style :]

Tekst po prawej stronie : <style>.mypoll.mypoll .poll_answer label {text-align: right;}</style>

Pole obrysowane [ładnie wygląda] : <style>div.boxPoll .mypoll {border: 1px dotted fuchsia;}</style>

Zamiast białego tła jakieś ładne tło [obrazek] : <style>div.boxPoll .mypoll {background: url(tło O____o) !important}</style>

Style od Mai : ] mój prof : http://poszkole.pl/strona/26928741/

Po 5 komach nowa notka :3

Maja

Sondy - kolor paska

Kolor paska w sondach

<style> div.boxPoll .mypoll .poll_answer span.poll_bar {background: #ffffff;}</style>

Kolor paska

 

Sondy- czcionka - zmiana koloru

Zmiana koloru głównego tekstu w bloku Sondy

<style> div.boxPoll .mypoll p.poll_question {color: #ffffff;}</style>

Kolor czcionki

Kolor nad wykresem

<style> div.boxPoll .mypoll .poll_answer label.result  {color:#ffffff;}</style>

Kolor czcionki

Kolor procentów w Sondach

<style> div.boxPoll .mypoll .poll_answer span.poll_answervalue  {color: #ffffff;}</style>

Kolor czcionki

Całość wygląda tak:

 

Sondy - kolor tła

Kod

<style>div.boxPoll .mypoll {background: transparent;}</style>

Kolor tła

  

Ściana - Avki xD

Ramka w Avatarach w ścianie

<style>div.primary-a p img { border: 1px solid #ffffff; padding: 3px;}</style>

Szerokość ramki

Kolor ramki

Odległość między ramką a avatarem

  

Skrócenie bloków

Skrócenie wszystkich bloków jednym kodem nie za dobrze wygląda, bo wszystkie bloki są jednakowej długości i nie do wszystkich bloków przecież pasuje jednakowa wielkość. Poza tym większosć bloków nie da się tak  skrócić. A Ściane lepiej skrócić zwykłym sposobem, czyli wejsć w USTAWIENIA i skrócić. Ale dam na to skrócenie kod:

<style>div.blockContent{height:88px;}</style>

Zmieniacie długość

KOD NA POJEDYNCZE SKRACANIE

Nie wszystkie bloki da się skrócić!!! Skrócą się, ale będą działać nie poprawnie. Tylko kilka w taki sposób bloków da się skrócić

<style>.TU WPISUJECIE CO CHCECIE SKRÓCIĆ{height: 88px;}</style>

Zmieniacie długość

Czyli jeśli chcecie skrócić:

Blok Rodzina -div.boxFamily div.blockContent

I pamiętajcie, że maksymalna długość moze  blok mieć taką jaka długość ma tło bloku!!!!

Piszcie co chcecie skrócić to zobacze czy da sie je skrócić i je dopisze, ok? ;**

Związki - zmiana szerokości

 Ten kod skraca lub przedłuża blok związki. Maksymalną długość możecie ustawić, taką jaką długość ma tło bloku.

<style>.relationship {height: 88px;}</style>

Zmieniacie długość ;D

  

Ściana - Avki

Ramka avka w ścianie, taka jak tu

  

<style>div.primary-a p img {border-bottom-width: 1px;border-bottom-style: solid;border-left-width: 1px;border-left-style: dashed;border-right-width:1px;border-right-style: dashed;border-top-width: 1px;border-top-style: solid;color: #ffffff;}</style>

Możecie się tym stylem trochę pobawić xD

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="">