13 maj 2013

005. Watch me burn

   
(c) terrible crash

Nie mam pojęcia, jak zacząć. Tydzień wolnego minął jak zwykle za szybko. Nie dzieje się u mnie właściwie nic ciekawego, o czym mogłabym tutaj napisać. Dzisiejsza notka od strony graficznej też nie wydaje mi się jakaś wybitna, więc po prostu już przejdę do tych dodatków. 


Instrukcja CSS
Parę osób pisało do mnie na gg z pytaniem, jak umieściłam menu na nagłówku, a że nie jest do nic wybitnie trudnego, postanowiłam po prostu podzielić się z wami moim sposobem na to. Przykładowy kod na przesunięcie menu wyglądałby tak:


#PageList1{
position: relative;
top: 20px;
left: 50px;
}

Ot i cała filozofia. #PageList1 to selektor odpowiadający za menu. Position: relative odpowiada za umiejscowienie kart w stałym miejscu. Czyli kiedy np. dodamy coś do kolumny, nasze menu nagle nie przesunie się w żadnym kierunku. Top to pozycja w pikselach od góry, a left to pozycja w pikselach od lewej strony. Jeśli ktoś chce może użyć jeszcze bottom (pozycja od dołu) lub right (pozycja od prawej strony). W dokładnie taki sam sposób możemy sobie przesunąć w dowolne miejsce na blogu inne gadżety. Przykładowo selektor do archiwum to #BlogArchive1, a do statystki to #Stats1.

Tutorial
Potrzebne materiały: 
- tekstury >> deviantart (nie pamiętam dokładnie nazwy użytkownika, ale na pewno jest ona umieszczona w zakładce kredyty na blogu)
- stocki >> weheartit
- koloryzacja >> zrobiona przeze mnie (osobno będzie dostępna do pobrania w nowej notce)

Jeśli korzystasz z poniższego tutoriala, przy twoim efekcie tej pracy wymagam kredytu do bloga lub mojego konta na deviantarcie. Byłoby miło zobaczyć wasze efekty :)



Zamówienia: 
dla Patrycji
Chciałaś co prawda coś kolorowego, ale ostatnio kolory w ogóle się mnie nie trzymają. Robiłam co mogłam, no ale wyszło, jak wyszło. Jeśli efekt Ci się nie podoba, mogę ewentualnie spróbować zrobić ten nagłówek jeszcze raz.


dla Julie249
Nawet nie wiem, jak to skomentować. Szukanie zdjęć oraz zrobienie tego nagłówka zajęło mi chyba 2 dni, a uporanie się z CSS'em kolejne 3. W efekcie z nagłówka pozostał tylko niewielki kawałek. Nie wiem, czy dobrze oddaje on klimat opisany przez Ciebie w zamówieniu. Układ to też coś nowego, przynajmniej dla mnie. Jeśli nie będzie Ci on odpowiadał, napiszę nowego CSS'a o bardziej standardowym rozmieszczeniu. 
UWAGA: Do pobrania szablonu uprawniona jest tylko osoba go zamawiająca. Będzie on zaliczony do kategorii szablonów wolnych, dopiero kiedy autorka lalka-z-porcelany zmieni wygląd swojego bloga.


Proszę zamawiające o opinie odnośnie wykonanych prac w komentarzu pod notką. :) Jeśli pozwoli mi na to czas, w kolejnej notce zamieszczę parę szablonów wolnych, może nagłówków.. jeszcze zobaczę. Pod tą notką nie przyjmuję zamówień, ale zawsze możecie składać propozycje odnośnie nowego postu. Do napisania! :)

24 komentarze:

  1. Nagłówek na tutorial prześliczny :)
    Mój nagłówek bardzo ale to bardzo mi się podoba ! :> Dziękuję bardzo ci ;* <3
    Szablon... WOW ! Cudowny :>
    Avatary super :) Z Taylor Momsen najładniejszy :>

    OdpowiedzUsuń
    Odpowiedzi
    1. Bardzo się cieszę, że zamówienie spełnia oczekiwania. ^^ Dziękuję za wszystkie te miłe słowa, a jeszcze doprecyzuję, że ikony nie są wykonane przeze mnie tylko Yass z bloga terrible crash :)

      Usuń
  2. baaardzo mi się podoba pierwsze zamówienie, drugie zresztą też :D z tutoriala pewnie skorzystam, bo bardzo to lubię ^^ pozdrawiam :)

    OdpowiedzUsuń
  3. No nareszcie. Ileż można czekać na notkę od ciebie? ;P
    Tutorialik jest super (ten graficzny). Oczywiście korzystam z niego. ;P
    Ten nagłówek dla Pati jest boski. Kocham azjatów, więc ♥
    Szablonik jest cudowny super, mimo iż nie przepadam za Stylesem.

    Pozdrowionka. ♥

    OdpowiedzUsuń
    Odpowiedzi
    1. Oj już nie narzekaj, staram się systematycznie co tydzień coś tu wstawić :>
      Jak już korzystasz, to pokaż mi koniecznie efekt!
      Dziękuję bardzo :D

      Usuń
  4. skorzystam z tuoriala wsprawie kodów mój blogasek to rockmenowa.blogspot.com

    OdpowiedzUsuń
  5. Na temat Twojej grafiki chyba sie nie wypowiem, bo jest tak wspaniała, ze brak słów. Kocham i pozdrawiaaam <3

    OdpowiedzUsuń
  6. Z instrukcji na pewno skorzystam:)Mam pytanie,bo kurcze dalej nie wiem jak to tło zrobiłaś?jakie wymiary,program,w ogóle od czego zacząć?pozdrawiam:)

    OdpowiedzUsuń
    Odpowiedzi
    1. Mam nadzieję, że pochwalisz się tym, co tam Ci wyjdzie z tutoriala. :)
      Utworzyłam nową kartkę w photoshopie o wymiarach: szerokość taka sama, jak szerokość wykonanego wcześniej nagłówka (czyli w moim przypadku 955px), a wysokość ustawiłam sobie 1200px (ponieważ tło u mnie przesuwa się razem z blogiem, taka jest wystarczająca, ale ty możesz ustawić sobie dowolną). Potem nałożyłam na nią teksturę z nagłówka, powieliłam parę razy, poodwracałam poziomo i wygumkowałam krawędzie w taki sposób, aby stopiły się one ze sobą. Mam nadzieję, że opisałam to wszystko w miarę zrozumiały sposób, ale w razie jakichś pytań - pisz. :>

      Usuń
    2. hm,nie wiem...zrobiłam takie tło o wymiarach nagłówka i wyszło mi coś takiego:http://love--graphic.blogspot.com/ sama nie wiem,może coś robię nie tak.pozdrawiam,dziękuję za rade:)

      Usuń
  7. Mój Boże.. To taki śliczny szablon! Tak mi się podoba! Nawet nie wiesz, jakiego mam banana na twarzy, jak zobaczyłam to cudo... Matko... Brak mi słów po prostu. <3

    OdpowiedzUsuń
    Odpowiedzi
    1. Nawet nie wiesz, jak mi ulżyło po przeczytaniu tego, ponieważ kompletnie nie wiedziałam, co myśleć o efekcie końcowym. Cieszę się, że ci się podoba. ^^

      Usuń
  8. Pierwsze zamówienie jest świetnie, ta kolorystyka, jest śliczna. :D
    W drugim zamówieniu podoba mi się układ, jest naprawdę ciekawy, a sam nagłówek jest bardzo fajnie wykonany.
    Co do instrukcji to postaram się z niej skorzystać bo efekt jest świetny. ;>
    Pozdrawiam!

    OdpowiedzUsuń
    Odpowiedzi
    1. Bardzo dziękuję za tak pochlebne opinie! :>
      Koniecznie pochwal się efektem, jak uda Ci się w najbliższym czasie wykorzystać tą instrukcję.

      Usuń
  9. O, ten nagłówek był super! Na pewno spróbuję to zrobić, dzięki, pozdrawiam <3

    OdpowiedzUsuń
  10. Dziękiiii, aaa! ;*
    Dodasz znów jakiś tutorial w nowym poście? liczę na to bardzooo, bo jesteś geniuszem <3

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie wiem, czy zdążę z tutorialem na następną notkę, tym bardziej, że nie mam jeszcze żadnego pomysłu na nagłówek, który nadawałby się na taki tutorial. :3 Postaram się wykombinować coś na jeszcze następną, skoro tak na to liczysz, jednak nie określiłabym siebie jako geniusza. :>

      Usuń
    2. O, a co planujesz dać w kolejnej? ;>

      Usuń
    3. Głownie szablony wolne, ale może jeszcze na szybko napiszę parę arkuszy CSS albo sygnaturki porobię. ^^ Zależy jak tam się uwinę z tym wszystkim w czasie.

      Usuń
  11. http://martyna11105.deviantart.com/art/Nag-1-372390098?ga_submit_new=10%253A1368906511 efekt Twojej instrukcji,resztę sama pokombinowałam:)

    OdpowiedzUsuń
    Odpowiedzi
    1. Jest super, bardzo fajnie, że próbowałaś to przerobić na swój sposób. :>

      Usuń
  12. Dziękuję:)Zazwyczaj po prostu wzoruje się na instrukcji,resztę staram się wymyślać sama :)

    OdpowiedzUsuń
  13. Jejku!! Prześliczne szablony. Bardzo podoba mi się w nich kolorystyka. Mam nadzieję, że szybciutko dodasz następną notkę :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Powiem Ci, że masz niezłe wyczucie czasu, bo akurat mniej więcej kiedy pisałaś ten komentarz, ja kończyłam właśnie nową notkę. :>

      Usuń

Archiwum bloga

Obserwatorzy