Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Išlendantis ir slenkantis Facebook'o fan box skydelis

Parašė MaFetas· 2012 Vas. 7 00:02:16
#1

Taigi labai trumpa: netyčia užėjau į vieno nario temą kurioje pardavinėja skriptus bei modifikacijas. Krito į akį facebook'o fan page'o skydelis, užmetus akį i source kodą aiškiai pamačiau, jog skriptas (ar kodu jį galima tiesiog pavadinti) tiesiog labai drąsiai paimtas iš vieno lenkų tinklapio, tiek bg foto tiek ir javascript'as (neskaitant nereikalingų) taip pat naudoti iš jo (tiesiog nukopinta iš source kodo).

Man tai atrodo žema ir tikrai negražu kai už tai dar yra prašoma 15Lt (suprasčiau, jog tai būtų padalinta nemokamai - juk iš lenkų paimta :D ) Tad noriu pasidalinti su Jumis šiuo dalykėliu, manau gal bus kažkam naudingas, galų gale persidarysit gal pagal kitą tematiką. Tikiuosi daugiau tokių veikėjų su panašiais prikolais nebus :)

P.S bereikšmiai komentarai bus trinami, jei neturit ko protingo pasakyti, o tiesiog norit paveplent geriau susilaikykit :)

========================================
Imam šį skriptą (yra du variantai) ir dedame į savo naudojamos theme.php failą (aišku galima pasidaryti atskiram .js faile ir jį includinti, kaip norėsit taip pasiredaguosit patys :) )
1. Šis kodas atidarys skydelį vos tik pelę užvesite ant FB ikonos

add_to_head ("<script type='text/javascript'>
$(document).ready(function () {
$('#wysuwany_div').mouseover(function() {
$('#wysuwany_div').stop();
$('#wysuwany_div').animate({
right: '0', //po najechaniu myszką na obiekt, jego prawy margines ma zmienić się na 0px
},350 //margines zmieni się w czasie 350 milisekund
);
})
$('#wysuwany_div').mouseout( 
function() {
$('#wysuwany_div').stop();
$('#wysuwany_div').animate({
right: '-209', //po zjechaniu kursora z obiektu, jego prawy margines ma zmienić się na -209px czyli tyle ile ma szerkości nasza niebieska ramka minus wystający kawałek z logo facebook który ma być cały czas widoczny.
}, 350 //dzieje się to również w czasie 350 milisekund
);
});
})
</script>");


2. Šis kodas atidarys skydelį kai paspausite su pele ant facebook ikonos

add_to_head ("<script type='text/javascript'>
$(document).ready(function () {
$('#wysuwany_div').css('right','-205px');
$('.wysuwany_div_button').toggle(function(){
$('#wysuwany_div').animate({right: '0px'}, 500 );
$(this).addClass('zamknij');
return false;
},
function(){
$('#wysuwany_div').animate({right: '-205px'}, 500 );
$(this).removeClass('zamknij');
return false;
});
}); 
</script>");


pradžioje theme.php failo įdedame šį kodą:

echo"<div id='wysuwany_div'>
        <div id='ramka_facebooka'>
 
* Jūsų FB fan page kodas *
 
        </div>
        <a class='wysuwany_div_button' href='#'></a>
        </div>";


ir galiausiai į savo styles.css įterpiame:

 
#wysuwany_div{
	float:right;
	width:250px;
	height:420px; 
	background: url(http://img190.imageshack.us/img190/3564/fbbox.png);
	display:block;
	right:-205px;
	padding:0;
	position:fixed;
	top:170px;
	z-index:10000;
}
 
#ramka_facebooka { margin: 7px 0 0 40px;}

.zamknij {
    background-position: -102px 0;
}
 
.zamknijfb {
    background-position: -102px 0;
}
 
.wysuwany_div_button {
    display: block;
    height: 128px;
    position: absolute;
    left: 0px;
    text-indent: -9999px;
    top: 29px;
    width: 44px;
}
 


Keli BG paveiksliukai:
http://img190.imageshack.us/img1.../fbbox.png
http://img9.imageshack.us/img9/2...076486.png

Jei dar domina kitaip pasidaryti ar plačiau pasinagrinėti kodą užmeskite akį į šią forumo temą (pasidarytumėt ir kitokiu variantu): http://forum.eduweb.pl/viewtopic...=254#p1972

Redagavo MaFetas· 2012 Vas. 7 00:02:02