Wbrew pozorom nie jest trudno wykonać taką ramkę. Podam Wam tutaj gotowca, którego możecie do woli używać, przerabiać i dostosowywać do własnych potrzeb.
Zanim jednak podzielę się z Wami tym kodem, apeluję o rozwagę w posługiwaniu się tego rodzaju "gadżetami". Zbyt nachalne wpisy mogą Ci również zaszkodzić, ponieważ nie wszyscy lubią, jak w ich rozmowy chomikowe wkleja się wielkoformatowe reklamy.
Aby zrobić taką ramkę jak pokazałem na zdjęciu powyżej, należy wkleić w rozmowy chomikowe taki oto kod:
<div style="border:5px solid #FF0000; background-color:#000000; text-align:center; color:#FFFFFF; font-size:20px; float:left;"> <p> <a target="_blank" href="http://poradnikchomika.blogspot.com"> <img src="http://img32.imageshack.us/img32/7788/zniejniesciagaj.jpg" border="0" style="float:center;" width="500"/> </a> </p> <p> Porady, tips & trick, newsy, i inne gadżety znajdziesz na blogu chomik maniac'a! Zapamiętaj ten adres: www.poradnikchomika.blogspot.com będziesz tu wracał, ale uważaj - chomikowanie uzależnia! </p> </div>
Przyjrzyjcie się mu dokładnie, a na pewno od razu zauważycie co można pozmieniać. Z podmianą tekstu na swój na pewno dacie sobie radę, ale pozwolę sobie omówić górną część kodu dla mniej obeznanych w htmlu.
Ważniejsze znaczniki odpowiadające za wygląd, kolory itp:
border:5px - grubość zewnętrznej ramki
solid #FF0000 - kolor zewnętrznej ramki
background-color:#000000 - kolor tła ramki
text-align:center - wyrównanie tekstu w ramce
color:#FFFFFF - kolor tekstu w ramce
font-size:20px - wielkość czcionki w ramce
http://poradnikchomika.blogspot.com - adres internetowy (odnośnik)
http://img32.imageshack.us/img32/7788/zniejniesciagaj.jpg - ścieżka do przykładowego obrazka
Te dane możecie spokojnie zmieniać - reszty proponuję nie ruszać (dotyczy mniej doświadczonych użytkowników).
Tabelę kolorów jakimi możecie się posługiwać opisałem TUTAJ.
Nie bójcie się eksperymentować z kodem! W razie pytań proszę o komentarze pod niniejszym postem.
Miłej zabawy!
0 komentarze:
Prześlij komentarz