[FOORUM] Sotsiaalvõrgustike nupud avalehele

○ Lõpptulemus (näide):


• Alustuseks lisame CSSi (ACP -> Display -> Colors -> CSS Stiilifail). Tegu on CSS3-ga ning efektid võivad tekitada vanemates brauserites probleeme.

Kood:

ul.socialicons {
    list-style: none;
    margin:0px;
    padding:5px;
    position:fixed;
    left:0px;
    top:250px;
}
ul.socialicons li {
    padding-bottom:8px;
    padding-left:15px;
}
ul.socialicons li img {
    opacity:0.5;
    transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}
ul.socialicons li img:hover {
    opacity:1.9;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

• Nüüd tuleb lisada HTML. Valikuid on mitmeid - võid näiteks lisada selle Announcements'ide või Templates'ide kaudu. Faval kasutab Templates'ide võimalust, lisasime koodi index_body'sse.

Kood:

<ul class="socialicons">
<li><a href="LINK" target="_blank"><img src="PILDI LINK" /></a></li>
<li><a href="LINK" target="_blank"><img src="PILDI LINK" /></a></li>
</ul>

LINK = leht, kuhu kasutaja suunatakse
PILDI LINK = kuvatava pildi URL
Kui sa ei soovi, et lehekülg avatakse uues tabis, siis eemalda koodist target="_blank".

Kuidas sinna index_bodysse saan ja templatesse?

Pead olema foorumi asutaja (u1), leiad selle ACP -> Display -> ...

Korras!

Hea asi, ise lisasin Announcements'i