wstawianie przyciskow do chomika.pdf

Chcesz urozmaicenia swojej strony głównej chomika? Chcesz mied przyci ki z Twoimi ulubionymi

chomikami? mo Ň e chce z zrobid wy taw okładek wrzuconych materiałów, które przekieruj Ģ

odwiedzaj Ģ cych do odpowiednich olderów? Nic pro t zego. Poka Ň Wam dzi krok po kroku jak to

zrobid.

Przyciski z polecanymi chomikami

1. Otwór edycj pro ilu

2. Pr yci ki w tawimy pr y pomocy kodu HTML Dlatego mu i otwor yd okno dialogowe, które

Ci to umożliwi

3. Pojawi i na t pujące okno

Na razie je t pu te, ale ara to i mieni.

4. Wpi ujemy po kolei co na t puje

- to o nac a, że ro poc ynamy nowy akapit

<a href=”adres chomika” target=”_blank”> - tu je t pierw a c

d linku do polecanego pr e

nas chomika, gdzie:

a – od ang. anchor (kotwica) mówi, że ac ynamy de iniowanie linku (odno nika)

href – krót od ang. hyperlink referrer, czyli okre lenie miej ca docelowego, do którego

odno nik prowad i

adres chomika – ten widoc ny w pa ku adre u pr eglądarki

target – precyzuje gd ie otwor y i trona Warto d „_blank” mówi, że otwor y i w

nowej stronie/karcie.

<img src=”adres obrazka” border=”0” /> - d i ki temu w tawimy obra ek pre entujący avatar

chomika C ci kładowe

img – o nac a, że b d iemy w tawiad obra ek

src – krót od ang. ource ( ródło) Mi d y cud y łowami powinien byd adre , pod którym

najduje i obra ek Poniżej poka uj jak go nale d

border – de iniuje grubo d ramki otac ającej obra ek Bard o niee tetyc nie to wygląda,

także re ygnujemy niej Wpi ujemy warto d 0 Nie jest tu konieczne podawanie miary,

domy lnie to owane ą pik ele

Wszystko zamykamy znacznikiem „/” – tak nakazują wła nie nowe normy Jest

wytłumac enie dlac ego należy tak robid, ale nie je t tutaj ważne

</a> - amykamy odno nik W y tko, co najduje i mi d y a ora /a je t wid iane w

pr eglądarce jako link Można w tawiad tam arówno obra ki, jak i tek t Można też oba na ra

Nie wolno jednak apomnied o tym elemencie, gdyż be niego w y tko na tronie b d ie

traktowane jako link.

- kooc ymy akapit

Przykładowy adres, który nale Ň y wpisad w miejsce kropek w cudzysłowie w nast ħ puj Ģ cym wyra Ň eniu a

href="...">

Klikamy prawym przyciskiem myszy na avatar polecanego chomika. Z menu kontekstowego wybieramy

"Kopiuj adres obrazka" Wklejamy go w miejsce kropek w nast ħ puj Ģ cym wyra Ň eniu img src=" " /

Gdy kooc ymy tak to mniej wi cej może nasz kod HTML wyglądad

Powtór wpisywanie kodów linków i obra ów aż umie cimy w y tkie chomiki, które chcemy

wyróżnid Pami taj, że znacznik znajduje i tylko raz, przed wszystkimi „przyciskami”. Tak samo

nac nik /p wy t puje tylko ra , a w zystkimi przyci kami Dla ja no ci

NIE

TAK

Gdy akooc ymy w tawianie pr yci ków, klikamy pr yci k „aktualizuj” a na t pnie api ujemy

zmiany.

Wstawianie przycisków do materiałów znajduj Ģ cych si ħ na naszym chomiku

Kroki 1, 2 i 3 jak wyżej Kod HTML łużący do tego twor ymy analogic nie, tj

<a href=”adres folderu z plikiem”><img src=”adres obrazka” border=”0” height=”100” style=”margin-

right:10px” /></a>

Nowy znacznik to style – definiujemy tu różne cechy obra ka W powyż ym pr ypadku chc , aby

od t p mi d y dj ciami wyno ił 10 pik eli Warto też ujednolicid wy oko d w y tkich obra ków

(okładek ilmów, płyt) Wiadomo, w oryginale nie zawsze każdy je t jednakowej wielko ci, a u talenie

tałej wy oko ci po woli achowad e tetyk Do tego celu łuży element height – w nawiasach

podajemy wy oko d, domy lnie wyrażona w pik elach

Nie b d poka ywad jak nale d adre obrazka, na pewno każdy obie tym porad i Poniż y

ry unek pokaże, jaki adre należy wpi ad w cud y łów przy href :

Menu kontek towe otr ymujemy pr e klikni cie prawym pr yci kiem my y na na w olderu

Pami taj o nac nikach akapitu, c yli (na poc ątku) i (na koocu) D i ki temu pr yci ki nie

leją i po o tałą c cią trony

Pr ykładowy kod HTML pr yci ku:

<a href="orejra/muzyka/Linkin+Park+-+Minutes+to+Midnight+(2007)"><img style="margin-

right:10px" src="Image.aspx?id=14573886" border="0" alt="" height="100" /></a>

Klimek1544

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: