[css] wyzwanie Opcje

[AndyPSV]

kto potrafi zmontowac cos takiego:
http://img242.imageshack.us/img242/6948/ocochodzifw4.gif
+ aby dopasowywal automatycznie dlugosc, wysokosc okna do tekstu (jest to chyba w css wykonywalne, nie? chyba, ze sie myle)

tutaj grafiki: http://www.sendspace.pl/file/BhO23GMi/

Jak dla mnie czysta patologia. Szacunek wielki kto potrafi to namalowac.

[Shili]

Kod html jest bardzo prosty, nie chce mi się pisać pod Twój, bo nie do końca chce mi sie go analizować, ale mniej więcej pokażę jak może to wyglądać.

[HTML] pobierz, plaintext 
<script type="text/javascript">
function pokazBalonik(id) {
if(document.getElementById(id).style.display = "none")
   document.getElementById(id).style.display = "block";
else
   document.getElementById(id).style.display = "none";
}
</script>
<p onclick="pokazBalonik('pokazBalonik1');">Tutaj tekst nad którym pokaże się balonik</p>
<div style="display: none;" id="pokazBalonik1">Tutaj kod balonika</div>
[HTML] pobierz, plaintext 

Pozycja i style to sprawa drugorzędna myślę. Jeśli dobrze ostylujesz i podobierasz tła powstanie balonik - wystarczy użyć przezroczystości w gifach, a będzie przezroczysty. Do uzyskania balonika o zmiennej szerokości i wysokości poczytaj o zaokrąglonych rogach, a na sam dół daj tło z tym kierunkowym czymś. Ten balonik jest na kliknięcie, ale podobnie można zrobić na inne akcje.

Oczywiście to tylko zarys potrzebnego skryptu, coś w stylu naprowadzenia bardziej.

Ten post edytował Shili 29.05.2008, 14:21:41