Fontaine

Kod ten pozwala na umieszczenie cienia w tekście. Prosty do zastosowania kod umieszczamy w arkuszu stylu Css, a następnie w elemencie strony podczepiamy jako klase do div, a.


FAQ:


Co powinniśmy wiedzieć dokładnie o tym kodzie?
- Pozwala na wstawienie cienia pod tekstem.

W jakim miejscu zastosować skrypt w kodzie?
- Należy kod zastosować pomiędzy body a /body, a dokładniej w elementach typu div, a.


Skrypt:


text-shadow: 1px 2px 3px #000000;


Legenda:


text-shadow
- Kod dodaje cień elementom tekstu.

1px
- Cien wielkości Xpx (1px) w prawo. Wartość minusowa da cień w lewo.

2px
- Cień wielkości Xpx (2px) w dół. Wartość minusowa da cień w górę.

3px
- Intesywność cienia, jego rozproszenie.

#000000
- Kolor cienia. Można stosować również angielskie słowa kolorów takie jak red, blue, green, gold i tak dalej.


Przykładowe zastosowania:


text-shadow: 2px 2px 10px black;
- Daje to samo co
text-shadow: 2px 2px 10px #000000;

Przykład #1

Stosujemy w kodzie css
a.box {text-shadow: 2px 2px 10px red;}

Kod, który ma wyświetlać cień w tekście
<a class="box">Przykładowy tekst z cieniem czerwonym.</a>

Effekt

Przykładowy element z cieniem czerwonym.

Kod ten pozwala na umieszczenie cienia w elemencie strony. Prosty do zastosowania kod umieszczamy w arkuszu stylu Css, a następnie w elemencie strony podczepiamy jako klase do div.


FAQ:


Co powinniśmy wiedzieć dokładnie o tym kodzie?
- Pozwala na wstawienie cienia element strony.

W jakim miejscu zastosować skrypt w kodzie?
- Należy kod zastosować pomiędzy body a /body, a dokładniej w elementach typu div.


Skrypt:


box-shadow: 1px 2px 3px #000000;


Legenda:


box-shadow
- Kod dodaje cień elementom strony.

1px
- Cien wielkości Xpx (1px) w prawo. Wartość minusowa da cień w lewo.

2px
- Cień wielkości Xpx (2px) w dół. Wartość minusowa da cień w górę.

3px
- Intesywność cienia, jego rozproszenie.

#000000
- Kolor cienia. Można stosować również angielskie słowa kolorów takie jak red, blue, green, gold i tak dalej.


Przykładowe zastosowania:


box-shadow: 2px 2px 10px black;
- Daje to samo co
box-shadow: 2px 2px 10px #000000;

Przykład #1

Stosujemy w kodzie css
div.box {box-shadow: 2px 2px 10px red;}

Kod, który ma wyświetlać cień
<div class="box">Przykładowy element z cieniem czerwonym.</div>

Effekt

Skrypt pozwala zastosować na stronie internetowej odnośnika do arkusza stylu css, w którym możemy edytować wszystkie rzeczy jakie posiadamy na stronie w prosty sposób.

FAQ:

Co powinniśmy wiedzieć dokładnie o tym skrypcie?
- Ułatwia pracę oraz edytowanie strony internetowej.

W jakim formacie należy zapisać plik stylu css?
- Format jaki wskazuje nazwa .css

W jakim miejscu zastosować skrypt w kodzie?
- Należy skrypt zastosować pomiędzy head a /head.

Skrypt:

<link rel="stylesheet" href="styl.css" type="text/css" />

Legenda:

rel="stylesheet"
- Kod standardowy, który wie, że stosujemy skrypt do stylu css na stronie internetowej. Ważne jest to aby nie zmieniać tego.

href="styl.css"
- Podajemy dokładny link pomiędzy " a " gdzie znajduję się nasz plik czyli arkusz styli css. Pamiętając, że format .css musi być koniecznie.

Przykładowe zastosowania:

href="styl.css"
href="styl/styl.css"
href="Katalog/NazwaPliku.css"

type="text/css"
- Mówi nam, że mamy doczynienia z plikiem tekstowym formatu css. Nie zmieniamy tego.

Skrypt ten pozwala na zamieszczenie małej ikonki na stronie internetowej, która będzie widoczna w przeglądarce na zakładce obok nazwy naszej strony internetowej.

FAQ:

Co powinniśmy wiedzieć dokładnie o tym skrypcie?
- Nie każda przeglądarka obsługuje ten skrypt.

Jaki rozmiar musi mieć nasza ikona?
- Nasza ikona musi mieć wymiary 16x16 pikseli.

W jakim formacie należy zapisać ikonę?
- Format ikony .ico

Gdzie powinna znajdować się wykonana graficznie ikona?
- W katalogu z index'em lub pod katalogu.

W jakim miejscu zastosować skrypt w kodzie?
- Należy skrypt zastosować pomiędzy head a /head.

Skrypt:
<link href="ikona.ico" rel="Shortcut icon"></link>

Legenda:

rel="shortcut icon"
- Kod który ma wiedzieć, że stosujemy skrypt do ikony na stronie internetowej. Nie zmieniamy tego.

href="ikona.ico"
- Podajemy dokładny link pomiędzy " a " gdzie się znajduję nasza ikona graficzna razem z formatem na końcu .ico

Przykładowe zastosowania:

href="ikona.ico"
href="ikona/ikona.ico"
href="Katalog/NazwaPliku.ico"

Skrypt pozwala na pokazanie tekstu, fragmentu kodu lub całego kodu w taki sposób aby nie został uruchomiony (nie wykonywał swojego zastosowania, do którego został stworzony).

FAQ:

Co powinniśmy wiedzieć dokładnie o tym skrypcie?
- Dobre rozwiązanie jeśli chcemy pokazać fragment kodu.

W jakim miejscu zastosować skrypt w kodzie?
- Należy skrypt zastosować pomiędzy body a /body.

Skrypt:

<textarea>TUTAJ WSTAWIĆ KOD< /textarea>

Legenda:

textarea
- Służy do pokazania kodu na stronie internetowej.

Przykładowe zastosowania:

<textarea><img src="Marcin.jpg" width=100 height=50></img>< /textarea>


Uwaga: Eliminujemy spacje przed /textarea, aby prawidłowo działał skrypt.