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!

Dreams Lifestyle

Co myślicie o instrukcji?

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