Kody upiększające prezentację

Jak Tworzyć kody do prezentacji już wiecie, ale jak ją dodatkowo ozdobić napiszę w tym poście.

Pisząc kod należy pamiętać, aby nie zapomnieć go zamknąć. Bez tego wiadomo - nie będzie działać.

Pierwszymi kodami są podstawowe komendy, których efekt można uzyskać na howrse bez wpisywania ich ręcznie. Mowa oczywiście o:

Ikona	Funkcja	Znacznik	Gotowy kod HTML
	Pogrubienie	b	<b>Tekst</b>
	Pochylenie (kursywa)	i	<i>Tekst</i>
	Podkreślenie	u	<u>Tekst</u>
	Skreślenie	strike	<strike>Tekst</strike>

Przy kolejnych kodach zaczyna się robić ciężej.

Oczywiście przy tworzeniu linku czy wstawianiu obrazka można bez problemu użyć funkcji prezentacji (tylko w trybie normalnym), natomiast dużo ciekawiej jest wstawić to w htmlu.

Wstawianie linku:
Do tworzenia odnośnika (czyli linku) używa się znacznika <a>. Niestety sam znacznik nie wystarczy, więc potrzebujemy jeszcze atrybut href przy którym podajemy adres wybranej strony. Poprawnie skonstruowany kod powinien wyglądać tak:
<a href="link do strony">Tekst</a>

Wstawianie obrazka:

Aby wstawić obrazek potrzebujemy znacznik img. Jest on o tyle ciekawy że nie ma swojego odpowiednika zamykającego. Samo to że wpiszemy img nie wystarczy ponieważ potrzebujemy linku do obrazka, a więc potrzebujemy również atrybutu src. Poprawy kod powinien wyglądać tak:

<img src="link do obrazka" />

Najbardziej istotne kody już są, a więc pora przejść dalej. Teraz zajmiemy się tekstem. Jest wiele kodów upiększających go ale podam te najistotniejsze.

Zmiana koloru tekstu:
Aby zmienić kolor tekstu potrzebujemy znacznika span i atrybutu style. Atrybut style często pojawia się w kodach mających wpływ na wygląd.
Poprawnie kod na zmianę koloru powinien wyglądać tak:
<span style="color: kolor z palety rgb;">Tekst</span>
Paletę rgb możecie znaleźć tu: KLIK lub KLIK lub KLIK.
Wybór strony pozostawiam Wam. Oczywiście są inne strony, ale te wydają się być najlepsze (sama zawsze korzystam z tej pierwszej).

Cień i poświata tekstu (ewentualnie neon, jak kto woli):
Poświata tekstu jest tak naprawdę cieniem, po odpowiednim zmodyfikowaniu.
Ogólny kod wygląda tak:
<span style="text-shadow: ♥px ♠px ♣px kolor z palety rgb;">Tekst</span>
Teraz wszystko zależy od tego jak go sformatujemy.
Podstawiając liczby za ♥ i ♠ otrzymamy położenie cienia. Gdy wartości te wynoszą 0 tworzy nam się tzw. neon.
♣ odpowiada za grubość cienia. W przypadku małych liter, nie powinien on być zbyt duży, aby łatwiej się czytało. Poniżej pokaże kod i jak on wygląda w praktyce.

<span style="text-shadow: 5px 7px 8px #009900;">Cień</span>

Cień

<span style="text-shadow: 0px 0px 15px #ff0033;">Neon</span>

Neon 

Zastanawiam się czy są jeszcze jakieś kody ozdabiające naszą prezentację ale w tej chwili nic mi nie przychodzi do głowy, więc jeśli macie jakieś prośby, propozycje - jak zawsze piszcie.

mugi-chan