22 kwietnia 2016

Instrukcja i &vlog



Dzisiaj prezentuje wam instrukcje na nagłówek,który po najechaniu się zmienia. Tradycyjnie pracować bedzie w kodzie css.No to zaczynamy!

1.Wchodzimy w -szablon-dostosuj-zaawansowane-dodaj kod css


2. Wklejamy kod:


.header h1 {display:none;} /usunięcie tytułu bloga
.header{
position: relative;
top: 30px;
width: 920px; /szerokość  pierwszego zdjęcia
height: 409px; /wysokość drugiego zdjęcia
background: url('podstawiamy link do pierwszego zdjęcia') !important;
transition: 0.5s !important;
}
.header:hover{
background: url('podstawiamy link do zdjęcia,które zmieni się po najechaniu') !important;
background-position: 70% 30% !important;
width: 920px; /szerokość drugiego zdjęcia
height: 409px; /wysokość drugiego zdjęcia
transition: 0.5s !important;
}

3. Linkować zdjęcia możecie tutaj:funkyimg.com

4.Zapisujemy i gotowe 


Pamiętajmy,że wymiary obu zdjęć muszą być takie same, a także,by prawidłowo zalinkować zdjęcie. W kodach css liczy się każdy znak,więc skopiuj kod prawidłowo. W razie pytań pisz w komentarzu na pewno pomogę.

Jeśli jesteście zainteresowani i chcielibyście wiecej instrukcji dajcie znać. Mam mnóstwo pomysłów, z którymi chętnie się podziele!





Co myślicie o instrukcji?
Podoba wam się?
Co myślicie o vlogu?











3 komentarze :

  1. Świetna instrukcja i naprawdę bardzo przydatna! Rób więcej tego typu postów :D

    http://neverstopdreaminggg.blogspot.com

    OdpowiedzUsuń
  2. Dziękuję za instrukcję! :)

    Zapraszam do mnie:
    http://miedzywymiarowefetysze.blogspot.com/

    OdpowiedzUsuń

Szablon dla Bloggera stworzony przez Blokotka