|
Page: | 1 |
Topic: [pl] Wysuwany Like Box Facebook
|
|
|
Centeczka
2012-01-06 21:36:46
Votes: 0
|
Witam
Mam zamiar umieścić na stronie wysuwany Like Box
skorzystałam z tutoriala http://burned.pl/wysuwany-like-box-slider-facebooka-na-naszej-stronie
i wszystko by było dobrze gdyby na stronie pojawiła się czarne lecz półprzezroczyste tło zasłaniające 80% strony (identyczne pojawia się przy klikaniu na fotki gdy one się powiekszają i można je przełączać za pomocą strzałek)
ta półprzezroczystość wszystko blokuje
ale gdy przejadę w dół strony wszystko po za tą półprzezroczystością działa jak należy w tym wysuwania i wsuwanie (mam to na xsampie i testowałam narazie na operze)
to dodałam do container zaraz przed end body
[code]
<div id="wewnatrz" style="float:left;width:150px; display:block; margin-left:0px;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fagencja.reklamowa.seven&wi dth=185&height=258&colorscheme=light&show_faces=true&border_color=blue&stream=fa lse&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:185px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
<div style="visibility:hidden;width:0px;height:0px;">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<html xmlns:fb="http://ogp.me/ns/fb#">;
<fb:like-box href="http://www.facebook.com/agencja.reklamowa.seven"; width="185" height="380" show_faces="true" border_color="blue" stream="false" header="false"></fb:like-box>
</div>
[/code]
a to dodałam do styli
[code]
/* Wysywamy like box */
#wysuwane{background: url('img/fbpodklad.png') no-repeat scroll 0 0 transparent;padding: 10px;width: 235px;height:402px;position: fixed;margin-top: -200px;left: 0px;top: 50%;}
.zamknij{background-position: 0px 0px -242px 0px;}
[/code]
proszę o podpowiedź
» freeware Quick.Cms v3.x
|
|
Centeczka
2012-01-06 21:48:58
Votes: 0
|
a tak i jeszcze w container w sekcji head
dodaje
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>;
<script type="text/javascript">
$(function(){
$("#wysuwane").css("left","-210px");
$("#wysuwane").hover(
function () {
$("#wysuwane").animate({left: "0px"}, 1000 );
$(this).addClass("zamknij");
},
function () {
$("#wysuwane").animate({left: "-210px"}, 1000 );
$(this).removeClass("zamknij");
}
);
});
</script>
próbowałam jeszcze roabić tak jak http://opensolution.org/Quick.Cart/forum/wysuwany-like-box,7587.html
czyli
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>;;
<script type="text/javascript">
jQuery.noConflict();
jQuery(function(){
jQuery("#wysuwane").css("left","-210px");
jQuery("#wysuwane").hover(
function () {
jQuery("#wysuwane").animate({left: "0px"}, 1000 );
jQuery(this).addClass("zamknij");
},
function () {
jQuery("#wysuwane").animate({left: "-210px"}, 1000 );
jQuery(this).removeClass("zamknij");
}
);
});
ale wtedy nie działa wysuwanie i wsuwanie tylko jest cały czas na wieszku chociaż nie ma tego czarnego półprezroczystego tła
|
|
openzibi
2012-01-07 20:10:02
Votes: 0
|
Centeczka - 2 opcje do wyboru:
a) poszukaj "gdzieś w necie" generatora online dla slidera fb
b) lub "odpowiednio" zerknij na stronę http://meubles.com.pl i masz "gotowca".
-------------------------------------------------------
hosting-domeny-strony - http://www.rhh.pl
|
|
euphoria-art
2012-01-07 21:51:59
Votes: 0
|
openzibi gotowiec to by był jak byś rozwiązanie napisał niżej ;) Nie chcę być złodziejem i nie chce kraść Ci fragmęntów Twoich kodów ze strony. Wiem gdzie szukać ale nie chce - musiał bym się wtedy wyspowiadać ;) ukraść bym mógł wszystko z Twojej strony - szablony, czcionki, grafikę chociażby wspomniany wyżej Like-box, ale po co, chcę mieć czyste sumienie.
|
|
openzibi
2012-01-07 22:20:50
Votes: 0
|
euphoria-art - podpowiem tylko tyle:
a) znajdż na http://meubles.com.pl stosowny fragment kodu js odwołujacy sie do facebook
(poczatek i koniec jest wyraźnie zaznaczony)
b) wklej go do tego samego swojego js LUB MOZE LEPIEJ utwórz z niego nowy plik js i wywołaj w container.tpl
c) zmień 2 odwolania do meubles i kolor zakładki z jasno brazowego na np "facebookowy niebieski"
d) i korzystaj z czystym sumieniem :)
-------------------------------------------------------
hosting-domeny-strony - http://www.rhh.pl
|
|
euphoria-art
2012-01-08 00:06:44
Votes: 0
|
Dzięki to chciałem usłyszeć ;)
|
|
Centeczka
2012-01-09 22:18:13
Votes: 0
|
Dziękuje za odpowiedzi
przeglądałam źródło strony ale nie mogę zrozumiec gdzie w kodzie jest odwołanie do funpage?
widze loopedslider
i całkiem poniżej kolejny js
ale tu kożystasz z sewnetrznego generatora ? czy jak ?
bo widze setAccount i numer
|
|
openzibi
2012-01-09 22:50:01
Votes: 0
|
Centeczka - tam są 4 pliki js (przynajmniej dzisiaj)
Może w trzecim :)
-------------------------------------------------------
hosting-domeny-strony - http://www.rhh.pl
|
|
Centeczka
2012-01-10 20:35:32
Votes: 0
|
no kurcze widze skryptu odwołujące do Google Analytics ga.js (właśnie czytam co to jest)
ale do Facebooka nic nie moge wypatrzeć na oprócz odwołania na małej ikonki
ale gdzie zamieszczona jest wtyczka z fb do slidera nie mam pojęcia :/
|
|
openzibi
2012-01-10 20:43:41
Votes: 0
|
Ctrl+U i trzeci od góry skrypt js
-------------------------------------------------------
hosting-domeny-strony - http://www.rhh.pl
|
|
Centeczka
2012-01-11 10:27:03
Votes: 0
|
dlaczego ja tego nie widze :/
sa standardowa dla quick.card wywłania
- jquery
- common
- plugins
poźniej
- loopedslider o którym wspominałam
dalej znów
- standartowe komunikaty
- coś dl IE 7
- Google Analytics ga.js
- puste odwołanie ... (może to "to" ale ja tego nie widze)
- newsletter
- znów Google Analytics ga.js
koniec
|
|
openzibi
2012-01-11 21:05:39
Votes: 0
|
Centeczka - mógłbym tu wkleić ten fragment kodu ale jeżeli planujesz samodzielnie projektować stronę to powinnaś wiedzieć co i jak można uzyskać ze źródła strony.
-------------------------------------------------------
hosting-domeny-strony - http://www.rhh.pl
|
|
Centeczka
2012-01-11 22:20:39
Votes: 0
|
To prosze na teraz mi daruj i napisz mi rozwiązanie trinity.j.k@wp.pl
a obiecuje, że więcej Cie nie bede zameczać o takie błachostki i oczywistości
:)
|
|
kamyk-aka-kamikaze
2012-01-18 12:57:29
Votes: 0
|
plugins.js
Jak to dobrze umieć liczyć do trzech :)
-------------------------------------------------------
http://marcinkaminski.bedzin.pl
|
|
Page: | 1 |
|
|
|
