Style dla cytatów we wpisie

8 sierpnia 2015


Nie wiem jak potraktujecie ten wpis. Może być jako instrukcja, ściąga, gotowiec czy jak tam jeszcze sobie nazwiecie. Jak tytuł wpisu wskazuje zajmiemy się cytatami we wpisie i będziemy pracować w arkuszu CSS czyli nic strasznego się nie będzie dziać. Przygotowałam Wam 4 style dla cytatów do wykorzystania, z których możecie korzystać do woli o każdej porze dnia i nocy.

Aby dodać styl przejdź do: szablon - dostosuj - zaawansowane - dodaj arkusz CSS

1. Styl pierwszy


blockquote {
background: #b4a4b2;
color: #fff;
position:relative;
font-size:90%;
padding:20px;
border-radius: 0 20% 0 20%;
}

2. Styl drugi


blockquote {
background: #fff;
color: #666;
position:relative;
font-size:90%;
padding:20px;
box-shadow: 0px 0px 8px 10px #ddd;
}

3. Styl trzeci


blockquote {
background: #eee;
color: #666666;
position:relative;
font-size:90%;
padding:20px;
border-top: solid 10px #c995b3;
}

4. Styl czwarty


blockquote {
background: #eee;
color: #666666;
position:relative;
font-size: 18px;
font-family: Times New Roman;
font-style: italic;
padding:20px;
border-left: solid 10px #ee88a0;
border-right: solid 10px #ee88a0;
}

Wszystkie pogrubione wartości są zmienne. Szykuje drugą część tego wpisu. W drugiej części postaram się przygotować dla Was 10 stylów dla cytatów.
Mała informacja na koniec. Zaktualizowałam zakładkę do pobrania, w której możecie (na chwilę obecną) znaleźć do pobrania jeden zestaw ikon społecznościowych oraz tło na bloggera i pięć tapet na telefon - pobieralnia będzie się sukcesywnie powiększać, także zapraszam do zapoznania się z tą zakładką i do pobierania :)

16 komentarzy:

  1. Bardzo to przydatne w blogosferze ale pewnie wiesz :) No i nie mogłam się powtrzymać i wrzuciłam link u siebie :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Wiem, wiem :)
      Dziękuję bardzo, miło mi :)

      Usuń
  2. Proste jak budowa cepa.
    Osobiście mi się podoba motyw klamerek, który kiedyś spotkałam na szablonie.

    OdpowiedzUsuń
    Odpowiedzi
    1. To, że dla Ciebie jest to proste, to nie oznacza, że dla innych również. Duża cześć osób co zagląda do mnie po instrukcje, nie ma pojęcia o takich sprawach, które dla mnie są łatwe, ale już dla innej osoby nie. Dla takich osób nawet najmniejsza i najprostsza pomoc jest ważna.

      Usuń
    2. Źle to ujęłam...
      Miałam na myśli, że instrukcja jest krótka, rzetelna i zrozumiała.

      Usuń
    3. Rzeczywiście, źle sformułowane, zwracam honor i przepraszam :)

      Usuń
  3. Bardzo przydatne, zresztą jak wszystkie twoje posty dotyczące grafiki :)

    OdpowiedzUsuń
  4. Super, zwłaszcza styl 4 mi się podoba:)

    OdpowiedzUsuń
  5. Ja ostatnio robię tak, że cytaty wrzucam powiększoną czcionką o innym stylu.

    OdpowiedzUsuń
  6. Ten pierwszy styl mi się najbardziej podoba, aż go wykorzystałam u siebie.

    OdpowiedzUsuń
  7. No niby proste ale nie wiedziałyśmy o tym :)
    Dodaje to uroku wpisom :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Jest sporo takich rzeczy, które są proste, ale niewiele osób o tym wie :)

      Usuń
  8. ale fajne! dodaję wpis do ulubionych, by mieć go w razie czego pod ręką :D hihi

    OdpowiedzUsuń
  9. Paweł Wiśniewski8 maja 2017 21:33

    U mnie niestety nie działa:). Prośba o pomoc.

    OdpowiedzUsuń

- Komentarze takie jak: spam, obserwacja za obserwacje, prośby o klikanie w banery etc. zostają usuwane - ZAPAMIĘTAJ! MÓJ BLOG TO NIE TABLICA OGŁOSZEŃ
- Uznaje tylko konstruktywną krytykę
- Każdy komentarz to motywacja dla mnie.
- Weryfikacja obrazkowa wyłączona