Chcesz urozmaicenia swojej strony głównej chomika? Chcesz mied przyciski z Twoimi ulubionymi
chomikami? A może chcesz zrobid wystawę okładek wrzuconych materiałów, które przekierują
odwiedzających do odpowiednich folderów? Nic prostszego. Pokażę Wam dziś krok po kroku jak to
zrobid.
Przyciski z polecanymi chomikami
1. Otwórz edycję profilu.
2. Przyciski wstawimy przy pomocy kodu HTML. Dlatego musisz otworzyd okno dialogowe, które
Ci to umożliwi.
3. Pojawi się następujące okno:
Na razie jest puste, ale zaraz to się zmieni.
copyright by orejra
http://chomikuj.pl/orejra
4. Wpisujemy po kolei co następuje:
- to oznacza, że rozpoczynamy nowy akapit.
- tu jest pierwsza częśd linku do polecanego przez
nas chomika, gdzie:
a od ang. anchor (kotwica) mówi, że zaczynamy definiowanie linku (odnośnika)
href skrót od ang. hyperlink referrer, czyli określenie miejsca docelowego, do którego
odnośnik prowadzi
adres chomika ten widoczny w pasku adresu przeglądarki
target precyzuje gdzie otworzy się strona. Wartośd _blank mówi, że otworzy się w
nowej stronie/karcie. - dzięki temu wstawimy obrazek prezentujący avatar
chomika. Części składowe:
img oznacza, że będziemy wstawiad obrazek
src skrót od ang. source (zródło). Między cudzysłowami powinien byd adres, pod którym
znajduje się obrazek. Poniżej pokazuję jak go znalezd.
border definiuje grubośd ramki otaczającej obrazek. Bardzo nieestetycznie to wygląda,
także zrezygnujemy z niej. Wpisujemy wartośd 0. Nie jest tu konieczne podawanie miary,
domyślnie stosowane są piksele.
Wszystko zamykamy znacznikiem / tak nakazują właśnie nowe normy. Jest
wytłumaczenie dlaczego należy tak robid, ale nie jest tutaj ważne.
- zamykamy odnośnik. Wszystko, co znajduje się między oraz jest widziane w
przeglądarce jako link. Można wstawiad tam zarówno obrazki, jak i tekst. Można też oba na raz.
Nie wolno jednak zapomnied o tym elemencie, gdyż bez niego wszystko na stronie będzie
traktowane jako link.
Przykładowy adres, który należy wpisad w miejsce kropek w cudzysłowie w następującym wyrażeniu: href="...">
copyright by orejra
http://chomikuj.pl/orejra
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:
Gdy skooczymy tak to mniej więcej może nasz kod HTML wyglądad:
copyright by orejra
http://chomikuj.pl/orejra
Powtórz wpisywanie kodów linków i obrazów aż umieścimy wszystkie chomiki, które chcemy
wyróżnid. Pamiętaj, że znacznik
znajduje się tylko raz, przed wszystkimi przyciskami . Tak samo
znacznik
NIE
TAK
Gdy zakooczymy wstawianie przycisków, klikamy przycisk aktualizuj a następnie zapisujemy
zmiany.
copyright by orejra
http://chomikuj.pl/orejra
Wstawianie przycisków do materiałów znajdujących się na naszym chomiku.
Kroki 1, 2 i 3 jak wyżej. Kod HTML służący do tego tworzymy analogicznie, tj:
Nowy znacznik to style definiujemy tu różne cechy obrazka. W powyższym przypadku chcę, aby
odstęp między zdjęciami wynosił 10 pikseli. Warto też ujednolicid wysokośd wszystkich obrazków
(okładek filmów, płyt). Wiadomo, w oryginale nie zawsze każdy jest jednakowej wielkości, a ustalenie
stałej wysokości pozwoli zachowad estetykę. Do tego celu służy element height w nawiasach
podajemy wysokośd, domyślnie wyrażona w pikselach.
Nie będę pokazywad jak znalezd adres obrazka, na pewno każdy sobie z tym poradzi. Poniższy
rysunek pokaże, jaki adres należy wpisad w cudzysłów przy href:
Menu kontekstowe otrzymujemy przez kliknięcie prawym przyciskiem myszy na nazwę folderu.
Pamiętaj o znacznikach akapitu, czyli
(na początku) i
(na koocu). Dzięki temu przyciski niezleją się z pozostałą częścią strony.
Przykładowy kod HTML przycisku:
copyright by orejra
http://chomikuj.pl/orejra
Wyszukiwarka
Podobne podstrony:
Pokaz wstawianie przycisków do chomika
Pokaz wstawiania przycisków na chomika
WSTAWIENIE OBRAZKA W ROZMOWY CHOMIKOWE(1)
Instrukcję jak dorobić sobie przycisk do komputera pokładowego w MUXie
Obrazek Zajrzyj do chomika
więcej podobnych podstron