3 mini instrukcje

13.8.13

Hej!
Dziś mam jeszcze dla was taki mały poradnik, dużo osób pisze do mnie z pytaniami jak wykonać pewne rzeczy, czyli np. takie archiwum jakie ja mam, jak wyśrodkować czy tytuł posta, czy gadżety.. Więc postanowiłam, że dodam taką notkę, przybliżając wam pewne rzeczy i pewnie będzie to dla was jak i zarówno dla mnie łatwiejszym sposobem, ponieważ i wy nie będziecie się ciągle pytać, ani ja nie będę musiała ciągle pisać tego samego! :)

Wyśrodkowanie tytułu posta

1. Wchodzimy w układ-> projektant szablonów, następnie zaawansowane i "Dodaj arkusz CSS"


2. Wklejamy ten kod

h3.post-title, .comments h4 {text-align: center ;}
i zapisujemy... i nasz tytuł posta zostaje wyśrodkowany! 

♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥

Wyśrodkowanie gadżetów w danej kolumnie

1.  Powtarzamy krok pierwszy z powyższej instrukcji i zamiast tego wklejamy kod

.column-strona-inner {text-align: center; }

* wklejamy kod 
.column-right-inner {text-align: center; } jeśli nasza kolumna z gadżetami znajduję się po prawej stronie


* .column-left-inner {text-align: center; } - jeśli kolumna znajduję się po lewej stronie


2. I zapisujemy.


Jak zrobić "swoje" archiwum

1. Wchodzimy w układ->dodaj gadżet 


2. Zjeżdżamy na dół i wybieramy gadżet "tekst"



3. Następnie piszemy sobie tam miesiące w kolejności, możemy oddzielać je "x" , "♥", czym tylko chcemy..

4. Następnie z naszego poprzednie archiwum po prostu otwieramy sobie wszystkie miesiące w osobnych kartach i wystarczy tylko podlinkować np. "czerwiec" linkiem do miesiąca czerwiec


i zapisać i tak z każdym miesiącem, potem tylko usunąć stare archiwum i zapisać to!

* stare archiwum- czyli to podstawowe, zwykle jest ono na podstawie, że są wypisane miesiące i wtedy wchodzi się w każdy oddzielnie i linkuje każdy miesiąc z osobna wypisany przez was, zapisujemy i mamy! 


Mam nadzieję, że chociaż wam pomogłam, miały to być dosłownie 3 małe instrukcje podstawowych rzeczy o które najczęściej pytacie. W razie pytań, możecie zadawać pod postem, starałam się wszystko, dobrze wyjaśnić, mam nadzieję, że komuś się przyda! :)
Jeśli od czasu do czasu chcecie więcej takich poradników, piszcie śmiało jeśli macie jakieś pomysły, co byście chcieli, żeby zostało wytłumaczone;)

Przypominam, że będziemy z Binką wdzięczne za każde szczere kliknięcie w baner sheinside.com. Chcecie oglądać nas w tych rzeczach, chcecie żeby nam się udało? Klikajcie♥


You Might Also Like

35 komentarze

  1. swietny post i miło, ze są blogerzy którzy pomagają innym :)

    anonimestyle.blogspot.com

    OdpowiedzUsuń
  2. Pomocne :3
    Bardzo miło się czyta jak piszesz ♥
    http://everyoneissmiling.blogspot.com/

    OdpowiedzUsuń
  3. Instrukcje się na pewno przydadzą :)
    A takie pytanie jak zrobić aby menu było na samej górze bloga?

    OdpowiedzUsuń
    Odpowiedzi
    1. Jeśli chodzi o to, żeby strony były na górze to wystarczy skopiować cały kod html z tej stronki http://freetexthost.com/sun2jogytd i wkleić w zaawansowane-> dodaj arkusz css
      :))

      Usuń
    2. Jak wklejam do arkuszu css to nic się nie dzieje :( Co mogę robić nie tak?

      Usuń
    3. a masz przestawione w stronach opcję na "karty na górze"?

      Usuń
  4. Tak,mam.Jeśli zle wytłumaczyłam to chciałam mieć tak jak ma July menu na swoim blogu :/

    OdpowiedzUsuń
    Odpowiedzi
    1. i tak powinnaś mieć;o może coś z kodu źle skopiowałaś, spróbuj jeszcze raz wyślę ci cały kod

      .tabs-outer {
      overflow: hidden;
      position: relative;
      background-color: #ffffff;
      none repeat scroll 0 0;
      width: 100%;
      height:35px;
      margin-left: auto;
      margin-right: auto;
      position: fixed; z-index: 1; top: 0px;
      }
      }
      #layout .tabs-outer {
      overflow: visible;
      }
      .tabs-cap-top, .tabs-cap-bottom {
      position: absolute;
      width: 100%;
      }
      .tabs-cap-bottom {
      bottom: 0;
      }
      .tabs-inner .widget li a {
      display: inline-block;
      padding: .6em 1.5em;
      font: normal 11px arial, Tahoma, Helvetica, FreeSans, sans-serif;
      color: #000000;
      height: 22px;
      line-height: 22px;
      }
      .tabs-inner .widget li:last-child a {
      border-right: 1px solid transparent;
      }
      .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
      background: transparent none repeat-x scroll 0 -100px;
      color: #000000;
      }

      Usuń
  5. Ah,mam wiesz domyśliłam się dlaczego nie zadziałał kod,miałam wyżej wpisanny kod na długość menu i go usunęłam :) Bardzo dziękuje za pomoc <3

    OdpowiedzUsuń
  6. jesteś super , mogła byś jeszcze napisać jak zrobiłaś desting czy co to jest ... bo masz świetny! <3

    OdpowiedzUsuń
  7. Przydatny post :)
    http://mondemagiquee.blogspot.com/

    OdpowiedzUsuń
  8. Ja mam pytanie. Jak mam półokrągły nagłówek z tłem przezroczystym to jaki wziąśc szablon żeby tło zewnętrzne było np. szare, a jak już jest post i pasek boczny, tylkoo post i pasek boczny żeby były białe? A pasek boczny oddzielony bardzo cienką kreską od posta? Tak jak ty masz. Jak to w ogóle zrobic?

    verysecretlypage.blogspot.com

    OdpowiedzUsuń
    Odpowiedzi
    1. szablon wybierz rewelacje, potem wchodzisz w tło i musisz usunąć tło i sama wybierasz kolor. a jeśli chodzi o post i pasek boczny to w ustawieniach zaawansowanych usuwasz kolor tła na przezroczysty wklejasz
      więc tak to jest kod na posta

      .post {margin: -45px 90px 0px -15px;
      background: white;
      border-radius: 0px 0px;
      box-shadow: 0px 0px 2px white;}

      i pojawia ci się pole posta
      {margin: -45px 90px 0px -15px;
      ustawiasz jego położenie jak chcesz , każda wartość przypada na coś innego, pierwsza to wysokość, a pozostałe dwie to szerokość w prawo i w lewo i własnie tak dostosowujesz piksele, żeby była mała przerwa

      a teraz kod na pole boczne
      .main-inner .column-right-inner {margin: -180px 30px 0px -113px;
      background: white;
      border-radius: 0px 0px;
      box-shadow: 0px 0px 2px white;}

      i tak samo w {margin: -180px 30px 0px -113px;
      ustawiasz szerokość, wysokość, itd..

      a w tym kodzie na pole boczne, żeby zadziałał tu "column-right-inner" w środku musisz wpisać right- jeśli pole boczne jest po prawej stronie, lub left, jeśli jest po lewej

      Usuń
    2. aa i wklejasz to wszystko w "dodaj arkusz css" w zaawansowane

      Usuń
    3. Dziękuję bardzo za pomoc. Wszystko jest okej tylko, że jak już mam wszystko zrobione to pasek wyjeżdża mi poza nagłówek wejdź na mojego bloga to zobaczysz o co chodzi. o co w tym chodzi? nie rozumiem. mam coś zmienic czy co? a może nowy nagłówek, jeśli tak to jaki?

      http://verysecretlypage.blogspot.com/

      Usuń
  9. Przydatne. (:
    ___________________________
    fashionbyvera.blogspot.com

    OdpowiedzUsuń
  10. Przydatne :)

    iamfuckingcrazybutiamfreee.blogspot.com

    OdpowiedzUsuń
  11. Dzięki! Przydało się ;)

    Skomentujesz?

    niikablog.blogspot.com

    OdpowiedzUsuń
  12. Fajne instrukcje :D
    Też mam takie archiwum, ale robiłam je od razu z szablonem.
    Na Twoim blogu akurat takiego czegoś nie ma, ale nie wiesz może jak zrobić takie dymki przy ilości komentarzy?
    Pozdrawiam serdecznie

    nasziherbatkiswiat.blogspot.com

    OdpowiedzUsuń
  13. na pewno przydatne wskazówki dla początkujących :) ja coś tam już umiem także wcześniej zrobiłam wszystko sama :)

    atagastyle.blogspot.com

    OdpowiedzUsuń
  14. Dzięki, to bardzo pomocne. :))
    Pozdrawiam i zapraszam :) :

    http://gusto-ko-kendi.blogspot.com/

    OdpowiedzUsuń
  15. A pomogłabyś mi z nagłówkiem? Bo chciałabym takie coś jak ty podobnego lub taki półokrągły nagłówek jak większość osób. Żeby nie było na nim "napchane", np. zdjęcia i pięćdziesiąt napisów tylko, np. "Welcome" taką fajną, widoczną czcionką. Jeśli mogłabyś mi z tym pomóc to pisz na nkowalczyk775@gmail.com :)

    OdpowiedzUsuń
  16. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  17. Bardzo przydatny post . Skożystałam :)

    zapraszam do mnie :)
    il0nkaa.blogspot.com

    OdpowiedzUsuń
  18. Skorzystałam z tej pierwszej instrukcji. :) Dziękuję Ci. No i oczywiście klikam w banner.

    duchaa99.blogspot.com

    OdpowiedzUsuń
  19. Bardzo przydatne. ;-) A jak zrobiłaś te ikonki społecznościowe, bo ja próbowałam i mi nie wychodzi?

    http://just-life-with-dreams.blogspot.com/

    OdpowiedzUsuń
  20. Ja też właśnie wymyśliłam taki sposób robienia archiwum i nierozumiem po co inni męczą się z jakimiś głupimi kodami ;o

    OdpowiedzUsuń
  21. świetny post przyadał mi sie bardzo, powinnaś częściej robić takie posty np. zrób jak odzielić posty od paska bocznego chodzi mi o to linie pomiedzy nimi:)

    http://aleksandrra-ola.blogspot.ie/

    OdpowiedzUsuń

Każdy komentarz, każdy nowy czytelnik coraz bardziej motywuje mnie do pisania dalej♥