This is a Hitskin.com skin preview
Install the skin • Return to the skin page
[FOORUM] Sotsiaalvõrgustike nupud avalehele
Lehekülg 1, lehekülgi kokku 1 • Share
- Tonight
- Liitus : 19/02/2012
Postitusi : 18000
○ Lõpptulemus (näide):
• Alustuseks lisame CSSi (ACP -> Display -> Colors -> CSS Stiilifail). Tegu on CSS3-ga ning efektid võivad tekitada vanemates brauserites probleeme.
• 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.
PILDI LINK = kuvatava pildi URL
Kui sa ei soovi, et lehekülg avatakse uues tabis, siis eemalda koodist target="_blank".
• 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>
PILDI LINK = kuvatava pildi URL
Kui sa ei soovi, et lehekülg avatakse uues tabis, siis eemalda koodist target="_blank".
- Tehnik aKKomeet
- Liitus : 28/03/2013
Postitusi : 453
Kuidas sinna index_bodysse saan ja templatesse?
- Tonight
- Liitus : 19/02/2012
Postitusi : 18000
Pead olema foorumi asutaja (u1), leiad selle ACP -> Display -> ...
- Tehnik aKKomeet
- Liitus : 28/03/2013
Postitusi : 453
Korras!
- flammable
- Liitus : 17/08/2014
Postitusi : 1600
Hea asi, ise lisasin Announcements'i
Soovid vestluses osaleda?
Selleks logi sisse või tee endale kasutaja.
Lehekülg 1, lehekülgi kokku 1
Permissions in this forum:
Sa ei saa vastata siinsetele teemadele