Everyone loves the sleigh...

Everyone loves the sleigh...

dodany: 27 marca 2014
Autor: Tyler
Baza: Szablon Simple;
Przed pobraniem należy zapoznać się z regulaminem podanym poniżej; Podgląd

Pobierz (hostuje.net)

Pobierz (pastebin.com)

Informacje techniczne:

• szablon prawokolumnowy;
• środkowa kolumna: 510px; prawa kolumna:220px;
• prawa kolumna przemieszcza się razem z blogiem;
• tumblrowski(?) 
• obrazek: http://screamsandnightmares.tumblr.com/

Znalazłam obrazek i stwierdziłam, że nie mogę go tak zostawić i koniecznie muszę coś zrobić. Przejrzałam wszystkie propozycje pewnego Anonima ( dziękuję za ten komentarz! ) i spróbowałam wymyślić jak to miałoby wyglądać. Ciężko nie było - za inspiracje wzięłam ten oto szablon : klik. Zmieniłam lewą kolumnę na prawą, biel zamieniłam na czerń. No, ale i tak najważniejszą rolę odegrał obrazek, który jest przecudowny! Mam nadzieję, że nie jestem jedyną osobą, która tak uważa.

A teraz nowinki techniczne!

Menu/Nawigacja + Obrazek

Tutaj Wasze zadanie polega na tym, aby zwyczajnie przekopiować poniższy kod i wkleić go do gadżetu HTML/JavaScript. Oczywiście zmieniając niektóre elementy.

<center>

<div class='top'>

<img style='width:200px;' src='http://31.media.tumblr.com/ffa4c264ff67d934d762931a698109dd/tumblr_n2x0r5Fqso1qi15pco1_500.jpg'/>

<div class='brb'>

<br/>

<a class='navi' href='http://graphical-thoughts.blogspot.com/'>Link 1</a>

<a class='navi' href='http://graphical-thoughts.blogspot.com/'>Link 2</a>

<a class='navi' href='http://graphical-thoughts.blogspot.com/'>Link 3</a>

<a class='navi' href='http://graphical-thoughts.blogspot.com/'>Link 4</a>

<a class='navi' href='http://graphical-thoughts.blogspot.com/'>Link 5</a>

<a class='navi' href='http://graphical-thoughts.blogspot.com/'>Link 6</a>

</div>

</div></center>

Tekst niebieski to adres url obrazka. Nie zmieniając go powinien się pojawić cudowny Jack, taki jak na podglądzie. Czerwony tekst to adres url linku, z kolei którego nazwa kryje się w fioletowawym tekście.

Tytuł posta

Pobierających uprzedzam i proszę o to, aby tytuł Waszych postów nie był za długi, ponieważ wówczas mogą pojawić się pewne komplikacje

Tytuł bloga

Znowu prosiłabym, aby nie był za długi. Akurat w tym szablonie tytuł jest zakodowany i również w niektórych przypadkach mogą pojawić się problemy.

Kolumna boczna

Kolumna boczna ma ograniczoną długość. Oprócz podanego na samym początku gadżetu znajdzie się jeszcze miejsce na krótki tekst ( patrz podgląd ). Jakby ktoś chciał jednak zwiększyć długość należy wejść do Projektanta szablonów > zaawansowane > dodaj arkusz CSS:

.sidebar {top:100px;}

Również wówczas jest konieczne podniesienie tytułu. Robimy to za pomocą:

.header h1 {top:20px;}

Wartości są poprawne, ale przykładowe. Dlatego gdyby ktoś zdecydował się wydłużyć kolumnę prosiłabym o kontakt mailowy lub komentarz pod tym postemm. 

Regulamin

1.Pobierając szablon zostaw krótką informacje ( komentarz, mail, wiadomość w tagboardzie )
2. Pobrany szablon jest tylko do użytku własnego.
3. Zmiany w szablonie są dopuszczalne, jednak przy tychże zmianach, niech Ci ręka nie lata i przypadkiem nie usunie creditu autorki.
4. Jeśli masz problem z pobranym szablonem, opisz problem w komentarzach ( polecana opcja, dzięki temu rozwiązanie problemu będzie dostępne dla wszystkich pobierających ), w mailu lub w tagboardzie.
5.Ciekawi Cię efekt w szablonie? W takim wypadku nie ściągaj go i nie grzeb w kodzie, a po prostu napisz, a z uśmiechem na ustach wyjaśnie cóż to takiego.

Pobierz (hostuje.net)

Pobierz (pastebin.com)