6 kwi 2012

[Poszkole] Nowi Znajomi

Witam no cóż czyli chyba jednak dodajemy jeszcze coś. ;) No a jak podsyłam wam tutaj cały Styl na zmianę wyglądu znajomych który najlepiej wygląda przy szerokości bloku 345px. ;)


No cóż tutaj macie przykład jak to działa w teorii:
W praktyce działa również tylko wyświetlać wam będzie już normalnie nicki. ;)
<style>
   div.person, div.person:hover { background: #f2f0f1; width: 320px; height: 68px; border-top: 1px solid #ffffff; border-bottom: 2px solid #c8c6c7; margin: 0px; }
   div.person h4 a{ padding-left: 20px; font-weight: bold; float: left; width: 150px; font-size: 13px; color: #000; }
   h4.online { background: url("http://joke-p.yoyo.pl/34_Connected.png") no-repeat !important; height: 17px; margin: 6px; }
   h4.offline { background: url("http://joke-p.yoyo.pl/35_Disconnected.png") no-repeat !important; height: 17px; margin: 6px; }
   div.person img { width: 60px; height: 60px; float: right; border-radius: 4px; border: 1px solid #000000; margin: 3px; }
</style>

<style> .default-avatar { padding: 0px; } </style>
<style> div.person ul { display: none; } </style>

4 komentarze:

Anonimowy pisze...

Super,biorę . | .SliceMe.

Sheila pisze...

Biorę < 3

7Night. pisze...

Może się przydać XD

ShadesOfLove. pisze...

Biore

Prześlij komentarz