[1100 - 1114] II URODZINY LOG - Potteromania

 • Autor: Mia • Kategoria: Harry Potter •

>Klik - muzyka od 13s.<

I nadszedł ten moment, gdzie przyszło mi zdmuchnąć świeczki na drugim już torcie urodzinowym naszej ukochanej szabloniarni! Co prawda, dopiero raczkujemy, ale mam wrażenie, że minęło już szmat czasu i sporo się nauczyliśmy od siebie nawzajem. 

Chciałoby się powiedzieć "jak ten czas leci", prawda? A pamiętam, jak zaczynałam i stawiałam pierwsze kroki tutaj. 

Z tego miejsca dziękuję każdej osobie za to, że była i wspierała tą stronę. Nigdy bym nie przypuszczała, że tyle osiągnę i dojdę tak daleko, gdzie jestem. Wszystko zawdzięczam Wam. I może się powtarzam, ale jesteście wspaniali! 

Życzenia na kolejny rok? By pozostać nadal z taką samą załogą, dzięki której ta strona nie byłaby tą stroną i abyście Wy - drodzy czytelnicy, wciąż przybywali i powracali do nas ;).

Jednym słowem - sto lat!!!

Specjalnie dla Was na urodziny zmieniliśmy wygląd bloga!

Zmieniliśmy również kategorię strony: Od dzisiaj LOG przestaje być szabloniarnią, a staje się blogiem grupowym ;-)

Od dnia dzisiejszego, aż do 15 listopada będziemy wystawiać tematyczne posty urodzinowe. W rubryczce z boku macie rozpiskę. Zapraszam zatem do świętowania z nami naszych drugich urodzin!

Sygnaturki:

Gify:

Nagłówki:

Stocki:

Tekstury:

Szablony:

Rany, 14 szablonów... to jakaś masakra ;)

Instrukcje:

Instrukcja nr 1: Jak zamienić napis: "czytaj dalej" w poście.

1)Wybieramy dany obrazek, jaki chcemy, by zastąpił nam napis. Ja wybrałam ten:

 (grafikę najlepiej wgrać na swój hosting) 

2)Otwieramy bloggera: szablon - edytuj kod HTML.

3)Robimy kopię zapasową naszego szablonu.

4) Za pomocą CTRL + F szukamy następującej linii w kodzie:

<b:if cond='data:post.hasJumpLink'>

 5) Zamieniamy znajdujący się pod tą linią fragment:

<div class='jump-link'>  <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>  </div>  </b:if>

na

 <div class='jump-link'>  <a expr:href='data:post.url + &quot;#more&quot;'><p align='center'><img border='0' src='URL DO OBRAZKA'/></p> </a>  </div>  </b:if>

Zapisujemy i gotowe! By efekt był widoczny musimy wstawić zwijanie tekstu w poście, czyli tą przerywaną kartkę.

Instrukcja nr 2: Jak zmienić ikonkę anonimowego komentatora na własną.

1) Szukamy obrazka, którym chcemy zastąpić standardowy obrazek. Ważne, by nie był on dużych rozmiarów. Ja wybrałam ten:

2) Wgrywamy grafikę na jakiś portal hostujący np imageshack.us

3) Kopiujemy URL GRAFIKI OBRAZKA

4) Wchodzimy na bloggerze do HTML i szukamy za pomocą CTRL +F kodu:

</body>

5) Przed Body wklejamy nasz kod: 

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'TU WKLEJ LINK DO SWOJEGO AWATARA')
.ssyby('blank')
</script> 

6) zapisujemy i gotowe!

Instrukcja nr 3. Menu boczne

Kod: (czerwoną czcionką zaznaczyłam to, co można zmieniać)

#PageList1 a {

color: #transparent; /* przezroczystość czcionki*/

width: 30px; /* szerokość*/

height: 25px; /* wysokość*/

background:#fff; /* kolor tła*/

display:block;

text-transform:uppercase; /* czcionka drukowana*/

border-style: solid;

border-width: 2px;

border-radius: 50%; /* zaokrąglenie*/

}

#PageList1 a:hover {

width: 80px;

padding: 10px;

background: #97B7EA;

border-style: dashed;

border-color: #97B7EA;

margin-right: -60px;

 transform: translate(-20px,0px);

 -ms-transform: translate(-20px,0px); /* IE 9 */

 -webkit-transform: translate(-20px,0px); /* Safari i Chrome */

 -o-transform: translate(-20px,0px); /* Opera */

 -moz-transform: translate(-20px,0px); /* Firefox */

 transition:all 1s;

 -moz-transition:all 1s;

 -webkit-transition:all 1s;

 -o-transition:all 1s; 

 border-right: 20px #161857 solid; /* szerokość i kolor prawego boku*/

}

I na koniec, coś, co nie jest mojego autorstwa, ale jak już jedziemy z Potterem, to chciałabym, abyście zobaczyli coś, co jest warte śmiechu ;)

I tym akcentem się z Wami żegnam ;)

Proszę uprzejmie o pozostawienie komentarza pod postem, jeśli jakikolwiek dodatek został pobrany i oczywiście stosowanie się do regulaminu ;)