23 stycznia 2011

28. Nieruchomy box z reklamami

W dzisiejszym poście zaprezentuje wam dość ciekawy i prosty skrypt, którym zainteresują się osoby, które prowadzą często licytacje na chomikach. Taki box z reklamami może okazać się przydatny do zamieszczania w nim reklam chomików wygrywających licytacje.

Zobacz jak wygląda efekt  

Taki boks pozostaje stale w jednym miejscu w przypadku przewijania długiego opisu chomika.

Podstawowa wersja kodu: 
<div
 style="padding: 5px; position: fixed; right: 18px; background-color: transparent;">
<table style="height: 100px;" align="center" border="0"
 cellpadding="1" cellspacing="1" width="100">
  <thead> <tr>
    <td style="text-align: center;"><span
 style="font-size: 16px;"><strong>Polecane</strong></span><br>
    </td>
  </tr>
  </thead> <tbody>
    <tr>
      <td><a href="Tutaj link do strony"
 target="_blank"><img
 style="border: 0pt none ; margin: 1px; vertical-align: middle;"
 src="Tutaj link do obrazka" alt="obrazek"
 height="100" width="100"></a></td>
    </tr>
    <tr>
      <td><a href="Tutaj link do strony"
 target="_blank"><img
 style="border: 0pt none ; margin: 1px; vertical-align: middle;"
 src="tutal link do obrazka" alt="obrazek"
 height="100" width="100"></a></td>
    </tr>
    <tr>
      <td><a href="Tutaj link do strony"
 target="_blank"><img
 style="border: 0pt none ; margin: 1px; vertical-align: middle;"
 src="Tutaj link do obrazka" alt="obrazek"
 height="100" width="100"></a></td>
    </tr>
    <br>
  </tbody>
</table>
</div>

Konfiguracja skryptu na własne potrzeby:

Linia 07 
style="font-size: 16px;
Tutaj możesz zastosowac dowolny kod html formatujący tekst. Możesz również umieścić link tekstowy. 

Linie 12, 19, 26 
href="Tutaj link do strony" 
Wprowadź w odpowiednie miejsce linki do stron, do której chcesz aby przenosił obrazek po kliknięciu.

Linie 15, 22, 29 
src="tutal link do obrazka"  
Wprowadź adres obrazka jaki będzie przedstawiał daną stronę lub chomika. Jego rozmiary to 100x100 w pikselach 

Podziękowania dla chomika karolekdj za udostępnienie kodu.

W razie niejasności proszę pisać w komentarzach lub na PW chomika

0 komentarze:

Prześlij komentarz

Komentarze z obraźliwymi słowami nie będę zatwierdzane. Nie klnij i nie podawaj samych linków. Te na pewno nie będą zatwierdzane.