19 grudnia 2010

39. Rozmowy chomikowe - grafika

Początkujący niech się uczą, a bardziej zaawansowani użytkownicy chomika niech wykorzystają to w mądry i przemyślany sposób.

Któż z Was nie chciał by być zauważony? Chyba wszyscy prawda? Obserwując rozmowy chomikowe, odnoszę wrażenie, że ludzie nie mają pojęcia jak zwrócić na siebie uwagę. Prześcigają się w biciu rekordów jaskrawości i wielkości wpisów. Piszą ogromnymi czcionkami, stosują pełno mrugających obrazków czyli robią wszystko to, czego inni NIE LUBIĄ! Szkoda, że do nikogo to nie dociera. Widocznie wolą być blokowani za spamowanie.

Dziś pokażę Wam, jak zwrócić na siebie uwagę przez schludne zaskoczenie.
Na pewno już wiesz, że w rozmowach chomikowych można wstawić tylko jeden obrazek prawda?

A właśnie że nie!

Ja wstawię Wam nie jeden, nie dwa, ale nawet 3 obrazki, a jak bym miał lepszą wenę twórczą, mogę wstawić ich więcej. Chomikuj zezwala na wstawianie jednego obrazka za pomocą znacznika IMG, ale nie ma limitu na znacznik BACKGROUND (czyli tło). Jak by tak dobrze pomyśleć, można to całkiem fajnie wykorzystać.

SCREEN - kilka obrazków w oknie rozmów chomikowych

To tylko przykład to można zrobić wykorzystując grafikę jako tło. Jak widzisz na screenie, umieszczenie trzech obrazków w rozmowach chomikowych nie jest problemem. Tak wygląda kod tego co widzisz na obrazku:

UWAGA!: Aby prawidłowo skopiować kod, skorzystać z opcji "view plain" poniżej.
<table><tr><td width="470"><table style="background-image:url(http://img573.imageshack.us/img573/836/belka1.png);height:65px;font-weight:bold;" border="0" cellspacing="0" cellpadding="6" width="470">
<tr>
<td width="122" align="center"><a style="color:#ffffff;font-size:14px" href="http://chomikuj.pl/adam-as/*e2*96*ba+Filmy+(has*c5*82o+111)">FILMY</a></td>
<td width="123" align="center"><a style="color:#ffffff;font-size:14px" href="http://chomikuj.pl/adam-as/*e2*96*baKolekcja+darmowych+e-book*c3*b3w">E-BOOKI</a></td>
<td width="123" align="center"><a style="color:#ffffff;font-size:14px" href="http://chomikuj.pl/adam-as/Reklamania">REKLAMANIA</a></td>
<td width="122" align="center"><a style="color:#ffffff;font-size:14px" href="http://chomikuj.pl/adam-as/Gry+PC+(111)">GRY PC</a></td>
</tr>
</table>
<table style="background-image:url(http://img695.imageshack.us/img695/4918/srodekj.png);height:505px;" border="0" cellspacing="0" cellpadding="30" width="470">
<tr>
<td valign="top" style="font-size:26px; font-weight:bold">
<div>&nbsp;</div>
<div style="color: #ffffff;font-family:Arial">
  <p>Medal Of Honor 2010 PL!!!</p>
  <p>Nowość na moim chomiku!</p>
  <p>Autorska akcja "Reklamania"</p>
  <p>Darmowa wyszukiwarka</p>
  <p>Nowe filmy na Święta!</p>
  <p>Darmowy Newsletter!</p>
</div></td>
</tr>
</table>
<table style="background-image:url(http://img573.imageshack.us/img573/836/belka1.png);height:65px;" border="0" cellpadding="6" width="470">
<tr>
<td width="470" align="center">
<a style="color:#ffffff;font-size:22px; font-weight:bold" href="http://chomikuj.pl/adam-as">KLIKNIJ TUTAJ, ABY MNIE POZNAĆ</a>
</td>
</tr>
</table></td></tr></table>

To jest gotowiec w którym wystarczy podmienić linki oraz teksty na swoje i już możecie wklejać kod w rozmowy chomikowe. Zmiany wyglądu pozostawiam już bardziej zaawansowanym użytkownikom.
Dla nich też udostępniam pliki źródłowe .PSD tła belki z menu górnego i dolnego oraz środkowej na wypadek, gdyby ktoś chciał przerobić grafikę na swoją.

Pobierz pliki .psd

Po przerobieniu, grafikę wystarczy wrzucić do swojego chomika, lub serwer zewnętrzny jak np. Imageshack. Kopiujesz adres linku do obrazka i podmieniasz linki w kodzie - sekcja background.

Do napisania artykułu zainspirował mnie chomik zygus26.

11 komentarze:

zygus26 pisze...

Widzę ze zainspirowałem cie do zrobienia ładnego kodu html do chomikowych rozmów.
Mam tylko ogromną nadzieje ze nie będzie wykorzystywany w tak idiotyczny sposób jak te ramki.


Pozdrawiam zygus26

Anonimowy pisze...

Coś jest z tym kodem nie tak, gdyż nie działa

adam-as pisze...

Do zygus26. Owszem inspirowałem się. Dlatego na dole artykułu zamieściłem odpowiednią adnotację z aktywnym linkiem.

Do anonimowy: nie działa, ponieważ nie umiesz kopiować kodu! Wykorzystać opcję VIEW PLAIN w celu prawidłowego skopiowania kodu.

zygus26 pisze...

Dziękuję bardzo.
Miło z twojej strony.

Cieszy mnie fakt ze moja praca została w jakiś sposób doceniona.

Pozdrawiam zygus26

Alpha22 pisze...

Skopiowałem ten kod, ale jak wkleiłem go w chomikowe rozmowy, to Medal of Honor2010 zachodzi mi na SERDECZNIE ZAPRASZAM. Wszystko skopiowałem tak jak u ciebie.
Co z tym zrobić?

adam-as pisze...

UWAGA - zaraz nad kodem zamieściłem czerwoną informację jak prawidłowo skopiować kod!. Proszę zwrócić uwagę na opcję "VIEW PLAIN". To za pomocą tej opcji otwieracie czysty kod i to właśnie jego kopiujecie!

adam-as pisze...

W dniu 25.12.2010 kod został zaktualizowany tak, aby poprawnie wyświetlał się w każdej przeglądarce internetowej.

Anonimowy pisze...

wiesz nic z tego skopiowałem cały link html przez VIEW PLAIN i nie robi sie nic tylko cały pokazuje sie kod html buzki i napisy ale bez tła i całego wygladu prosze o pomoc i dokładnie zrobienie kodu całego bo bardzo mi na tym zalezy

Anonimowy pisze...

Dzieki!wszystko dziala jak nalezy masz u mnie duze piwo!

Anonimowy pisze...

Super sprawa!!!! jesteś wielki! nareszcie ktoś kto naprawdę potrafi pomóc drugiemu:-) Dzięki bardzo! pozdrawiam.

Anonimowy pisze...

Dziękuje naprawde mi pomogło :) nie wiem jak mogę się odwdzięczyć :)

Prześlij komentarz