154. We were on a something, now I left with nothing at all

*muzyka*

Siemka ! Wróciłam. Dziś tylko jedno zamówienie, (niestety) jeden szablon wolny, kilka sztuczek z kodem CSS (jeśli ktoś chce. Mam nadzieję, że notka wam się spodoba i coś wam się z niej przyda. Let's go!

Zamówienie dla Melanii Zabini

podgląd / pobierz 

Tak jak chciałaś minimalistyczny. Może ci się nie spodobać, a wtedy ja zrozumiem. Nie umiałam wykonać nagłówka trójkąta z tych zdjęć, więc zrobiłam taki nagłówek, mam nadzieję, że nie jesteś zła. 

Szablon wolny:

podgląd / pobierz 

Szablon minimalistyczny, w niebieskich odcieniach z Luke'iem Hemmingsem. Wykorzystałam słowa z piosenki Rona Pope - A drop in the ocean. Nagłówek jest bardzo mały. Układ lewo kolumnowy. Jest tu jedna sprawa do wyjaśnienia. Menu to gadżet HTML/JavaScript. W tym szablonie akurat podane są strony do mojego próbnego bloga, więc jeśli chcecie zmienić strony wytłumaczę wam to w krótkiej instrukcji.

1. Wchodzicie w Układ. 

2. Klikacie gadżet Menu.

3. Pojawi się kod (oczywiście to tylko jedna linijka, dla przykładu):

<a class='navi' href='http://gwiazdnaszych-wina.blogspot.comp/bezowo.html/'>Beżowo</a>

4. Czerwony tekst to link, który jest odnośnikiem do strony, więc tekst zaznaczony na czerwono zamieniacie na swój link. Tekst zaznaczony na zielono to nazwa strony, więc to zmieniacie na tekst taki jaki chcecie, jednak radzę, aby nazwa była krótka.

5. Klikacie "Zapisz" i gotowe.

Nieruchoma kolumna:

Przykładem jest mój blog Ally Fray. Kolumna prawa i lewa, oraz nagłówek są nieruchome.

Do tego potrzeba nam zwykły kod CSS. Jest to komenda "fixed". Wchodzimy w Szablon/Dostosuj/Zaawansowane/Dodaj arkusz CSS. Mamy podstawowy kod:

.column-left-inner {

position: relative;

left: 20px;

top: 10px;}

Słowo relative oznacza, że kolumna zostaje w tym samym miejscu, dlatego też słowo oznaczone kurywsą zamieniamy komendą "fixed". Następnie ustalamy wartości według własnych upodobań i proszę bardzo mamy nieruchomą lewą kolumnę. 

Rozsuwane litery w linku:

Jest taki efekt (według mnie, najprostszy jaki może być), gdzie literu linku po najechaniu rozsuwają się. Jest to bardzo proste.

a:hover {

letter-spacing: 3px;}

Wiem nie jest to dużo (tak jak ja dodaję), ale tylko na tyle było mnie stać. Mam nadzieję, że wam się podoba zamówienie i szablon wolny, oraz, że może użyjecie tych dwóch kodów (kiedyś). Więc jeśli chcecie możecie napisać, a w następnej notce też mogę dodać jakieś kody. Zapewne jak zauważyliście mój staż dobiega końca, ponieważ za osiem dni będzie wiadome czy zostaję na stałe. Jednak przed tą ważną decyzją, dodam jeszcze jedną notką, dokładniej we wtorek (po lekcjach).

Przyjmę pięć zamówień!

(Zgodnych z regulaminem!)