31 stycznia 2011

31. Zmiany na blogu

Jak zuważyliście na blogu zaszły spore zmiany. Zmieniła się grafika i układ strony. Menu nawigacyjne i różne widgety bloga przeniosłem na prawą stronę. Myślę, że obecne zmiany ułatwią wam szybsze odnalezienie się w tym blogu.

Do poprawienia zostało jeszcze:
  • poprawki estetyczne w napisanych postach... w wielu miejscach tekst się rozjeżdża i powstają ogromne odstępy.
  • implementacja kolorowania składni jakie było we wcześniejszej wersji blogu. Podczas stosowania zmian gdzieś ta opcja sobie poszła w siną dal.
  • logo na bloga 
Na dzisiaj wystarczy. Dziękuję i pozdrawiam.
Za wszelkie niedogodności z góry przepraszam.

26 stycznia 2011

30. Blokada prawego przycisku myszy

Skrypt wklej w główny opis swojego chomika... po kliknięciu prawym przyciskiem myszy wyskoczy komunikat systemowy z wcześniej ustalonym przez siebie tekstem.

Linijka 03
var message="Ta... chciałoby się ;]"
Wpisz dowolny tekst komunikatu.

<script language=JavaScript>
<!--
var message="Ta... Chciałoby się ;]";
///////////////////////////////////
function clickIE() {if (document.all) {alert(message);return false;}}
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {alert(message);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
// --> 
</script>

23 stycznia 2011

29. Lista rozwijalna

Zaprezentuje wam fajny skrypt na listę rozwijaną, który posłuży nam do gromadzenia różnych linków w jedną rozwijalną listę.
W takiej liście możemy umieścić swoje ulubione strony lub w przypadku portalu chomikuj.pl ulubione przez nas chomiki lub top listy na, których jesteśmy zarejestrowani. Kod html takiej listy umieszczamy w głównym opisie html swojego chomika. 

Najpierw zobacz przykład takiej listy. Z jakiś przyczyn lista nie chce działać na tym blogu. 


Jest to najprostsza wersja listy, do której możemy dodawać nie ograniczoną ilość chomików lub stron www.
<script type="text/javascript"><!--function zmieoStronę(){var lista = document.getElementById('lista');if(!lista) return;var link = lista[lista.selectedIndex].value; if(link)location.href = link;}// -->
</script>
<div id="mainDiv">
<select id="lista" size="1">
<option>Wybierz stronę </option>
<option value="http://chomikuj.pl/?page=244123">Chomikuj.pl</option>
<option value="http://chomikuj.pl/?page=333172">CzekoladowyBaron</option>
<option value="http://chomikuj.pl/?page=333175">adam-as</option>
<option value="http://freetransfery.toplista.pl/?we=czekoladowy">Freetransfer</option>
<option value="http://toplistamotyla.najlepsze.net/?we=czekoladowy">Toplistamotyl</option>
<option value="http://baronowatoplista.najlepsze.net">ToplistaBaron</option>
<option value="http://chomikuj.pl/?page=244123">Chomikuj.p</option>
</select>
<input onclick="zmieoStronę();" value="Wejdź"
 type="button"></div>
Konfiguracja skryptu na własny użytek:

Linie od 01 do 04 
Te linie pozostawiamy bez zmian.

Linia 05 
<option>Wybierz stronę </option>
Tekst widoczny jest domyślnie w polu wyboru gdy nie wybraliśmy żadnej ze stron. Możemy podmienić tekst (wybierz stronę) na taki, który bardziej nam pasuje. 

Linie od 06 do 12 
<option value="adres url do strony">nazwa strony</option>
Jak się pewnie domyślacie ta linijka kodu służy do dodawania kolejnych opcji wyboru do listy.
W miejsce adres url strony wklej prawidłowy link do strony lub chomika.
W miejsce nazwa strony wpisz nazwę jaka będzie widniała w rozwijanej liście.  

Bardziej dopracowaną listę pod względem wyglądu możesz pobrać możesz stąd.  

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