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

czwartek, 20 czerwca 2013

Ghost River



Ghost River
dodany:06.06.2013
autor:tyler
Baza:szablon simple
Przed pobraniem zapoznaj się z regulaminem!
Podgląd


Pobierz (pastebin.com)



Informacje techniczne:

  • jednokolumnowy
  • gadżet nawigacyjny ( + oczywiście możliwość dodania gadżetów w stopce bloga )
Jest to pierwszy szablon, który w jakiś sposób nawiązuje do albumu Nightwisha - Imaginaerum. Bez zdjęć, gdyż jak już każdy się domyślił albo i wie, grzebać w photoshopach i innych gimpach nie zamierzam, ale muszę przyznać, że za bazę kolorów posłużyło mi wyjątkowo dobre zdjęcie, dlatego kolorystyka szablonu - mimo, że ciemna - bardzo mi się podoba. 
Nowinki techniczne to fakt, że jest on dosyć podobny do szablonu Could it be my destiny? W najbliższych postach będzie instrukcja na tworzenie nawet kilku ramek nad postami, dlatego wtedy pozwolę sobie dodawać szablony podobne do głównego GT. 
No, dodając szablon mam już czyste sumienie, że nie zostawiam Was z niczym podczas gdy będę wykonywać zamówienia. 

Główny gadżet
Ramka ( nad postem ) jak jużjest wpisana w kod! Co uniemożliwia nam jej edycję w normalny sposób! Nie jest to skomplikowane, musimy po prostu znaleźć w kodzie pewną rzecz i wiedzieć jak poprawnie ją zamienić. 

Klikamy szablon > Edytuj kod HTML > Wyszukaj HTML3

2 wynik to ten, który nas interesuje. Rozwijamy informacje w nim zawarte. 

Po kolei mamy tytuł i tekst. Tekst jest stworzony tak, że tylko w przypadku długiego "wstępu" czy innych informacji pojawi nam się suwak, co pozwoli na zaoszczędzenie miejsca w blogu.
tytuł: 
<span style='background-color:transparent;top:1px; left:210px; position:absolute; padding: 3px;text-align:center;font-weight:bold;font-family:fjalla one;z-index;9999;font-size:40px;text-transform:uppercase;float:center;margin-top:-20px;'>Ghost River </span>
I zmieniamy Ghost River na własny napis. Mam tylko prośbę, aby nie był za długi, a jak będzie za długi to zmniejszcie wartość left ( na czerwono)  np. do 100px;
NOTKA: Myślę, że nie będzie z tym większych problemów. W kodzie powinniśmy skasować i zmienić tylko i wyłącznie tekst czarny, nawet nie próbować tykać czegoś innego! :P Ale praktyka powinna nie być trudna, a w razie czego to ja tu jestem i z chęcią oczywiście odpowiadam na pytania. :)

Ramka Affiliates
Klikamy Układ > Dodaj gadżet > HTML/JavaScript Następnie w polu wpisujemy <a class="nav" href="http://graphical-thoughts.blogspot.com/">Friend</a>
Tekst czerwony zamieniamy na adres url przyjaciela, a tekst niebieski na jego nick. Polecana liczba powielania kodu to 12. Jednak oczywiście zależy to od Was.

Menu
Od razu informuje, że jest ono wpisane w kod HTML i pojawi się automatycznie wraz z zapisaniem szablonu. Teraz pytanie jak to zmienić? A no bardzo prosto!
Wyszukujemy np.labels. Gdy już to klikniemy naszym oczom pojawi się:
<div style='background:transparent;color:#fff;opacity:0.9;position:absolute;top:20px;left:0px;z-index:2; ;width:100%;height:45px; text-align:center;'>
<a class='navi' href='http://graphical-thoughts.blogspot.com/'>Home</a>
<a class='navi' href='http://ask.fm/sleepingtyler'>Ask.fm</a>
<a class='navi' href='http://graphical-thoughts.blogspot.com/'>Labels</a>
<a class='navi' href='http://graphical-thoughts.blogspot.com/p/friends.html'>Affiliates</a>
 <a class='navi' href='http://www.blogger.com/follow-blog.g?blogID=1963577186215401607'>Follow +</a></div>
Kolor czerwony zamieniamy na dowolne linki, a niebieski na tytuły linków!
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.

42 komentarze:

  1. Taki minimalistyczny! I przejrzysty! :D Piękności!

    OdpowiedzUsuń
    Odpowiedzi
    1. Matko boska, muszę przestać odpisywać z roboczego konta! :d Bardzo dziękuję :) Ale kolejny, obiecuje, będzie jasny! :D

      Usuń
  2. Odpowiedzi
    1. Dziękuję :)))) Chociaż mam kilka zastrzeżeń, ale w takim wypadku bym się z nim biła parę tygodni! :D

      Usuń
  3. Odpowiedzi
    1. Oj, bardzo dziękuję ;P Jednak ciut chyba za bardzo podobny do could it be my destiny? T_T

      Usuń
  4. Matko, cudowne szablony. Jestem pod wrażeniem :)

    OdpowiedzUsuń
  5. Ja kocham wszystkie twoje szablony ^^ I tak przy okazji pobrałam szablon "Long live the fast times!" na http://40d-hiryu.blogspot.com :*

    OdpowiedzUsuń
  6. Cudowny!
    Swoją drogą pobrałam go o tutaj http://volleyball-fever.blogspot.com/

    OdpowiedzUsuń
  7. Wspaniały szablon, bardzo mi się podoba. Pobrałam go na bloga: http://wmagicznychsieciach.blogspot.no/ :)

    OdpowiedzUsuń
  8. Pobieram szablon na oczami-letum.blogspot.com

    OdpowiedzUsuń
  9. Pobrałam szablon na nowojorski-akcent.blogspot.com
    Bardzo ładna grafika ;).

    OdpowiedzUsuń
  10. Pobrałam szablon na fatammorgana.blogspot.com

    OdpowiedzUsuń
  11. Pobrałam ten szablon na za-labiryntem.blogspot.com ((:

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

    OdpowiedzUsuń
  13. Pobieram ten szablon na belovedsibuna.blogspot.com :)

    OdpowiedzUsuń
  14. Pobrałam ten szablon na http://emily-and-lucyfer.blogspot.com/

    OdpowiedzUsuń
  15. Pobieram ten cudowny szablon na bloga http://our-little-secret-fanfiction.blogspot.com/

    OdpowiedzUsuń
  16. Pobieram na bloga : itisnothateitislove.blogspot.com

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

    OdpowiedzUsuń
  18. Pobrałam dla : http://monikamochalska.blogspot.com/

    OdpowiedzUsuń
  19. Pobieram na : http://sacrificial-magic.blogspot.com/
    Dziękuje bardzo za ten szablon bo jest naprawdę świetny!
    Taki jak szukałam:))

    OdpowiedzUsuń
  20. Jest cudowny :)
    Pobrałam go na ten adres: qaxde.blogspot.com

    OdpowiedzUsuń
  21. Pobieram na: http://jedno-z-gorszych-wspomnien.blogspot.com/

    OdpowiedzUsuń
  22. pobrałam www.pathetic-souls.blogspot.com

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

    OdpowiedzUsuń
  24. Pobieram na : http://galeria-classicalgraphics.blogspot.com/

    OdpowiedzUsuń
  25. Pobrałam ten szablon, prezentuje się super, na http://houdinberg.blogspot.com

    OdpowiedzUsuń
  26. W jaki sposób pozbyć się suwaka pod nagłówkiem? Z góry dziękuję za odpowiedź. :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie jestem pewna konsekwencji tego czynu, więc jeśli można prosić o kontakt mailowy :) Na pewno coś się wymyśli :P

      Usuń
  27. O, i jeszcze mam jedno pytanie. Chciałabym wstawić zdjęcie tuż po tekście, znajdującym się pod nagłówkiem (czyli tym tekście, który teraz znajduje się u Was w suwaku na podglądzie szablonu), tylko gdy próbuję wszystko mi się rozjeżdża a samo zdjęcie znajduje się na środku bloga. :/ Można jakoś wstawić to zaraz po tym tekście(a przed notkami)?

    OdpowiedzUsuń
  28. Witam, pobrałam ten szablon (z małymi przeróbkami - dodałam zdjęcie do nagłówka) na www.halopoland.blogspot.com :)

    OdpowiedzUsuń
  29. Świetny, pobrałam na http://m-takes-photos.blogspot.com

    OdpowiedzUsuń
  30. Pobieram na http://pustka-aksjologiczna.blogspot.com/

    OdpowiedzUsuń
  31. Pobieram na byc-blackiem.blogspot.com

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

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

    OdpowiedzUsuń
  34. pobrałam szablon na bloga http://conductor-fanfiction.blogspot.com/ i wprowadziłam w nim małe zmiany :)

    OdpowiedzUsuń