10 marca 2016

Urodziny! [35 - 36]

Cześć! Witam Was wszystkich w tym wspaniałym dniu. Dziś jest rocznica założenia mojego bloga. Minął właśnie rok odkąd publicznie zaczęłam tworzyć grafikę. Ten czas tak szybko zleciał. Pamiętam jak niedawno zakładałam tego bloga i wykonywałam pierwsze zamówienia. Mam nadzieję, że to dopiero początek mojej przygody z kodami i grafiką, bo muszę przyznać bardzo to mi się podoba <:
Nie przedłużając zapraszam na urodzinową notkę, w której znajdą się: 3 bannery, 4 sygnaturki, 4 ikonki, 7 nagłówków, 2 szablony, tutorial na menu i paczka niespodzianka dla każdego.
Zapraszam!







Bannery





sygnaturki





ikonki


nagłówki
 



szablony





tutorial na menu
Pokażę Wam kilka kodów, dzięki którym można stworzyć ciekawe menu

Kod jest trochę długi, ale nie powinien sprawić kłopotów. Postaram się wszystko logicznie i jasno wytłumaczyć <:

Zaczynamy od ustalenia wyglądu linków.

#PageList1 a, #PageList1 a:link, #PageList1 a:visited {
font-weight: normal ;
text-transform: uppercase ;
font-size: 8px ;
letter-spacing: 1px ;
display: block ;
margin: -4px ;
}

Na razie jest wszystko nieskomplikowane. 
Ustalamy teraz jak mają wyglądać strony nieparzyste (czyli pierwsza, trzecia, piąta itd.)

#PageList1 li:nth-child(odd) a {
background: #951416 ;
padding: 2px ;
}

Tak samo robimy z parzystymi stronami (druga, czwarta itd.)

#PageList1 li:nth-child(even) a{
background: #3b3b14;
padding: 2px ;
}

Teraz pora na dodanie kółeczek. Najpierw do nieparzystych stron

#PageList1 li:nth-child(odd):after {
content: '' ;
background: #3b3b14 ;
padding: 10px ;
position: absolute ;
border-radius: 50% ;
left: 176px ;
margin: -12px ;
}

Teraz do parzystych stron

#PageList1 li:nth-child(even):before {
content: '' ;
background: #951416 ;
padding: 10px ;
position: absolute ;
border-radius: 50% ;
right: 176px ;
margin: -8px ;
}

Takim oto prostym sposobem możemy urozmaicić menu <:
Oczywiście kolory, wielkość czcionki itp pozostawiam Wam ☺ Zamiast kółek mogą być też kwadraty albo rąby, to już zależy od Waszej inwencji twórczej ☺

Paczka niespodzianka

zero haseł, dodanych buttonów itp. Paczka dla każdego <:


20 komentarzy:

  1. Fajowo zrobiłaś bo już się bałam gdzie ten button ,że mnie ominie .Co powiesz na współpracę .

    OdpowiedzUsuń
    Odpowiedzi
    1. zapomniałabym hasła : Jeremy Slaughter

      Usuń
    2. Zawsze jestem chętna do współpracy. Napisz do mnie na maila ☺

      Usuń
  2. Piękne prace słonko <3
    W ogóle to dawno tu nie zaglądałam, piękny szablon główny!!
    Też byłabym chętna do współpracy, zapraszam: jezebellka.95@gmail.com

    Pozdrawiam,
    Hanch <3 xx

    OdpowiedzUsuń
    Odpowiedzi
    1. A co do kodu.. z wielką chęcią użyję go do jakiegoś szablonu, więc bądź gotowa na to, że Ci go ukradnę <3

      Usuń
    2. Kradnij ile wlezie ♥
      Już do Ciebie piszę maila c:
      Również pozdrawiam c:

      Usuń
  3. Witaj! :)
    Leżę chora w łóżku i postanowiłam z tego skorzystać :).

    Jeśli chodzi o pierwszy banner, bardzo podoba mi się kolorystyka :D
    Przy drugim odjęło mi mowę.. Jest idealna w każdym calu! I jeszcze z Emmą Watson <3
    Trzeci również ma wspaniałą kolorystykę i bardzo mi się podoba :3

    Jeśli chodzi o sygnaturki, to wszystkie są śliczne! :*
    Jednak najbardziej podoba mi się 2 i 3, nwm dlaczego. Tak jakby do mnie przemawiają :D

    Nagłówki.
    Pierwszy jest taki sobie. Wybacz, ale nie przepadła mi do gustu.
    Za to druga owładnęła moim sercem! Tak samo jak banner z Emmą <3
    Przy trzecim, czwartym i siódmym odebrało mi mowę jeszcze bardziej! Chciałabym zobaczyć szablon z którymś z tych nagłówków :D (widzę, że z trzecim, już jest^^)
    Jeśli chodzi o 5 i 6, są fajne :).

    Zapomniałabym o ikonkach!
    Wszystkie są wspaniałe i mają śliczną kolorystykę :))

    Pierwszy szablon i drugi... Brak mi słów! Są idealne i cudowne! :)
    Jak ty to robisz, że odbiera mi mowę, hę? :*

    Reasumując, bardzo spodobała mi się ta notka :)
    Zazdroszczę talentu! ;*
    Ps. Cudny masz szablon główny <3

    Pozdrawiam,
    Kerry aka Kercia aka Paw aka Ludź aka Małpa

    OdpowiedzUsuń
    Odpowiedzi
    1. Aaaaa! I gratuluje rocznicy bloga! ;*

      Usuń
    2. dziękuję bardzo c:

      Usuń
  4. Śliczne prace :) Pozwolisz, że ukradnę kod na menu, bo na pewno wykorzystam ;)

    Pozdrawiam xxx
    Lailaa;3

    OdpowiedzUsuń
    Odpowiedzi
    1. dziękuję c:
      Kod sobie kradnij ☺
      również pozdrawiam <:
      oreuis

      Usuń
  5. Śliczne prace :) Pozwolisz, że ukradnę kod na menu, bo na pewno wykorzystam ;)

    Pozdrawiam xxx
    Lailaa;3

    OdpowiedzUsuń
  6. Witaj :3 Gratuluję roczku! Teraz poleci już z górki i zanim się obejrzysz, będziesz obchodzić 10 lat bloga! :D

    Pierwszy nagłówek jest bardzo fajny. Ten gif w tle dodaje uroku pracy. W drugim chyba się zakochałam. Podoba mi się kolorystyka i połączenie stocków. Tylko według mnie te napisy po bokach powinny mieć lekko zmniejszone krycie. Trzeci, tak samo jak drugi jest fantastyczny. I tak samo, zmniejszyła bym krycia napisów pobocznych. Czwarty zaś jest po prostu bezbłędny. Jest taki dynamiczny, a jednocześnie ta zieleń sprawia, że panuje tak spokój. Genialne. Piąty to również geniusz pod względem obsługi PS ^^ Cholercia, nie mogę przestań na niego patrzeć! ;* Szósty, przepraszam, ale nie przypadł mi do gustu :\ Choć i tak jest bardzo dobry ;) Siódmy to także geniusz! Potrzebuję więcej takich prac. Fantastyczne połączenie wszystkiego. Gratulacje!

    W pierwszym szablonie podoba mi się menu. Ma bardzo ciekawy efekt. CSS jest bardzo zgrabny. wszytko jest na swoim miejscu. Nie panuje tu przepych. Bardzo mi się podoba. Drugi również menu zauroczyło mnie najbardziej. Ogólnie CSS dla stron w twoich szablonach jest wspaniały. Te kombinacje, które stosujesz są genialne i zawszew wyglądają dobrze.

    Oczywiście reszta prac jest równie genialna i nie ma po co opiwywać każdej z osobna :D

    I kradnę sobie twój kodzik dla menu. Oczywiście dam (C) pod szablonem.

    Pozdrawiam cieplutko,
    D. xx

    OdpowiedzUsuń
    Odpowiedzi
    1. Oh, dziękuję bardzo ♥
      Również pozdrawiam c:
      oreuis

      Usuń
  7. Jeremy Slaughter
    http://opowiesc-kunoichi.blogspot.com/
    Zdjęcie 1: http://kejablank.deviantart.com/art/Kakashis-lightening-element-511945551
    Zdjęcie 2: http://kejablank.deviantart.com/art/Dancing-with-dragons-565389543
    Zdjęcie 3: http://orig10.deviantart.net/cacd/f/2013/250/9/1/leaden_by_yuumei-d6ldde8.jpg
    Zdjęcie 4: https://s-media-cache-ak0.pinimg.com/736x/2f/95/74/2f9574c92d892330ce96bf237eb5f916.jpg
    Cytatów brak
    Układ: dwie kolumny. Kolumna z menu, statystykami itp. zaczyna się od samej góry strony. (obojętnie czy lewa czy prawa). Kolumna z treścią bloga zawiera również nagłówek :)
    Kolorystyka: Jaka będzie pasowała w zależności od wyboru zdjęć :) Tonacja spokojna.
    Ogólny zamysł: Chciałabym, by w nagłówku znalazło się jedno zdjęcie kolesia i jedno zdjęcie dziewczyny. Chciałabym również prosić o zmianę koloru oczu dziewczyny na fioletowe, o ile dałoby radę.Dodatkowo proszę, by treści na kolumnie z menu były wypośrodkowane. Menu tradycyjne, nic rozwijanego. Wszystko utrzymane w ogólnej prostocie.
    Button znajduje się na głównej stronie bloga :)

    Dziękuję za uwagę i pozdrawiam!

    OdpowiedzUsuń
  8. Nigdy bym nie wpadła na to, że da się podzielić strony na parzyste i nieparzyste, fantastyczny patent! :3

    OdpowiedzUsuń
  9. Kiedy oddasz zamówienia?

    OdpowiedzUsuń
  10. Z bannerów najbardziej podoba mi się trzecia, bannery wszystkie fajne, ale w ostatnim chyba jest coś z kontrastem, bo Anna wygląda trochę dziwnie. Drugi i czwarty nagłówek to moje faworyty, a w przed ostatnim znowu ten kontrast, nie podobają mi się takie koloyzacje :<

    A kod kiedyś podkradnę (jak przemogę się i wrócę do robienia szablonów) bo jest świetny <3

    OdpowiedzUsuń
    Odpowiedzi
    1. Ehh, zawsze coś pochrzanię, miało być *trzeci i *sygnaturki

      Usuń

.
.
.
.
.
.
szablon wykonany przez oreuis
Źródła:
Zielony Kociak