Tęczowa animacja tła w CSS

wtorek, 14 marca 2017

Tęczowa animacja tła w CSS

16 komentarzy Napisane przez Karol

Element: HTML/JavaScript
Stopień trudności: xxxx
Czas wykonywania: ~20 minut

Ok, zdaje sobie sprawę, że migająca tęcza jako tło to może nie jest najlepszym pomysłem świata, ale szukajmy pozytywów. Cała instrukcja może pomóc Wam ( i mi ) stworzyć coś interaktywnego i zapoznać się z animacjami w CSS. Albo posłużyć jako inspiracja. Kto tam wie!

Oto efekt

Rainbow

Efekt jest bardzo prosty i sensowny. Niestety w tym tutorialu nie znajdziecie dokładnie omówionych podstaw animacji i keyframe w CSS, ale o tym możecie przeczytać tu i tu.

Krok 1 

Na początek musimy stworzyć element, który ma się “tęczować”, czyli prosty:

<div>
<p>Rainbow</p>
</div>

Krok 2 

Ustawiamy podstawowe wartości dla <div> w CSS.

div {
padding: 100px 50px;
color: #fff;
}

i dla h1

div>h1 {
font-family: sans-serif;
font-weight: 900;
color: #fff;
letter-spacing: 3px;
}

Nasz div na razie nie ma żadnej wartości, która mówi o koloru tła.

Krok 3 

Stwórzmy animację i nazwijmy ją “rainbow”:

@keyframes rainbow {
0% {background-color: #FF0000;}
10% {background-color: #E2571E;}
20% {background-color: #FF7F00;}
30% {background-color: #FFFF00;}
40% {background-color: #00FF00;}
50% {background-color: #96bf33;}
60% {background-color: #0000FF;}
70% {background-color: #4B0082;}
80% {background-color: #8B00FF;}
90% {background-color: #222222;}
100% {background-color: #FF0000;}
}

Procenty od 0 do 100 mówią jak będą zmieniać się kolory w trakcie animacji. W tym przypadku, gdy chcemy stworzyć tęczę potrzebujemy 10 kroków, aby to wykonać. Możliwe są również inne ustawienia kroków.
Aby przejście było delikatne, kolor czerwony jest kolorem początkowym i zamykającym.

Krok 4

Dodaj animacje do div

div {
padding: 100px 50px;
color: #fff;
animation: rainbow 5s ease-in infinite;
}

5s - odpowiada za to jak długo będzie trwać animacja;
ease-in - jest to jeden z efektów przejścia przez kolory/animację;
infinite - czyli animacja będzie się powtarzać do skutku.

Div może mnie także ustawione tło, jednak nie wpływa to na animacje. Kolor jest niewidoczny w każdym momencie animacji.

Możecie zobaczyć efekt także tutaj i spróbować się nim pobawić bez możliwości popsucia bloggera. *-*

Komentarz

Dzień dobry!
Dajcie znać co o tym sądzicie i czy macie fajny pomysł gdzie i jak można by zastosować ten efekt? W jakiej sytuacji i który element wyglądał by ciekawie? Jeśli chcielibyście bardziej złożoną instrukcję dotyczącą budowania animacji i poprawnej struktury jej kodu dajcie znać!

Czytaj dalej

Silence

poniedziałek, 28 marca 2016

Silence

38 komentarzy Napisane przez Karol

Dope

stworzony: 22 czerwca 2015

Autor: Tyler

Baza: Szablon Simple;

Podgląd: 1

Grafiki i zdjęcia wykorzystane w podglądzie są przykładowe i nie są one częścią szablonu.

• szablon jednokolumnowy;
• Poszczególne ustawienia gadżetów:
  • brak

Czytaj dalej

Gadżety nad postem cz. 1

niedziela, 20 marca 2016

Gadżety nad postem cz. 1

11 komentarzy Napisane przez Karol

Element: HTML/JavaScript
Stopień trudności: xxxx
Czas wykonywania: ~20 minut

Robiłam ostatnio szablon bazując trochę na drugim szablonie głównym, jaki pojawił się dawno temu na Graphical Thoughts. Szablon ten miał 4 gadżety nad postem 2x2. Dokładnie pamiętam jak męczyłam się, aby je stosownie ustawić i po paru godzinach męk w końcu się udało ( Całość jednak była słodko gorzka, bo gadżety rozjeżdzały się przy innych rozdzielczościach ). Od tamtej pory minęło jakieś 4 lata i w ciągu tego czasu udało mi się znaleźć dwa proste rozwiązania tego problemu! Dzisiaj o opcji numer 1, która jest użyta na blogu w tej chwili.

Opcja numer jeden ma jednak pewną wadę. Nie ma możliwości dodawania gadżetów proponowanych/stworzonych przez bloggera. Jedyne co możemy zrobić to stworzyć nasz własny content.

Krok 0 - towrzenie tabeli 

Do stworzenia, w tym przypadku, trzech kolumn, będziemy używać table. Być może część z Was się z tym spotkała, część nie. Do rzeczy.
Przykład tabeli, źródło

<table style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>

table - tworzy tabelę
tr - tworzy nam rzędy
td - tworzy kolumny
Czyli powyższa tabela ma dwa rzędy i po 3 kolumny  w każdym z nich. Co wygląda mniej więcej tak.

Jill	Smith	50
Eve	Jackson	94

#easy

Krok 1 - tabela w gadżecie / podgląd

Na początku tworzymy gadżet HTML/JavaScript i dodajemy kod ( jako przykład użyję części kodu użytego na GT ).

<table cellspacing='10'>
<tr>
<td valign='top'><span class='dat'>Pytania</span> - Jeśli macie jakieś pytania lub uwagi, to zapraszam na <a href='http://ask.fm/sleepingtyler'>nasz profil ask.fm.</a> Postaramy odpowiedzieć na wszystkie pytania dotyczące szablonów, zamówień, jak również zaradzić conieco w sytuacji, gdzie szablon nie chce współpracować.</td>
<td valign='top'><span class='dat'><a href='http://graphical-thoughts.blogspot.dk/p/propozycje_30.html'>Propozycje</a></span> - 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: <b><a href='http://graphical-thoughts.blogspot.com/p/propozycje_30.html'>Propozycje</a></b>
</td>
<td valign='top'><span class='dat'>Pomoc</span> - 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</td>
</tr>
</table>

Przy pomocy table tworzymy tabelę, tr - daje nam możliwość stworzenia jednego rzędu kolumn i na końcu 3 kolumny dzięki td. Tekst szary to tekst przykładowy, to co znajdzie się w tekście kolumn.

Krok 2 - pozycjonowanie gadżetu / podgląd

Na podglądzie, tło białe pod blogiem stworzone jest za pomocą content-inner i nie było dokonywanych tam większych zmian. Jednak widzimy, że gadżet nieco przechyla się na prawą stronę. Duża jest prawdopodobność, że tak będzie w większości przypadków, jeśli ktoś będzie probówał korzystać z instrukcji. Rozwiązaniem na to jest:

#HTML2 {
margin-top:40px;
margin-left:-0px;
margin-right:40px;}

margin-top gwarantuje nam przestrzeń 'od góry', margin-left:0px - jest nieruszony, bo chciałam stworzyć wrażenie 'paddingu' dla całego gadżetu i zrównoważyć trochę masę tekstu w tabeli przez dużo miejsca naokoło. Margin-right:40px sprawia, że prawa granica gadżety jest dalej od prawej strony.

Krok 3 - style / podgląd

Content został stworzony, teraz czas na stylowanie całej tabeli. Chcemy stworzyć efekt gadżetu, więc nasz kod będzie opierać się na td, czyli każdej z kolumn ( w tym przypadku również gadżetów ).

#HTML2 td {border:1px solid #ccc; margin-right:10px;  padding:10px 10px 10px 10px;   font:8px 'roboto'; text-transform:uppercase; font-weight:normal; text-align:center; letter-spacing:2px; color:#777;background:#f5f5f5;}

Krok 4 - Ostatnie poprawki

Jeśli w tabeli umieścicie linki, tytuły każdego z gadżetów, je również elegancko wystylizujcie, używając td a, td i czy td b! Mój końcowy efekt znajdziecie tutaj.

Komentarz

Cześć Miśki!
Instrukcja ta weszła mi w plan przygotowany wcześniej, ale robiąc tutorialowe szablony zauważyłam, że dość często korzystam z tego sposobu, więc może komuś się przyda! Opcja numer dwa już niedługo, niestety tam troszkę grzebania w kodzie.
I szablony przy okazji instrukcji wychodzą tak szybko i płynnie, że zaraz nazbiera mi się tego pokaźna suma i cóż tym potem zrobić....#thuglife

Czytaj dalej

Back to life

wtorek, 18 sierpnia 2015

Back to life

58 komentarzy Napisane przez Karol

Back to life

stworzony: 19/08/2015

Autor: Tyler

Baza: Szablon Simple;

Podgląd: 12

Grafiki i zdjęcia wykorzystane w podglądzie są przykładowe i nie są one częścią szablonu.

• szablon lewokolumnowy;
• Poszczególne ustawienia gadżetów:
  • Etykiety(Label1): ustawione jako Lista
  • Archiwum(BlogArchive1): ustawione jako menu

Czytaj dalej

Minimalistyczny szablon z Tyler

wtorek, 11 sierpnia 2015

Minimalistyczny szablon z Tyler

17 komentarzy Napisane przez Karol

Element: HTML/JavaScript
Stopień trudności: xxxx
Czas wykonywania: ~20 minut

Naprawdę minimalistyczny i naprawdę prosty. Skupimy się tylko i wyłącznie na zmianach w projektancie, a jakiekolwiek zmiany w kodzie HTML szablonu mogą być tylko eleganckim dopracowaniem całej reszty. Ale o nie zadbacie sami i już z pomocą innych instrukcji.

Czytaj dalej

DOPE

czwartek, 25 czerwca 2015

DOPE

50 komentarzy Napisane przez Karol

Dope

stworzony: 22 czerwca 2015

Autor: Tyler

Baza: Szablon Simple;

Podgląd: 123

Grafiki i zdjęcia wykorzystane w podglądzie są przykładowe i nie są one częścią szablonu.

• szablon jednokolumnowy;
• wysuwana stopka ( jej wysokość jest ustawiana automatycznie ), przemieszczająca się wraz ze stroną;
• Poszczególne ustawienia gadżetów:
  • brak

Czytaj dalej

Tworzymy własny gadżet!

wtorek, 23 czerwca 2015

Tworzymy własny gadżet!

13 komentarzy Napisane przez Karol

Element: HTML/JavaScript
Stopień trudności: xxxx
Czas wykonywania: ~20 minut

Dzień dobry! Więcej niż tydzień lekkiej przerwy za mną, ale ostatecznie Tyler zwlokła się z łóżka i stwierdziła, że trzeba w końcu zrobić.
Ostatnio na czaciku pojawiła się propozycja na instrukcję ( propozycja pojawiła się od Ivanov ), w której pokazałabym jak stworzyć gadżet podobny do tego użytego w szablonie Could it be my destiny? Jako, że ostatnio udało mi się stworzyć coś podobnego, postanowiłam instrukcję napisać i wierzyć, że się do czegoś przyda.

Na początek: Nasz gadżet będzie zawierać : obrazek/zdjęcie/mini nagłówek, tytuł bloga, opis/cytat i małe menu.
Bardzo podobną strukturę gadżetu wykorzystałam w szablonie, który ostatnio robiłam, jednak tam wszystko zostało ustawione automatycznie, bezpośrednio w kodzie HTML nagłówka. Dzisiaj jednak opcja prostsza, nad którą można swobodnie zapanować z "Układu".

Informacje

+ W tworzeniu gadżetu użyte zostały czcionki: Ubuntu & Oswald
+ Gadżet ma określoną szerokość ( width ), dlatego efekty mogą się różnić w zależności od tego jak jest ona ustawiona. Również, mogą być konieczne niewielkie zmiany dla własności padding, a także top & left w celu dostosowania gadżetu do miejsca, w którym się on znajduje.
+ Ustalona szerokość: 214px
+ Gadżet został stworzony i przetestowany na trzech, różnych szablonach próbnych ( o dziwo, wszędzie działał )
+ Instrukcja jest stworzona tylko dla gadżetu HTML/JavaScript. Kod nie zadziała w przypadku używania go w poście.

Czytaj dalej

Tomorrow

sobota, 13 czerwca 2015

Tomorrow

26 komentarzy Napisane przez Karol

Tomorrow

stworzony: 9 czerwca 2015

Autor: Tyler

Baza: Szablon Simple;

Podgląd: 12

• szablon prawokolumnowy
• możliwość ustawienia grafiki w stopce;
• efekt scrollowania dla gadżetu HTML1
• Poszczególne ustawienia gadżetów:
  • Archiwum ( BlogArchive1 ) ustawione jako hierarchia
  • Kategorie ( Label1 ) ustawione jako chmura

Czytaj dalej

Stardust

niedziela, 7 czerwca 2015

Stardust

35 komentarzy Napisane przez Karol

Stardust

stworzony: 1 czerwca 2015

Autor: Tyler

Baza: Szablon Simple;

Podgląd: 123

• szablon lewokolumnowy - brak możliwości zmiany kolumny lewej na prawą;
• wysuwana kolumna boczna;
• Efekt scrollowania dla kolumny bocznej, treści posta i posta;
• Poszczególne ustawienia gadżetów:
  • brak

Czytaj dalej

Wakacyjny konkurs - czerwiec

wtorek, 2 czerwca 2015

Wakacyjny konkurs - czerwiec

18 komentarzy Napisane przez Karol

Zdaję sobie sprawę, że do wakacji jeszcze miesiąc, ale myślę, że wybaczycie mi ten pośpiech. Chciałam, aby konkurs objął 4 miesiące i stosowniej do wakacji było dorzucić czerwiec niż październik. >_<

Witam Was w ten przepiękny poranek!
Ajć, naprawdę nie byłam w stanie się zebrać od soboty, aby ten konkurs w końcu rozpocząć i dopiero dzisiaj znalazłam chwilkę i postaram się krótko Wam przedstawić ogólny zamysł 4-miesięcznego konkursu/zabawy, a także przybliżyć pierwszą, czerwcową wersję.

Konkurs jest jednocześnie zabawą, która ma uczcić drugie urodziny Graphical Thoughts ( były one w kwietniu ... ), która pozwoli czytelnikom poczuć wakacyjną atmosferę i na koniec, ma pozwolić mi nieco podziękować wszystkim czytelnikom za to, że są i, że mała Tyler się w ogóle do czegoś przydaje. Wersja czerwcowa, lipcowa i sierpniowa to są czysto zabawy wakacyjne, ale pozwoliłam sobie dorzucić wrzesień, kiedy to Tyler ma urodzinki, więc też można się troszkę pobawić.
Każdego miesiąca będą inne nagrody, które mam nadzieję się spodobają i które będą w 100% dotyczyć tematyki bloga. Czyli będą to instrukcje na szablony, szablony, zamówienia na szablony - wszystko co wiąże się z tworzeniem szablonu... tak... generalnie to o to chodzi. Liczba zwycięzców każdego miesiąca może się różnić, ponieważ - jako, że ja tu rządzę ^o^- nie daje sobie żadnych ograniczeń w kwestii przyznawania nagród. Każda nagroda to moja ciężka praca, dlatego proszę o uszanowanie mojej decyzji i jej zrozumienie.

Czytaj dalej

Heroes + Niespodzianka

środa, 27 maja 2015

Heroes + Niespodzianka

14 komentarzy Napisane przez Karol

Heroes

dodany: 27 maja 2015

Autor: Tyler

Baza: Szablon Simple;

Podgląd

Pobierz (hostuje.net)

• szablon lewokolumnowy;
• wysuwana kolumna z lewej strony
• brak przystosowania stopki
• Poszczególne ustawienia gadżetów:
  • Archiwum ( BlogArchive1 ) - ustawione jako lista
  • Kategorie ( Label1 ) - ustawione jako lista

Informacje techniczne

Jako, że nie byłabym sobą, gdybym lekko nie przekombinowała pewnej części szablonów, krótkie wyjaśnienie. Szablon jest lewokolumnowy, ale w sidebarze są dwie kolumny . Lewa to część widoczna w blogu standardowo, natomiast prawa to kolumna schowana, która po najechaniu się dopiero pojawia. Podgląd / Podgląd układu

Dobra, a teraz niespodzianka

Czytaj dalej

Zamówienie - Pięć Królestw

niedziela, 24 maja 2015

Zamówienie - Pięć Królestw

16 komentarzy Napisane przez Karol

Zamówienie - Pięć Królestw

oddany: 24 maja 2015

Autor: Tyler

Baza: Szablon Simple;

Szablon możecie znaleźć na blogu Pięć Królestw

Od Autorki

Zdjęcie, które podrzuciła mi Ania ( mogę tak napisać? ^o^ ) krzyczało do mnie niemiłosiernie od momentu, kiedy je zobaczyłam. Perfekcyjny mejl, z układem rozrysowanym paincie i pełna świadomość tego co ma znaleźć się w szablonie dodatkowo kazały mi wziąć się za ten szablon od razu. No bo przecież wszystko gotowe, nic tylko kod pisać. Gdyby nie fakt, że ostatnio dzielę swój czas jakoś na 3 ( momentami nawet na 5 ), to po dwóch dniach byłby gotowy! Ostatecznie stanęło na czterech. ^^

W najbliższym czasie w końcu postaram się dodać szablon wolny, bo coś dawno takiego nie było. A już mam takie 3 ładne przygotowane. Poza tym, przy okazji publikacji jednego pojawi się pewna...niespodzianka...
Zamówienia są w trakcie reorganizacji, odświeżam nieco podstronkę. Dlatego na tą chwilę proszę nie pisać z prośbą o zamówienie, bo będę musiała odmówić, a robić tego nie lubię.

Czytaj dalej

Prezentacja szablonu/pliku - efekty

piątek, 22 maja 2015

Prezentacja szablonu/pliku - efekty

2 komentarze Napisane przez Karol

Element: własny
Stopień trudności: xxxx
Czas wykonywania: -

Dosłownie parę dni temu wpadłam na ten pomysł. Dlaczego? Po pierwsze, wydaje mi się, że coraz więcej blogerów zwraca uwagę na to jak prezentowane są jego prace. Dalej, uznałam, że post będzie idealny dla początkujących grafików, którzy nie do końca wiedzą jak się za takie "pudełeczko" zabrać. No i na koniec, może kogoś uda mi się zainspirować i zachęcić do stosowania takich właśnie "pudełeczek" dla jego prac.

Uwaga

Jako, że jest to post pokazujący efekty, nie ma tutaj typowej instrukcji krok po kroku. Jakby ktoś był ciekawy konkretnych efektów, to oczywiście służę pomocą. Możecie też swobodnie korzystać z kodów, modyfikować je i zmieniać. Jednak w tym wypadku konieczna będzie informacja, że je wykorzystujecie.

Efekty zaprezentowane w poście były dostosowane do szablonu You My Everything i szablonu głównego Graphical Thoughts

Sneaky

11.05.2015
Autor: Tyler
Baza: Szablon Podróże
Układ: prawokolumnowy

Pobierz

Monster

13.05.2015
Autor: Tyler
Baza: Szablon Simple
Układ: jednokolumnowy

Pobierz

Czytaj dalej

Zamówienie - You My Everything

niedziela, 17 maja 2015

Zamówienie - You My Everything

9 komentarzy Napisane przez Karol

Zamówienie - You My Everything

oddany: 17 maja 2015

Autor: Tyler

Baza: Szablon Simple;

Szablon możecie znaleźć na You My Everything

Od Autorki

Już zapomniałam jak miło robi się zamówienia. A jeszcze zamówienia, gdzie mam wolną rękę i mogę robić co chcę ,to po prostu piękna sprawa. Prędzej czy później musiało do tego dojść, więc - przynajmniej ja - zaskoczona nie jestem. Mam nadzieję, że Wy też.

Niedługo postaram się odświeżyć podstronę zamówienia, uzupełnić konieczne informacje i w końcu ponownie je przyjmować.

Czytaj dalej

Zapowiedzi & Aktualizacja (4)

piątek, 15 maja 2015

Zapowiedzi & Aktualizacja (4)

5 komentarzy Napisane przez Karol

Dobra, wiem. Pewnie, tak jak mnie, Was te posty o wszystkim i o niczym już denerwują, ale jak jakiś taki sobie napiszę, to przynajmniej mam wrażenie, że coś mi się udaje zrobić, a nie tylko bezmyślnie siedzę i próbuje robić to czy tamto. Dzisiaj oprócz skromnej aktualizacji - zapowiedzi. Jakbyście mogli zatrzymać się na dłużej przy Czasie konkursów była bym wdzięczna. No, ale od początku.

Ask.fm

W końcu mam czas i możliwość, aby spokojnie poodpowiadać na Wasze pytania. Serwis ask.fm wydaje się być do tego najlepszą opcją. Jeśli więc jakieś macie pytania lub uwagi, to zapraszam na mój profil. Jednak:

• Nie zamierzam odpowiadać na pytania dotyczące efektów w nieswoim szablonie;
• Propozycje na szablony "podobne lub inspirowane" pracą innego autora będą ignorowane. 

Planowane instrukcje / Wyniki sondy

W końcu udało mi się od Was wyciągnąć jakich instrukcji potrzebujecie i co by się Wam przydało! Wyniki mówią same za siebie. W najbliższych tygodniach ( albo i miesiącach ) instrukcje, które będą się pojawiać będą dotyczyć przede wszystkim:

• efektów dla poszczególnych elementów bloga - Tyler już kombinuje co byłoby tutaj fajnym pomysłem i za który element się wziąć;
  Chociaż wydaje mi się, że kolejne efekty dla górnej części posta nie są tak bardzo wyczekiwane i nawet ostatnio były aktualizowane;
• instrukcje dotyczące szablonów - tutaj były dwie opcje. Jedna mnie perfidnie denerwuje, bo mam wrażenie, że projektant strasznie komplikuje sprawę i sprawia, że przy prostym szablonie trzeba się ciut bardziej namęczyć. Druga, bez projektanta, faktycznie może być kłopotliwa dla osób, którzy nie obchodzą się płynnie kodami CSS. Dlatego będą obie. Może uda się zadowolić wszystkich! 
• instrukcje pokazujące efekty w opublikowanych szablonach - wszystko wiadomo, a na dodatek już mniej więcej wiem, które efekty Wam zaprezentować.

Czytaj dalej

Immortals

poniedziałek, 11 maja 2015

Immortals

14 komentarzy Napisane przez Karol

Immortals

stworzony: 28 marzec 2015

Autor: Tyler

Baza: Szablon Simple;

Podgląd

Pobierz(hostuje.net)

• szablon jednokolumnowy;
• Strony powinny znaleźć się pod nagłówkiem
• Efekt scrollowania dla gadżetu HTML/JavaScript ( HTML1 )
• Poszczególne ustawienia gadżetów:
  • Archiwum ( BlogArchive1 ) - ustawione jako lista
  • Kategorie ( Label1 ) - ustawione jako lista

Czytaj dalej

Wild

niedziela, 26 kwietnia 2015

Wild

20 komentarzy Napisane przez Karol

wild

stworzony: 25 kwietnia 2015

Autor: Tyler

Baza: Szablon Simple;

Podgląd

Pobierz(hostuje.net)

• szablon lewoolumnowy;
• polecam skorzystać z opcji opis bloga
• dostosowana stopka bloga
• Poszczególne ustawienia gadżetów:
  • Archiwum ( BlogArchive1 ) - ustawione jako menu
  • Popularne posty ( PopularPosts1 ) - powinno odznaczyć się pokazywanie miniaturki obrazu

Czytaj dalej

Aktualizacja (3) - 19.04.2015

niedziela, 19 kwietnia 2015

Aktualizacja (3) - 19.04.2015

11 komentarzy Napisane przez Karol

Ostatnie dwa tygodnie okazały się być nieco mniej pracowite, ale nadal coś się dzieje, więc źle nie jest. Udało mi się ostatnio poprawić aż 3 szablony i niestety, tylko dwie instrukcje ( i do tego jeszcze dołączyć do cudownej ekipy Pandy, gdzie serdecznie zapraszam. Parę dni temu Tyler miała swój mały debiut przy okazji 300 postu - Yaaaaaayyy ).

Jednak oprócz tego jest pewne coś, co naprawdę złośliwie przeszkadza i zaprząta mi głowę ostatnio. Mowa o blogowych planach na wakacje. Ciągle myślę o tym, jakich instrukcji aktualnie brakuje i jakie z chęcią byście zobaczyli na blogu. Dlatego też postanowiłam stworzyć sondę, gdyż uznałam, że niektórzy mogą nie mieć ochoty na zostawianie komentarzy czy po prostu mogą zwyczajnie za tym nie przepadać. Sonda z kolei wydaje się być troszkę mniej czasochłonna niż pisanie wiadomości. Ale jakby ktoś chciałby podzielić się ze mną szczegółową opinią, proszę śmiało pisać, z chęcią się zaczytam.

Weź udział w Sondzie

Mam nadzieję, że uda nam się mniej więcej ogarnąć ten temat i będę mogła brać się za pisanie instrukcji. Yaaaay ^_^

Szablony

• Nowy szablon Bad Dream
• Odnowienie szablonu I'm going down
  powód: problemy z sidebarem
• Zlikwidowanie problemu z tytułem posta i datą w szablonie The Lifetime of Adventure
  + dodanie efektu dla "czytaj więcej" i statystyki
  + poprawka "post-author" - ma teraz automatyczną szerokość, która dostosowuje się do ilości informacji w elemencie;
• Całkowita metamorfoza szablonu Relive the memory
  Jestem ostatnio chora i widok tych niebieskich kolorów za bardzo dawał po oczach i został zamieniony na lekki beż - wszystko przypadkiem i podświadomie xD
  + dodanie efektu dla "czytaj więcej" i statystyki;
  + kompletna odmiana post-headera;
  + dostosowanie stopki bloga

Czytaj dalej

Informacyjne kwadraciki

sobota, 11 kwietnia 2015

Informacyjne kwadraciki

13 komentarzy Napisane przez Karol

Element: Gadżet ( HTML/JavaScript )
Stopień trudności: xxxx
Czas wykonywania: 25 minut

Moja nieco śmieszna obsesja związana z kwadracikami trwa dalej, dlatego postanowiłam ją wykorzystać i napisać kolejną instrukcję. Pamiętacie kwadratowe menu? Jeśli tak, to dobrze. Jeśli nie, to nic nie szkodzi - zawsze da się tam zajrzeć. Poza tym tutaj głównie skupimy się na powtórzonej koncepcji kwadratu. A samo wykonanie będzie troszkę się różnić od poprzedniego.

Uwaga! Zmieniając pozycję gadżetu warto uważnie umieścić go w sidebarze. Ja proponuję Wam umieszczać go zawsze na samej górze, jako pierwszy element sidebaru - wtedy niezależnie od tego ile gadżetów znajdzie się w kolumnie pozostanie on na tym samym miejscu. Tak samo umieszczajcie gadżet nad postem, a nie pod nim.

Czytaj dalej

Bad dream

środa, 8 kwietnia 2015

Bad dream

15 komentarzy Napisane przez Karol

just a bad dream

stworzony: 8 kwietnia 2015

Autor: Tyler

Baza: Szablon Simple;

Podgląd

Pobierz(hostuje.net)

• szablon dwukolumnowy;
• Nie należy dodawać opisu bloga ( efekt nagłówka będzie wyświetlany wówczas niepoprawnie )
• Poszczególne ustawienia gadżetów:
  • Archiwum ( BlogArchive1 ) - ustawione jako menu

Ważne

Pobierający muszą pamiętać o dwóch rzeczach:
+ W lewej kolumnie powinny znaleźć się tylko i wyłącznie Strony ( PageList1 )
+ W prawej kolumnie możecie umieszczać dowolne gadżety. Jednak pamiętajcie, że szerokość tej kolumny jest dosyć mała, dlatego też długi tekst czy "wypchana po brzegi kolumna" może zepsuć nieco efekt. :)

Czytaj dalej