Wysuwany aplet

https://webmastah.pl/wysuwany-widget-na-strone/

html

class=„slideout-widget widget-facebook”>

class=„slideout-widget-handler”>
class=„icon-facebook”>

class=„slideout-widget-content”>

</div>

CSs


.slideout-widget {
 position: fixed;
 right: -15em;
 top: 50%;
 transition: right .4s;
 width: 15em;
 z-index: 10;
}
 
.slideout-widget:hover {
 right: 0;
}
 
.slideout-widget-handler,
.slideout-widget-content {
 background: #eee;
 border: 1px solid #ddd;
 padding: 1em .5em;
}
 
.slideout-widget-handler {
 border-right: none;
 left: -3em;
 position: absolute;
 text-align: center;
 width: 3em;
}
.slideout-widget-content {
 border-width: 1px 0;
 overflow: hidden;
 width: 100%;
 z-index: 11;
}

ostylowanie pojedynczych

.widget-facebook .slideout-widget-handler,
.widget-facebook .slideout-widget-content {
 background: #3c5b9b;
 border: none;
}
 
.widget-facebook,
.widget-facebook a {
 color: #fff;
}
Reklamy

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj / Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj / Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj / Zmień )

Connecting to %s