Faval on vabaajafoorum, mis sisaldab suurtes kogustes Counter-Strike teadmisi.

[FOORUM] FB like-kasti lisamine

 :: IT-maailm :: Infotehnoloogia :: IT õpetused :: PhpBB õpetused

Vaata eelmist teemat Vaata järgmist teemat Go down

[FOORUM] FB like-kasti lisamine Empty [FOORUM] FB like-kasti lisamine

#23897
Tonight
Tonight

[FOORUM] FB like-kasti lisamine Vetera11
Liitus : 19/02/2012
Postitusi : 17983

PostitamineTonight 26.10.13 6:22

Et tuua foorumi Facebooki-leht kasutajatele lähemale, on mõistlik lisada foorumisse like-kast.
[FOORUM] FB like-kasti lisamine Fb10

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.

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#25780
avatar
Külaline
Külaline

PostitamineKülaline 25.01.14 22:00

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.


Viimati muutis seda Gofey (25.01.14 23:19). Kokku muudetud 1 kord (Muutmise põhjus : Edit 2/ Probleem lahendatud)

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#25784
Tonight
Tonight

[FOORUM] FB like-kasti lisamine Vetera11
Liitus : 19/02/2012
Postitusi : 17983

PostitamineTonight 25.01.14 23:07

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.

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#26783
Tehnik aK
Tehnik aK
Komeet
Liitus : 28/03/2013
Postitusi : 453

PostitamineTehnik aK 07.02.14 13:56

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#26790
Tonight
Tonight

[FOORUM] FB like-kasti lisamine Vetera11
Liitus : 19/02/2012
Postitusi : 17983

PostitamineTonight 07.02.14 16:04

Tehnik aK kirjutas:Ei funka
http://warcraft.forum.co.ee/
Javascript lisamata/valesti lisatud sul.

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#26791
Tehnik aK
Tehnik aK
Komeet
Liitus : 28/03/2013
Postitusi : 453

PostitamineTehnik aK 07.02.14 16:10

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

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#26792
Tonight
Tonight

[FOORUM] FB like-kasti lisamine Vetera11
Liitus : 19/02/2012
Postitusi : 17983

PostitamineTonight 07.02.14 16:15

Linnuke In all the pages juures?

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#26794
avatar
Külaline
Külaline

PostitamineKülaline 07.02.14 16:20

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.

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#26795
Tehnik aK
Tehnik aK
Komeet
Liitus : 28/03/2013
Postitusi : 453

PostitamineTehnik aK 07.02.14 16:24

Adress & linnuke olemas.

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#26796
Tonight
Tonight

[FOORUM] FB like-kasti lisamine Vetera11
Liitus : 19/02/2012
Postitusi : 17983

PostitamineTonight 07.02.14 16:35

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.

[FOORUM] FB like-kasti lisamine Asd12

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#26805
Tehnik aK
Tehnik aK
Komeet
Liitus : 28/03/2013
Postitusi : 453

PostitamineTehnik aK 07.02.14 17:29

[FOORUM] FB like-kasti lisamine 1245
---
[FOORUM] FB like-kasti lisamine 12456
---
[FOORUM] FB like-kasti lisamine 124567
---
[FOORUM] FB like-kasti lisamine 1245678

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#26809
Tonight
Tonight

[FOORUM] FB like-kasti lisamine Vetera11
Liitus : 19/02/2012
Postitusi : 17983

PostitamineTonight 07.02.14 17:35

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

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#26810
Tehnik aK
Tehnik aK
Komeet
Liitus : 28/03/2013
Postitusi : 453

PostitamineTehnik aK 07.02.14 17:51

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#60074
Talirand
Talirand

[FOORUM] FB like-kasti lisamine Vetera11
Liitus : 19/08/2014
Postitusi : 4844

PostitamineTalirand 03.05.15 13:45

Kas neid mybb foorumile ei saa panna?

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#60214
cl0ud
cl0ud
Liige
Liitus : 22/03/2015
Postitusi : 111

Postitaminecl0ud 05.05.15 18:13

Saab

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#60219
Talirand
Talirand

[FOORUM] FB like-kasti lisamine Vetera11
Liitus : 19/08/2014
Postitusi : 4844

PostitamineTalirand 05.05.15 18:37

Kuidas,mis pluginaga?

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#72988
Tehnik aK
Tehnik aK
Komeet
Liitus : 28/03/2013
Postitusi : 453

PostitamineTehnik aK 27.09.15 21:24

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

[FOORUM] FB like-kasti lisamine Empty Re: [FOORUM] FB like-kasti lisamine

#72990
Tonight
Tonight

[FOORUM] FB like-kasti lisamine Vetera11
Liitus : 19/02/2012
Postitusi : 17983

PostitamineTonight 28.09.15 4:55

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>

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

Faval :: IT-maailm :: Infotehnoloogia :: IT õpetused :: PhpBB õpetused

 
Permissions in this forum:
Sa ei saa vastata siinsetele teemadele
Create a forum on Forumotion | ©phpBB | Free forum support | Report an abuse | Latest discussions