tutoriale, szablony, web design

Pytania - Jeśli macie jakieś pytania lub uwagi, to zapraszam na nasz profil ask.fm. Postaramy odpowiedzieć na wszystkie pytania dotyczące szablonów, zamówień, jak również zaradzić conieco w sytuacji, gdzie szablon nie chce współpracować. Propozycje - Jeśli masz pomysł na ciekawą instrukcje, która mogłaby pomóc lub zainspirować wielu blogerów, daj nam znać! Z chęcią pomożemy! Propozycje możesz zostawić tutaj: Propozycje Pomoc - Gdyby ktoś desperacko szukał pomocy i wszystkie instrukcje go zawiodły, to jest e-mail tyler (bizarre1309@gmail.com ) i tam można pisać, mardzić na bloggera i resztę świata, no i ogólnie to też szukać pomocy. #idontjudge

środa, 29 maja 2013

The Escapist




The Escapist
dodany:29 maja 2013
autor:tyler
Baza:szablon simple
Przed pobraniem należy zapoznać się z regulaminem podanym poniżej;
Podgląd





  • Lewokolumnowy ( lewa kolumna - 275px; środkowa kolumna - 500px)
  • menu w gadżecie
OBIECUJE, ŻE KOLEJNY SZABLON BĘDZIE JASNY. Czerń mnie dołuje...
Powiem szczerze, że w pewnym sensie zaczynam już widzieć ten "styl" z jakim tworzę szablony. Większość rzeczy się powtarza przy znacznej części szablonów ( i to nie dla tego, że ten drugi ma kilka rzeczy od tego pierwsze ). Poza tym zaczynam lubić courier new, co jest dosyć ciekawe ze względu na to, że sądziłam, że nigdy nie opuszczę ariala. Ale może to jeszcze i na dobre wyjdzie. 

Wszystko mamy w jednym gadżecie, HTML/JavaScript dla ścisłości. Oczywiście nie jest to konieczność, wszystko może być pojedynczo. 

Lewa ramka
Jak wyżej pisało naprawdę nie ma konieczność umieszczania wszystkiego w jednej ramce, ale taki był zamysł i tak właśnie to wyszło.
W miejsce zdjęcia wkleić można i gifa, i zdjęcie jest to mało istotne. Ja użyłam gifa, jednak jak widzicie ciężko jest to dostrzec.
Zdjęcie wklejamy w ten sposób:
<center><div id="sidebarimage"><img src="http://static.tumblr.com/e323a1318c2ed28f5a31050a7583936b/8q96q9s/qMzmnd66i/tumblr_static_tumblr_mn5bo5qezg1rzze2to1_500.gif" /></div></center>
W miejsce tekstu czerwonego oczywiście wklejamy adres obrazka. Wielkość jest nieważna, gdyż zdjęcie powinno się samo zmniejszyć do odpowiednich wymiarów.
Menu tworzymy tak jak poniżej:
<center><a class='nav' href='http://graphical-thoughts.blogspot.com/>Home</a>|<a class='nav' href='http://www.twitter.com/'>Twitter</a>|<a class='nav' href='http://www.ask.fm'>Ask.fm</a>|<a class='nav' href='http://graphical-thoughts.blogspot.com/'>About</a>|<a class='nav' href='http://graphical-thoughts.blogspot.com/'>Follow+</a></center>
Jest to ten sam sposób w jaki tworzymy większość ramek Affiliates, także myślę, że nie będzie z tym problemów.
Tekst, czyli nic prostszego, ale jakby ktoś zapomniał:
<div style="text-align:justify"><span style="line-height:11px;">Aliquam quis venenatis sed, semper in urna. Fusce massa diam, pharetra sed porttitor non, dictum ac tellus. Aliquam fringilla malesuada magna ut auctor. Duis commodo lobortis turpis, a semper purus porta sed.<br/></span></div><center>

Podstrona Friends
Tworzymy nowy post ( podobnie jak w kartach ), a w nim wpisujemy podany kod:  <a class="navi" href="http://graphical-thoughts.blogspot.com/">Friend</a>
Tekst czerwony zamieniamy na adres url przyjaciela, a tekst niebieski na jego nick. W jednej linijce zmieści się nam 7 znajomych.

Archiwum 'Szeroka lista'
Teskt przygotowany na podstawie artykułu Przepis na menu/szeroką listę autorstwa Finranthil.
Poniżej przedstawiam Wam przygotowaną specjalnie pod szablon Heart's Desire szeroką listę. Niekonieczne jest już dostosowywanie jest, jedyną rzeczną, którą musicie zrobić to wejść w Układ > Dodaj Gadżet > HTML/JavaScript i wpisać tam formułkę poniżej, dodając jedynie adres url do notek, które mają się tam pojawić.
<form>
<select style="width: 270px; font:7pt arial; background:#1a1a1a; border: 1px solid #222; padding:2px; color: #666666; margin-bottom:5px;margin-top:5px;" onchange="window.open(this.options[this.selectedIndex].value,'_self')"
size=1 name=menu><br />
<option />Jeśli chcesz mnie prześladować, śmiało!<!-- change the links with your own --><br />
<option value="adres url" /> Tytuł posta #3<br />
<option value="adres url" /> Tytuł posta #2<br />
<option value="adres url" />Tytuł posta #1<br />
</select></form>

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.

16 komentarzy:

  1. Robisz niesamowite szablony <3

    OdpowiedzUsuń
  2. Przepraszam, że piszę tutaj, ale nie jestem jeszcze zorientowana w Twoim blogu. Chciałam tylko powiadomić, że zgadzamy się na współpracę, a link już umieszczam w odpowiedniej zakładce.

    OdpowiedzUsuń
  3. Ten szablon jest świetny. Uwielbiam sposób w jaki to wszystko łączysz ze sobą. Wszystko mi współgra. Bardzo podobają mi się tego typu szablony, ale w ich tworzeniu jestem słabiutka : / za to Ty robisz je super. Kojarzą mi się z tymi z tumblra co też jest fajne. Jejku, lubię tu wracać :)
    co do courier new, uwielbiam <3 choć arial nadal górą ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Jakieś tam inspiracje czasami od tumblr'a się wyciągnie, ale przyznam szczerze, że większość tego wszystkiego zależy przede wszystkim od: tła i czcionki, całą resztę robi się w sposób podstawowy, dodając tylko kolor tła czy obramowanie :)

      Usuń
  4. Robisz na prawdę niesamowite szablony. Już od jakiegoś czasu obserwuję tego bloga i po prostu nadziwić się nie mogę! Przepraszam, ale niestety jeszcze w ogóle sie nie zorientowałam w Twoim blogu, bardzo to wszystko tutaj mylące, jedna chciałam powiedzieć, iż pobrałam ten szablon. Jako że regulaminu nie znalazłam, wstawię button Twojego bloga na moim:
    http://scarlet-brotherhood-of-death.blogspot.com/
    Pozdrawiam
    Lady A.

    OdpowiedzUsuń
  5. Pobrałam szablon, jest niesamowity, dziękuję bardzo :)

    OdpowiedzUsuń
  6. Pobrałam szablon. Dziękuję;)

    OdpowiedzUsuń
  7. Szablon jest świetny! Pobieram :3 Blog jest na razie zablokowany.

    Mam jeszcze pytanie, ponieważ nie działa mi tło, a przyznam, że nie mam zielonego pojęcia co z tym zrobić :c
    Mogłabyś mi pomóc? Byłabym wdzięczna~
    To mój e-mail: miharuu.yuni@gmail.com

    Pozdrawiam~

    OdpowiedzUsuń
  8. Pobrałam na bloga http://predator-redemption.blogspot.com/
    Z tym, że mam mały kłopot, bo nigdzie nie ma tła. Czy link do tła jest nieaktywny? Jeśli możesz to daj mi znać jak (i gdzie) zakodować tło, bo ta jednolita szarość źle wygląda.

    Pozdrawiam :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Ten komentarz został usunięty przez autora.

      Usuń
    2. Problem już rozwiązałam, bo znalazłam odpowiednią instrukcję.
      Niemniej informuję, że link kodujący tło w szablonie jest nieaktywny i pokazuje się komunikat, że podana strona nie istnieje.

      Usuń
    3. Dziękujemy za informację, Tyler na pewno rzuci na to okiem :)

      Usuń
  9. Pobieram na bloga, szablon jest piękny! :)

    OdpowiedzUsuń