#30 - Tworzenie własnego bloczku

Hej, dziś przychodzę do was z kodem na tworzenie własnego bloczku z tekstem. Zapewne wielu z was nie wie jak się za to zabrać, mimo że na kreatywnych macie wypisane wszystkie dostępne komendy ;p

Tak więc dziś zaczniemy od podstaw. Własny tekst należy umieścić pomiędzy [div]wasz tekst[/div]

np.

[div] Roslyn Jones [/div]

By zrobić w bloczku enter, czyli zacząć od nowej linijki, musicie wpisać w divie [br].

Dodajecie swój tekst pomiędzy diva i następnie przechodzimy do pierwszej części tworzenia bloczku, jeśli chodzi o style, które należy umieszczać pomiędzy [style][/style]

Tutaj podrzucam wam komendę, dzięki której będziecie mogli edytować wysokość i szerokość waszego diva, wraz z kolorem tła itp.

1) Jeśli chcecie żeby wasz bloczek był w jednolitym kolorze:

.div{background-color: #kolor; width: 250px; height: 300px;}

Na czerwono zaznaczyłam wam miejsce, gdzie wrzucacie kolor waszego bloczku; na żółto miejsce gdzie w pikselach wpisujecie wymiar na szerokość waszego bloczku; na zielono zmienną odpowiadającą za wysokość bloczku.

2) Jeśli chcecie, żeby wasz bloczek miał jako tło obrazek:

.div{background-image: url(link do obrazka); width 250px; height:300px;}

Na pomarańczowo zaznaczyłam wam miejsce gdzie dodaje się link do obrazka. Jeśli chcecie poznać więcej tipów na pozycjonowanie i powtarzalność tła to odsyłam was do postów #18 i #19

To chyba na tyle, może komuś się przyda takie uczenie się po kolei edycji bloczków i tekstów, żeby w końcu samemu stworzyć jakiś szablon. Tym czasem ja zmykam pisać kolejne notki.

W razie jakichkolwiek pytań, jeśli potrzebujecie pomocy lub po prostu chcecie pogadać to piszcie na moje prywatne konto na kreatywnych - thank u, next

{pamiętajcie, kody ze stylami dodajemy pomiędzy [style][/style]!}