piątek, 4 listopada 2011

Pole z avkiem wysuwane z boku

Czyli jak, wiedziesz myszka to się wysunie xD

<div><div id="wysuwane" style="left: -15px; " class=""> <div id="wewnatrz" style="float:left;width:155px; display:block; margin-left:0px;"><img src="LINK" border="0"><br><br>TEKST<br>TEKST<br>  TEKST <br>TEKST <br>TEKST<br>TEKST<br>TEKST<br>TEKST<br>TEKST<br>TEKST<br> TEKST<br></div></div><style>#wysuwane{ background: url("LINK") no-repeat scroll 0 0 transparent; padding: 10px; width: 231px; height:395px; position: fixed; margin-top: -222px; /*połowa wysokości panelu w górę */ left: 0px; top: 50%; color: white; /* Kolor czcionki */ }.zamknij{ background-position: 0px 0px -333px 0px;} </style><script type="text/javascript"> $(function(){ $("#wysuwane").css("left","-211px"); $("#wysuwane").hover( function () { $("#wysuwane").stop().animate({left: "0px"}, 600 ); $(this).addClass("zamknij"); }, function () { $("#wysuwane").stop().animate({left: "-211px"}, 500 ); $(this).removeClass("zamknij"); });}); </script></div>

Link do avatara na wyświetlanym pasku


Tam gdzie pisze TEKST wpisujecie tekst jaki ma się wyświetlać na wysuwanym pasku, odstęp między nimi <br> oznacza, że kolejny tekst będzie na dole. Jeśli chcecie mieć więcej przerw na pisanie tekstu na dole piszecie jeszcze raz <br> i tyle.


Tu dajecie link na tło wysuwanego paska, ale tak żeby miał odpowiedni kształt, przykłady: http://s4.ifotos.pl/img/topng_rphhper.png
http://s3.ifotos.pl/img/to-3png_rphhpwn.png
http://s4.ifotos.pl/img/to-1png_rphhpsh.png
http://s3.ifotos.pl/img/to-2png_rphhpss.png







31 komentarzy:

  1. Dziękuję, świetna jesteś < 3 O to mi właśnie chodziło ;)

    OdpowiedzUsuń
  2. pobieram , zajebiste. ;) gratuluje bloga ;)
    .SoPretty.

    OdpowiedzUsuń
  3. biore, ale wpiszesz mi go ??? to moja strona napisz na priv. http://poszkole.pl/strona prosze :D

    OdpowiedzUsuń
  4. Co ci się robi? Nie spamuj mi tu

    OdpowiedzUsuń
  5. a co z avkiem bo nie czaje

    OdpowiedzUsuń
  6. o co chodzi z avkiem odp jak masz ps lub gg 35341790 ps:http://poszkole.pl/strona/22763502

    OdpowiedzUsuń
  7. Że na tym wysuwanym polu będzie tak jakby avek, czyli taki obrazek u góry jak jest pokazany na podglądzie

    OdpowiedzUsuń
  8. no ale jak go wstawić?

    OdpowiedzUsuń
  9. Tam gdzie jest napis LINK wstawiasz link do avatara

    OdpowiedzUsuń
  10. bioree :DDD .

    OdpowiedzUsuń
  11. dziękii jesteś wielka wszędzie tego szukalam ♥ ;*

    OdpowiedzUsuń
  12. Cześć fajny kod ale mi coś dziwnie działa bo tekst nie jest na tym tle tylko na dole pod nim . masz tu linka do mojej strony i zobacz na to jak byś mogła. http://poszkole.pl/strona/27956242

    OdpowiedzUsuń
  13. fajny kodzik, i zapraszam do mojej stronki,
    mamycie.pl
    ubawicie sie po pachy hehe

    OdpowiedzUsuń
    Odpowiedzi
    1. oraz do mojej nowej gry, gangsterskiej.
      www.gangsta-boss.com

      Usuń
  14. ej przepraszam ale mi to nie działa, wyskakuje jakiś błąd

    OdpowiedzUsuń