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

poniedziałek, 8 kwietnia 2013

Jak "zakręcić" stronami?

Element: Strony ( PageList1 )
Stopień trudności: xxxx
Czas wykonywania: 20 minut
   Ach, naprawdę dziękuję za tyle miłych słów pod ostatnim postem. Miło się to czyta, a uwagi niektóre wzięłam do serca i być może zacznę wcielać je w życie. To jednak zależy od Was przede wszystkim. Propozycje jakie dostałam:
Propozycja 1: Szablony wolne wspomniane prze Inssy. Są to po prostu szablonami w stylu tym co na blogu, bez magicznego wyglądu; proste, minimalistyczne, pamiętnikowe;
Propozycja 2: Zamówienia, popularne w całej blogsferze. Wszyscy wiemy o co chodzi, tak myślę.
Jeśli któraś z propozycji rusza kogoś serduszko piszcie w komentarzach, w tagboardzie ( proponowana przeze mnie opcja ), jak chcecie to nawet mi na maila wysyłajcie: bizarre1309@gmail.com

Wracamy do tematu: Jak zakręcić stronami?
      Naprawdę w bardzo, bardzo łatwy sposób.
Sądziłam, że to nie przejdzie - nie wiadomo z jakiego powodu - jednakże pokazało mi, że działać może i faktycznie działa i robi przy tym całkiem niezłe wrażenie. Kwestia jest chyba tylko jedna, potrzeba ciut więcej miejsca ( albo i nie ); podlega to jeszcze dyskusji. Na 51% karty muszą być jako karty na górze, z linkami po boku to raczej nie pójdzie.

Cały ten post ( i wykon ) jest na temat tego  ( i dzięki temu ) krótkiego cholerstwa:
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ; 

Jeśli chcemy faktycznie "zakręcić" stronami tworzymy nowy gadżet HTML/JavaScript (UWAGA! Nie jest to konieczne. Kod można dodać także dla Stron - PageList - jednak w tej instrukcji stworzymy nowy gadżet ), w którym umieszczamy nasze linki ( moje linki to klasa "jak", jednak można ją modyfikować. Więcej o tworzeniu tego typu menu tu):
<a class="jak" href="http://graphical-thoughts.blogspot.com/search/label/szablon">Szablony</a>
<a class="jak" href="http://graphical-thoughts.blogspot.com/search/label/tutorial">Tutoriale</a>
<a class="jak" href="http://graphical-thoughts.blogspot.com/search/label/artyku%C5%82y">Artykuły</a>
<a class="jak" href="http://graphical-thoughts.blogspot.com/search/label/informacja">Ogłoszenia</a>
klikamy szablon > dostosuj > zaawansowane > dodaj arkusz css

a.jak:link, a.jak:visited, a.jak:active{text-align:center;padding:1px;font: normal 7pt arial; color: #bada8e;  text-transform:uppercase; background:#fbfbfb;width:100px; height:55px;padding-top:45px;border-radius:50%; margin-bottom: 2px; display:inline-block; border:1px solid #eee;transform: rotate(0deg);
-webkit-transform: rotate(0deg);}
Oczywiście nie jest powiedziane, aby się tego trzymać, możemy dorzucić wszystko co nam przyjdzie do głowy - text-transform; border; display; transition! ; a także odrzucić niektóre propozycje. Najważniejsza jest formułka podkreślona i pogrubiona.

Aby, jednak nasze skręcenie się dopełniło, potrzeba jeszcze chwilki. Należy dodać do odpowiedniego selektora tj. do tego, który odpowiedzialny jest za to wszystko, czyli a.jak:hover
a.jak:hover { color:#fff; background:#7edbd3;transform:rotate(360deg);
-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}
W nawias możemy wpisać każdą wartość od 0deg ( brak obrotu ) do 360deg (pełny obrót ).
Spróbujcie dorzucić każdą propozycje do swoich linków i zobaczcie co z tego wyjdzie, jak nie - kombinujcie, zmieniajcie aż w końcu wyjdzie, a wyjdzie. :)

Szablony Tutoriale Artykuły Ogłoszenia


Dalej, skoro to czytacie to już zdobyliście moje serduszko i wiedzcie, że Was po prostu kocham i chciałabym tu i teraz, pisząc te słowa mieć do Was prośbę. 
To jest blog dla Was i tylko dla Was, ja tu tylko sprzątam, od czasu do czasu też post napiszę i chciałabym wiedzieć co męczy Waszą osobę na tym cholernym bloggerze. Czego chcielibyście się dowiedzieć. Chodzi tu m.in o to, aby Wam pomóc, rozwiać Wasze wątpliwości, inaczej napiszę: jeśli nie chce Wam się szukać w internecie tego i tego - piszcie, będę szczęśliwa! :>

10 komentarzy:

  1. Jestem i za szablonami wolnymi i za zamówieniami :) Każdemu się należy taki śliczny szablon, wyjątkowy i niepowtarzalny. A więc czemu nie? :) Jejku fajny ten efekt, na początku wydawało mi się, że to sporo roboty ale ładnie wytłumaczyłaś i postaram się zrobić coś podobnego, chociażby na próbę jak to wygląda na blogu :) Nadal jestem pod wielkim wrażeniem twojego szablonu. Długo zeszło ci się z tymi wszystkimi ustawieniami? Pozdrawiam i zapraszam do mnie na bloga, signpoison :) Zastanawiam się jeszcze (może to głupie, albo mam już obsesję na punkcie serialu) ale masz w tej ramce obok "Tyler" i "Caroline". Czy ma to coś wspólnego z pamiętnikami wampirów? Jeśli nie - to sory, obsesja :)

    OdpowiedzUsuń
  2. Kurcze, twój blog jest naprawdę... przydatny! Można tu u ciebie znaleźć kody, których nie znajdziemy nigdzie indziej. Pomysł z zakręconymi stronami jest świetny, ten poprzedni ze scrollbarem również :D Prowadź tego bloga dalej, bo świetnie Ci to idzie. Wszystko ładnie wytłumaczone, bardzo mi się to podoba :3
    Pozdrawiam :D

    OdpowiedzUsuń
  3. Pomysł z szablonami jak i zamówieniami na pewno dobry, ja osobiście z cudzych nie korzystam, choć czasem kusi, bo inne zazwyczaj podobają mi się bardziej od swoich, no ale jak to tak prowadzić bloga z grafiką i nie mieć własnego szablonu? Nie wypada. :D Jeszcze się nauczę robić coś lepszego jak będę miała więcej czasu, bo póki co to aż się boję ruszać te wszystkie kody, żeby czegoś nie popsuć przypadkiem. XD A co do mojej pracy nad nowym postem, to nadal jestem w lesie i nic nie zaczęłam, ale naprawdę brakuje mi czasu. Myślę, że jutro może się za to wezmę, pomysł jako taki w głowie już mam, także może w środę post się pojawi, zobaczymy. Miłego wieczoru.(:

    OdpowiedzUsuń
  4. Byłabym jak najbardziej za współpracą :)
    Już zaraz dodaję do linek :)

    OdpowiedzUsuń
  5. Jestem pod wielkim wrażeniem Twojego bloga. Szablon na głównej jest świetny, a instrukcje przejrzyste i ciekawe, będę zaglądać! :)

    OdpowiedzUsuń
  6. Pierwsze - nagłówek. Nie wiem czy Ty lubisz Hobbita, ale ja go wręcz kocham! Dodać drewniane, jaśniutkie tło i zielone linki... Szablon oczarował mnie swoją prostotą, pięknem i delikatnością! <3
    Co do tego kodu... Łał, właśnie próbuję coś zrobić w moim szablonie, jak na razie jeszcze jestem w trakcie pracy, a efekty... Może się ujawnią :D
    Powoli zakochuję się w Tym blogu, wiesz? :D
    Pozdrawiam i weny życzę na dalszą twórczość... będę zaglądać tu częściej :)

    OdpowiedzUsuń
  7. To ja kwiczę z radości, wiesz? Ja też kocham Hobbita, całym sercem, zarówno jak Harry'ego Pottera. :D Co do Władcy Pierścieni - niestety wypożyczyłam książkę, przeczytałam dwa rozdziały, jednak urwałam, gdyż po prostu nie miałam czasu, a przecież nie chcę czytać na urywki i nic nie zrozumieć.
    Freeman świetnie zagrał Bilba, nie uważasz? xD Kocham tego aktora, a także McKellena - mają chłopy talent :D Tak szczerze mówiąc to nie mogę doczekać się kolejnych części filmu... argh, naprawdę nie wytrzymam ;/ A co do ekranizacji Władcy Pierścieni - mogę w każdej chwili obejrzeć, ale wpierw wolę przeczytać, tak mi bardziej pasuje :D
    Łoj, jeśli będziesz chciała włączyć się do załogi, to proszę bardzo! :D Jeśli siły i czas pozwolą...
    Pozdrawiam ;**
    PS. Wiesz, że mam chrapkę na temat tego szablonu na głównej? xD
    PSS. Sprawa z scrollbar - genialna! Geniusz, geniusz, geniusz! ;**

    OdpowiedzUsuń
  8. Witaj;)
    Jesteśmy zainteresowane współpracą. Jutro dopełnimy formalności.
    Pozdrawiam;)
    probyszablonowania.blogspot.com

    OdpowiedzUsuń
  9. A można tego efektu użyć na zwykłym gadżecie strony?

    OdpowiedzUsuń
    Odpowiedzi
    1. Oczywiście. Być może będą potrzebne były tam pewne zmiany i trzeba będzie pewnie dobrze popracować nad ustawieniami, ale efekt można zaaplikować wszędzie (nie tylko dla linków).

      Usuń