Rozwijany widget

Tworzymy nowy widget (u mnie tekst) i dodajemy tam zdjęcie i tekst, który będziemy później rozwijać. Miesiące linkujemy kolejno rok, miesiąc i dzień:

http://justdaaria.blogspot.com/2018_01_01_archive.html

Następnie musimy znaleźć ID gadżetu. Możemy to zrobić poprzez edytowanie go i przesunięcie linka (patrz strzałka) i za WidgetID= będzie nasze ID.

 

 

Gdy mamy już ID naszego gadżetu, wchodzimy w edycje kodu HTML. Tam wciskamy CTRL+F i wpisujemy:

</b:skin>

 

Przed tym wklejamy nasz kod: 

#IDgadżetu .widget-content {
height: 0px;
overflow: hidden;
transition: height .7s ease;
-webkit-transition: height .7s ease;
-moz-transition: height .7s ease;
-o-transition: height .7s ease;
-ms-transition: height .7s ease;
}

#IDgadżetu:hover .widget-content {
height: 0px;]]>

IDgadżetu  znaleźliśmy wcześniej, więc wpisujemy go w te miejsce. 0px to wysokość tego co jest widoczne, a w drugim kodzie 0px oznacza wysokość całego gadżetu po rozsunięciu.

 

Mam nadzieję, że instrukcja się Wam przyda. :)

| instagram | vinted |

♥♥♥