GG Widget jako zwykły formularz

Nie da się tego badziewia ostylować od środka. Można kombinować co prawda z javascriptem i wyciąganiem elementów z iframe’a…

Prawdę mówiąc, nie bardzo mi się chciało, i wpadłem na dużo prostsze rozwiązanie – wystarczy dodać dwie linijki kodu do własnego stylu css i opakować iframe’a w div’a.

Dla rozmiarów widget’a 250×300, styl powinien wyglądać o tak:

#ggwidget { border: 0; margin: 0; height: 225px; width: 244px; overflow: hidden; }
#ggwidget iframe { border: 0; margin-top: -60px; margin-left: -2px; }

… i później oczywiście:

<div id="ggwidget">
<script type="text/javascript" src="http://widget.gadu-gadu.pl/getCode.php?id=twój_id"></script>
</div>

I to wszystko. Przykład na stronie kontakt.

  • Print
  • Digg
  • Facebook
  • Add to favorites
  • BLIP - Bardzo Lubię Informować Przyjaciół
  • email
  • MySpace
  • PDF
  • Slashdot
  • Spis.pl - najciekawsze w sieci
  • Twitter
  • Wykop
This entry was written by lysiu , posted on czwartek Październik 15 2009at 10:10 am , filed under Css . Bookmark the permalink . Post a comment below or leave a trackback: Trackback URL.

Dodaj komentarz

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>