Wysuwany like box

transspeed

2011-12-05 20:15

Witam jak zrobić wysuwanego like boxa w Quick.Card.Add, naprzykład z lewej strony ?

» Quick.Cart v4.x

transspeed

krasnal098

2011-12-05 20:42

:)

zrób go dobrze i najlepiej bez bledów

a potem napisz jak próbowałes go zrobic i jak cie sie w końcu udało ;)

moze inni tez skorzystają.

RobenPL

2011-12-06 12:58

http://burned.pl/wysuwany-like-box-slider-facebooka-na-naszej-stronie

Będzie tylko konflikt jQuery, więc musisz to ustawić osobno

transspeed

2011-12-06 15:54

Próbowałem już like boxa ale mam problem ( jestem samoukiem ) w pkt.3
W sekcji „Head” naszej stronie piszemy kod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

TO ROZUMIEM, ALE TEGO NIŻEJ JUŻ NIE ( jest osadzenie zdalnej biblioteki, co to znaczy, gdzie to ma być ? )

Jest osadzenie zdalnej bibliotetki jquery w naszej stronie

<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>
Kod ten odpowiada za wysunięcie diva &#8222;#wysuwane&#8221;, gdy najedziemy myszką oraz schowanie go gdy myszka będzie poza obszarem diva.
---------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------
Dodajemy arkusz styli:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<style type="text/css" >
#wysuwane
{

background: url("http://burned.pl/wp-content/uploads/2011/02/fbpodklad.png") no-repeat scroll 0 0 transparent;

padding: 10px;
width: 235px;
height:402px;

position: fixed;
margin-top: -200px; /*połowa wysokości panelu w górę */
left: 0px;
top: 50%;

}
.zamknij
{
background-position: 0px 0px -242px 0px;
}
</style>

transspeed

cllio

2011-12-14 20:57

Witam, tą część kodu wrzucasz między znaczniki head

<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");
}
);
});


a style do pliku default.css

#wysuwane
{

background: url("http://burned.pl/wp-content/uploads/2011/02/fbpodklad.png";) no-repeat scroll 0 0 transparent;

padding: 10px;
width: 235px;
height:402px;

position: fixed;
margin-top: -200px; /*połowa wysokości panelu w górę */
left: 0px;
top: 50%;

}
.zamknij
{
background-position: 0px 0px -242px 0px;
}

Wiem to Ci powiem, nie zapomnij podziękować ;)