9 cze 2013

008. Just by the side of Amsterdam


Witam was wszystkich serdecznie. Pewnie pierwsze co rzuciło się w oczy, po zaglądnięciu tutaj, to nowy szablon. Mniej więcej pół dnia spędziłam na jego wykonaniu, ale wydaję mi się, że było warto. Końcowy efekt niezmiernie mi się podoba, a poza tym, była to miła odskocznia od nauki. Z drugiej jednak strony, jak sobie wyobrażę, ile pracy czeka mnie jutro, to nie chcę kłaść się spać. Jedynym pozytywem jest myśl, że jeśli przetrwałam pierwszy tydzień tego szaleństwa, to przetrwam i drugi.
Dzisiaj nie przygotowałam dla was tak dużo, jakbym chciała. Jednak resztę prac wykonanych przeze mnie w tym tygodniu możecie już teraz zobaczyć na blogu natt-liv, którego jestem współautorką.

Arkusze CSS
h2.date-header{
background-color: #ffffff !important;
width: 200px;
}
Kolor i szerokość tła pod nagłówkiem z datą.
________________
.post-footer{
background-color: #ffffff;
width: 200px;
padding: 5px;
}
Kolor i szerokość tła pod stopką posta (pole z autorem posta)
________________
#PageList1 a:hover{
background-image: url("link do obrazka");
background-position: 50% 50%;
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
}
Przesuwający się obrazek po najechaniu na karty w menu (w kolumnie)
________________
.tabs-inner .widget li a:hover{
background-image: url("link do obrazka");
background-position: 50% 50%;
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
}
Przesuwający się obrazek po najechaniu na karty w menu (pod nagłówkiem)
________________
h3.post-title{
border-bottom-width: 2px;
border-bottom-color: #ffffff;
border-bottom-style: solid;
padding: 0px 0px 2px 0px;
margin-left: -15px;
margin-right: -15px;
text-align: center;
}
Ramka oddzielająca tytuł posta od jego treści (na całej szerokości)
________________
h3.post-title a{
border-bottom-width: 2px;
border-bottom-color: #ffffff;
border-bottom-style: solid;
padding: 0px 0px 2px 0px;
text-align: center;
}
Ramka oddzielająca tytuł posta od jego treści (na szerokości samego tytułu)
________________
.blog-pager{
background-color: transparent;
margin-top: -20px !important;
border-top-width: 2px !important;
border-top-color: #ffffff !important;
border-top-style: solid !important;
}
Ramka oddzielająca pager bloga (pole z napisem starsze posty itp.) od stopki posta
________________
Mam nadzieję, że wszystko jest jasne. W razie pytań piszcie w komentarzach - z przyjemnością odpowiem lub podam gotowy kod. :)

Szablon wolny

Koloryzacje




Zdaje się, że to już tyle. Kolejna notka powinna być obszerniejsza, a zatem piszcie koniecznie, co chcielibyście w niej zobaczyć. 
Właśnie nastąpiło parę istotnych zmian w regulaminie, więc przed pobraniem czegokolwiek, proszę o zapoznanie się z nowymi zasadami. 
Zamówienia prawdopodobnie zacznę ponownie przyjmować końcem czerwca, nie miejcie mi tego za złe. Trzymajcie się i do napisania. :>

23 komentarze:

  1. Kody css! Dziękuję CI za nie bardzo! Z pewnością skorzystam <3 A szablon wolny bardzo, bardzo mi się podoba :)

    OdpowiedzUsuń
  2. Oh! Szablon główny jest przecudowny! Zakochałam się w nim! Uwielbiam te kolory i w ogóle to, jak oryginalny i pomysłowy jest, tylko jedno słowo przychodzi mi na myśl - piękny. Jejku, aż mi sów zabrakło i nie wiem co więcej napisać :D
    Więc życzę Ci jeszcze tylko wytrwałości przez te kilka ostatnich dni szkoły ;)
    I pozdrawiam oczywiście ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Dziękuję bardzo <3 Muszę przyznać, że sam CSS też mi się podoba, tylko teraz mam pewne wątpliwości co do nagłówka. Twoje życzenia chyba mi się przydały, bo faktycznie jakoś dałam radę z tym wszystkim. ;)

      Usuń
  3. Szablon główny przecudny. Jednak jak dla mnie za ciemna jest czcionka i źle się czyta. Podoba mi się wolny szablon, gdybym miała gdzie to ustawiłabym go :)

    OdpowiedzUsuń
  4. Świetny szablon główny! I bardzo podoba mi się szablon wolny:)
    Pozdrawiam!;*

    OdpowiedzUsuń
  5. zakochałam się w twoim nagłówku *_* jest nieziemski *_*
    Kody CSS ciekawe...może przy tworzeniu szablonów skorzystam z nich :)
    Powodzenia w szkole :)
    Pozdrawiam :)

    OdpowiedzUsuń
  6. Widzę właśnie, jak trzy dni nieobecności mogą dać w kość. Tyle ile ja mam do nadrabiania, to ho ho ho. Nowy wygląd... OLA!!! Tamto było śliczne. I dlaczego zmieniłaś? Ah te twoje ambicje... Ale ten też mi się bardzo podoba, co nie zmienia faktu, że tamten był bardzo pomysłowy, a ty go po prostu zmieniłaś!!!
    Okej, wstęp jest... Teraz rozwinięcie. ^^
    Instrukcja CSS przydatna, na pewno skorzystam. ^^
    Śliczny szablon wolny. :)
    Koloryzacje super, ale nie korzystam, bo muszę się usamodzielnić, bo się uzależniłam od czyiś koloryzacji, a jak mam robić swoje to....
    Pozdrawiam cieplutko. ♥

    OdpowiedzUsuń
    Odpowiedzi
    1. Jeśli byłyby to 3 dni w tygodniu, pewnie zbyt dużo by cię nie ominęło, ale po weekendzie faktycznie możesz mieć trochę zaległości. ;) Uprzedzałam, że zmienię, więc zmieniłam. :D Korzystaj do woli. Koloryzacje to nic trudnego, na pewno niedługo zaczną ci wychodzić fajne efekty. :>

      Usuń
  7. Ale śliczny nagłówek!:)Dziękuję za css. Odnośnie tego mam pytanie>Co mogę zrobić,żeby karty były na nagłówku (mniej więcej jak u Ciebie)tylko po lewej stronie?I takie archiwum?Byłabym Ci wdzięczna,bo aktualnie pracuję nad szablonem,chciałabym dodać jakieś nowe efekty.Pozdrawiam!:)

    OdpowiedzUsuń
    Odpowiedzi
    1. Chyba pisałam już instrukcję na taki efekt (notka 005), ale przykładowy kod na menu na nagłówku wyglądałby następująco:
      #PageList1{
      position: relative;
      top: -400px;
      left: 50px;
      }
      Wartości liczbowe zmieniasz według własnego upodobania, przy każdej zmianie menu będzie przesuwać się na podglądzie, więc łatwo wybrać pasującą ci pozycję.
      Jeśli chodzi o archiwum to mam je zrobione w gadżecie html (instrukcję na taki efekt znajdziesz na graphical thoughts) ja tylko dodałam kilka dodatkowych kodów (padding, border, border-radius, text-align), aby nadać im taki wygląd jak widzisz. ;)

      Usuń
  8. Masz żydzie komentarz i nie ciśnij mnie o niego xD
    ha, zgadłam ten kod z etykietami :>

    OdpowiedzUsuń
    Odpowiedzi
    1. Hahah, kto tu kogo ciśnie? Ciesz się nim póki możesz, bo chyba go w nowym poście dodam :D

      Usuń
  9. Kurde, wchodzę sobie na konto i patrzę: NOWY POST NA MAUDLAISY <3
    Takie osłodzenie na ponury poniedziałek.
    Szablon główny przepiękny, nic dodać, nic ująć. Widać, że włożyłaś w niego dużo pracy. Każdy szczegół jest dopracowany, idealny.
    Szablon wolny to cudo. Brak słów po prostu. Zaskakujesz mnie z każdym nowym postem.


    OdpowiedzUsuń
    Odpowiedzi
    1. Bardzo się cieszę, że post tutaj może komuś osłodzić poniedziałek. ^^ Dziękuję bardzo, nie wiem czy aż tak dużo pracy, bo właściwie wszystkie kody wykorzystane tutaj już kiedyś wypróbowywałam, ale na pewno dużo czasu, jak zresztą na każdy szablon. ;) Mam nadzieję, że uda mi się zaskoczyć cię także dzisiejszym postem.

      Usuń
  10. Ojaa, świetne koloryzacje! ;*
    Kurde, też bym chętnie nie poszła, a jutro piszę trygonometrię. Wakacje już blisko, nie mogę się doczekać ;|
    Dzięki misiu, o wycieczce poopowiadam w najnowszym poście. Pozdrówy 4 u <3

    OdpowiedzUsuń
    Odpowiedzi
    1. A wolny szablon wymiata, really!

      Usuń
    2. Ja w tamtym tygodniu musiałam pisać 2 działy na podciągnięcie - trygonometrię właśnie i pole trójkąta, także nawet nic mi o matmie nie mów, tyle tych zadań przerobiłam, a musiała mi dać akurat to, którego nie zdążyłam zrobić. -.- Strasznie się wkurzyłam wtedy, ale mam nadzieję, że uda mi się coś wyciągnąć jeszcze. Dokładnie, teraz tylko pozostaje czekać na wakacje. ^^ Dziękuję bardzo <3

      Usuń
  11. Witaj,
    z tej strony redakcja Katalogu grafików.

    Chcieliśmy poinformować o gali rozdania certyfikatów Graphic Award 2013. Więcej znajdziesz pod adresem:

    graphic-award-2013.blogspot.com

    Serdecznie zapraszamy!

    OdpowiedzUsuń
  12. Dziękuję za kody, baardzo się przydały! :)
    W następnej notce myślę że powinnaś umieścić kody css i instrukcje graficzne, bo to się najbardziej przydaje (przynajmniej mi :D) :))
    Pozdrawiam ;*

    OdpowiedzUsuń
    Odpowiedzi
    1. Bardzo się cieszę, że mogłam pomóc. :> Chyba czytasz mi w myślach, bo właśnie to zaplanowałam sobie na nowy post. ;)

      Usuń
  13. sleepwalking
    Pobrałam ten szablon wolny i pewnie za niedługo znajdzie się on tu:
    http://wonderland-fanfiction.blogspot.com/ :)

    OdpowiedzUsuń
  14. użyłam szablonu css na czas nieokreślony, instrukcja przydała się bardzo :)

    pozdrawiam

    saturnsette.blogspot.com

    OdpowiedzUsuń

Archiwum bloga

Obserwatorzy