Oficjalne forum pomocy serwisu PUN.pl

MrLolan90

Użytkownik

Dołączył: 2012-07-23

Liczba postów: 6

Problem z wysuwanym likebox'em...

Witam

Mam kod na like box wysuwany z lewej strony po najechaniu na niego myszą,
ale jest pewien problem bo likebox działa, ale chatbox już nie.
Po wpisaniu wiadomości do chatboxa i przyciśnięciu enter strona się tylko odświeża i nic nie dodaje
do chatboxa.

Poniżej kod:
<style type="text/css">

    #wys
    {
    background: url("http://dl.dropbox.com/u/106645823/facebook.png") no-repeat scroll 0 0 transparent;
    padding: 10px;
    width: 235px;
    height:402px;
    position: fixed;
    margin-top: -100px; /*połowa wysokości panelu w górę */ left: 0px;
    top: 50%;
    }
    .zamknij
    {
    background-position: 0px 0px -242px 0px;
    }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $("#wys").css("left","-216px");
    $("#wys").hover(
    function () {
    $("#wys").animate({left: "0px"}, 400 );
    $(this).addClass("zamknij");
    }, function () {
    $("#wys").animate({left: "-216px"}, 400 );
    $(this).removeClass("zamknij"); }
    );
    });
    </script>
    <!--[if lt IE 8]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
    <![endif]-->
    <div id="wys">
<div id="wewnatrz" style="float: left; width: 216px; margin-left: 0px;"> <iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Spartlandpl&width=190&colorscheme=light&show_faces=true&border_color&stream=false&header=false&height=378" style="border: medium none ; overflow: hidden; width: 190px; height: 378px; background-color: rgb(243, 247, 255);" frameborder="0" scrolling="no"></iframe></div> </div>

m3a1

Użytkownik

Skąd: Gdynia

Dołączył: 2013-09-24

Liczba postów: 152

Odp: Problem z wysuwanym likebox'em...

A ja mam pytanko czy można zrobić coś identycznego, działającego poprawnie ale na wpisanie własnego tekstu, obrazka itp itd a nie FB??

---

http://www.pogranicze-pbf.pun.pl - Niedługo otwarcie forum o magii które nie jest pisane na podstawie żadnego filmu, książki, komiksu, anime itp - Napisane 15 Października 2013 - Przewidywane otwarcie: Styczeń 2014 rok.

pro14ab

Moderator

Skąd: C:\users\pro14ab

Dołączył: 2013-01-20

Liczba postów: 1,198

WWW

Odp: Problem z wysuwanym likebox'em...

Do ogłoszenia:

<style type="text/css">
#tab {
   width: 200px;
   height: 300px;
   position: fixed;
   top: 100px;
   background-color: #fff;
   border: 5px solid #3B5997;
   left: -210px;
   -webkit-transition: left 0.5s ease-out;
   -moz-transition: left 0.5s ease-out;
   -o-transition: left 0.5s ease-out;
   transition: left 0.5s ease-out;

}
#tab:after{
   content: url('http://www.no-limit.pl/przycisk.png');
   position: absolute;
   right: -32px;
   top: -5px;
   cursor: pointer;
}

#tab:hover {
   left: 0;
}
</style>
<div id="tab">Tutaj dowolna treść lub kod FB</div>

Kod znalazłem tu: Klik

Ostatnio edytowany przez pro14ab (2013-10-01 20:06:43)

---

Discord: pro14ab#3318
>> GitHub <<
Polecam

MrLolan90

Użytkownik

Dołączył: 2012-07-23

Liczba postów: 6

Odp: Problem z wysuwanym likebox'em...

Dzięki pro14ab jesteś wielki .
Pozdrawiam temat do zamknięcia.
Można przypiąć bo nie mogłem znaleźć czegoś podobnego na pun.pl.