Wstęp

Witam na blogu xnstrukcje. Blog stworzony został z zamiarem pomocy początkującym szabloniarzom. Instrukcje piszę sama, czasami podaje linki do innych potrzebnych stron. Główne posty dotyczą w szczególności CSSa i podstawowego HTMLu.
!!ważna ankieta!!

Popularne posty

  • Efekty CSS #4 - Gradienty
    (c) oreuis Hejo! Dziś poruszymy bardzo ładny (może on być też brzydki) temat gradientów. Cóż mogę o nich napisać, z ładnie dobranymi ...
  • Level up #1 - Podpis w szablonie
    (c) Absolute-A Hejka! Dziś zajmiemy się dodaniem swojego podpisu do szablonu. Wkradniemy się do kodu HTML i dodamy prosty CSS, w moim...

Aktualności

Nowe instrukcje:
- Animacja, czyli @keyframes
- Level up #2
- Tworzenie szablonów - cz. 3

AKTUALIZACJA: 10.06.2019

Pytania

Zadawajcie pytania jakie was gnębią, spróbuję na nie odpowiedzieć i wam pomóc.

11 komentarzy:

  1. Unknown10 listopada 2014 04:41

    Hej, Ally.
    Ja chciałam zapytać jak się robi takie kolumny jak tu w tym szablonie co zrobiłaś http://graphicpoison.blogspot.com/2014/11/theres-only-one-life.html bo ja ogólnie je mam ale wszytko jest tak jakoś oddzielnie. Mogłabyś mi wytłumaczyć o co w tym chodzi?

    OdpowiedzUsuń
    Odpowiedzi
    1. xvenom10 listopada 2014 06:24

      Zależy jaki kod wpisujesz. Np. kiedy wpiszesz kod:
      .widget-content {
      background-image: url(adres-obrazka.pl);
      }
      to tło będzie tylko pod treścią gadżetów, ale podczas kiedy wpiszesz taki kod:
      .coulm-left-inner {
      background-image: url(adres-obrazka.pl) !important;
      }
      to tło pojawi się pod całą lewą kolumną. :)

      Usuń
    2. Unknown10 listopada 2014 07:07

      Dzięki Ally, życie mi ratujesz ;)
      Pozdrawiam :)

      Usuń
  2. Unknown29 listopada 2014 05:52

    Ally, a powiedz czy da się zrobić zaokrąglić całą kolumnę? Np: jak w tym szablonie http://th04.deviantart.net/fs70/PRE/f/2014/242/6/3/wolny_what_can_happen_by_yolittlejade-d7xa2t2.png

    OdpowiedzUsuń
  3. xvenom29 listopada 2014 09:53

    Oczywiście, przy tym efekcie używasz takiego kodu:
    .column-left-inner {
    border-radius: 20px !important;
    }
    lewa kolumn będzie zaokrąglona, może zmienić left na right, albo całe ".column-left-inner" na np. .blog-post czy też samo .post :)

    OdpowiedzUsuń
  4. Unknown4 grudnia 2014 11:28

    Ally, jakbym chciała zrobić z nagłówkiem coś takiego ----> http://funkyimg.com/i/R1it.png co musiałabym zrobić? Bo chodzi mi głównie o to jak zrobić żeby nagłówek był po np: lewej stronie?

    OdpowiedzUsuń
  5. xvenom4 grudnia 2014 11:32

    Żeby nagłówek był po lewej stronie musisz wpisać kod:
    .header {
    position: relative;
    left: -100px;
    }
    zmieniasz, wartość w "left" i nagłówek przesuwa się w lewo :)
    A ten nagłówek, w szablonie, który pokazałaś, najprawdopodobniej jest w HTML/JavaScript, ale nie jestem pewna.

    OdpowiedzUsuń
    Odpowiedzi
    1. Unknown4 grudnia 2014 11:34

      Dziękuję :) Popróbuję z tym, może mi się uda ;)

      Usuń
  6. Unknown29 grudnia 2014 03:38

    Ally, a jakbym zrobiła okrągły nagłówek i wpisała kod na obramowanie, to miałabym obramowanie jak kółko czy byłoby prostokątne?

    OdpowiedzUsuń

Subskrybuj: Posty (Atom)
scroll to top