Et tuua foorumi Facebooki-leht kasutajatele lähemale, on mõistlik lisada foorumisse like-kast.


Alustame CSSiga (ACP -> Display -> Colors -> CSS Stiilifail)

Kood:

.w2bslikebox{background: url("http://i55.servimg.com/u/f55/17/30/84/56/facebo10.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 999;position:fixed;right:-250px;top:20%;}
        .w2bslikebox div{border:none;position:relative;display:block;}
        .w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 999;}
        .w2bslikebox span a{color: #FF9D00;text-decoration:none;}
        .w2bslikebox span a:hover{text-decoration:underline;}

Järgmisena loo uus Javascript (ACP -> Modules -> Javascript codes management -> Create a new javascript) ning tee linnuke In all the pages ette.

Kood:

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");},
        500);});

Lõpetuseks, peame kuvama sinu lehekülje. See on ainus raske koht siin õpetuses, sest igal foorumi versioonil pole head kohta selle koodijupi lisamiseks. PunBB ning PhpBB2 kasutajad saavad selle lisada omale Templatesidesse, teistel soovitan selle koodi lisada Announcementsidesse (ACP -> General -> Messages and e-mails -> Announcements)

Kood:

<div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/SINULEHEKÜLG&
width=245&colorscheme=light&show_faces=true& connections=12&stream=false&header=false&height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe></div></div>

Juhul, kui sa oma FB-kastikest ei näe, siis kontrolli, et sul oleksid announcementid aktiveeritud.

Väga hea õpetus.
Kõik töötab suurepäraselt

/Edit: Peale selle asja lisamist teeb leht iga pidevalt ise Refreshi :(Kuidas disableda see asi?

/Edit 2: Panin selle käsitsi Template alt (Index body) alla ja nüüd enam ei refreshi, varem oli see kood mul Announcement'i all ja siis refreshis pidevalt.

Gofey kirjutas:Väga hea õpetus.
Kõik töötab suurepäraselt

/Edit: Peale selle asja lisamist teeb leht iga pidevalt ise Refreshi Kuidas disableda see asi?

Anna lehekülje link.

Ei funka
http://warcraft.forum.co.ee/

Tehnik aK kirjutas:Ei funka
http://warcraft.forum.co.ee/

Javascript lisamata/valesti lisatud sul.

Panen "creat new javascript" Mis nimeks panen & koodi panin lahtrisse.

Linnuke In all the pages juures?

Tonight kirjutas:Linnuke In all the pages juures?

See probleem võib tuleneda sellest, et Facebooki linki pole või on see vigane.
Endal oli kah selline probleem kui katsetasin kuid hiljem nägin, et olin ühe lehekülje numbri panemata jätnud ja seega oli sama probleem.

Adress & linnuke olemas.

Kuidas su Announcementide settingud on? Suht mõttetu öelda, et ei tööta, kui me ise sama scripti siin foorumis kasutame. Viga on pigem paigaldajas.

---

---

---

Pead tegema Announcementi ilma WYSIWYG-ta.

//Rohkem ma supporti ei paku sulle siin teemas, kuna su foorum sisaldab ~100 ilma viiteta kopeeritud Favali teemat.

////Teemaväline:

Kood:

.sceditor-container iframe, .sceditor-container textarea {
    background-image: url("PILDI URL")!important;

Pead sinna pildile URLi ka panema btw

https://i.servimg.com/u/f55/17/30/84/56/facebo10.png
Selle panin pildi url

Kas neid mybb foorumile ei saa panna?

Saab

Kuidas,mis pluginaga?

Paluks sellist asja htmlina. Ei sooviks just foorumi sellist teha.

Kood:

<style>.w2bslikebox{background: url("http://i55.servimg.com/u/f55/17/30/84/56/facebo10.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 999;position:fixed;right:-250px;top:20%;}
        .w2bslikebox div{border:none;position:relative;display:block;}
        .w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 999;}
        .w2bslikebox span a{color: #FF9D00;text-decoration:none;}
        .w2bslikebox span a:hover{text-decoration:underline;}</style>
<script>$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");},
        500);});</script>
<div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/SINULEHEKÜLG&
width=245&colorscheme=light&show_faces=true& connections=12&stream=false&header=false&height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe></div></div>