[FOORUM] Sotsiaalvõrgustike nupud avalehele Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

[FOORUM] Sotsiaalvõrgustike nupud avalehele

Vaata eelmist teemat Vaata järgmist teemat Go down

Tonight
Tonight

[FOORUM] Sotsiaalvõrgustike nupud avalehele Vetera11
Liitus : 19/02/2012
Postitusi : 18000

PostitamineTonight 28.02.15 0:20

Lõpptulemus (näide):
[FOORUM] Sotsiaalvõrgustike nupud avalehele 1610

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".
Tehnik aK
Tehnik aK
Komeet
Liitus : 28/03/2013
Postitusi : 453

PostitamineTehnik aK 20.03.15 23:31

Kuidas sinna index_bodysse saan ja templatesse?
Tonight
Tonight

[FOORUM] Sotsiaalvõrgustike nupud avalehele Vetera11
Liitus : 19/02/2012
Postitusi : 18000

PostitamineTonight 20.03.15 23:59

Pead olema foorumi asutaja (u1), leiad selle ACP -> Display -> ...
Tehnik aK
Tehnik aK
Komeet
Liitus : 28/03/2013
Postitusi : 453

PostitamineTehnik aK 21.03.15 14:09

Korras!
flammable
flammable

Liitus : 17/08/2014
Postitusi : 1600

Postitamineflammable 02.04.15 15:33

Hea asi, ise lisasin Announcements'i

Vaata eelmist teemat Vaata järgmist teemat Tagasi üles

Soovid vestluses osaleda?

Selleks logi sisse või tee endale kasutaja.

Liitu foorumiga

Tee endale kasutaja ning osale aruteludes.


Tee uus kasutaja

Logi sisse

Omad foorumis juba kasutajat? Logi sisse.


Logi sisse

 
Permissions in this forum:
Sa ei saa vastata siinsetele teemadele