Priesvitny ramcek z vrchu stranky po nacitani

Napsal 800XE;750763

Třeba takhle:

<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Test </title> <meta charset="utf-8" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script> $(function() { $('#info .close').on('click', function() { $(this).parent().fadeOut(250); }); }); </script> <style> #info { position: fixed; top: 0; left: 0; right: 0; border: 1px solid #000000; width: 100%; line-height: 18px; font-size: 14px; background: rgba(255, 252, 207, 0.9); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } #info .content { padding: 4px; margin-right: 26px; } #info .close { position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; background: #000000; cursor: pointer; } </style> </head> <body> <div id="info"> <div class="content"> Bla bla bla bla bla bla bla bla bla bla bla bla </div> <div class="close"></div> </div> </body> </html>

Ikonu křížku už si musíš sehnat sám.

Napsal 800XE;750776

1) Stáhni si nějaký plugin pro cookies a po zavření nastav cookie jako identifikátor, že už si uživatel info přečetl. Pro #info nastav display: none; a do JS přidej funkci pro otevření infa, která zkontroluje, jestli už info není otevřené($('#info').is(':visible')) a pokud ne, tak ho zobrazí(třeba pomocí $('#info').fadeIn(250);). Po načtení stránky zkontroluj, jestli je natavená cookie a jestli ne, tak zavolej funkci pro zobrazení. Tu samou funkci ale už bez kontroly cookie volej i po kliknutí na tlačítko pro otevření infa.

2) Buď místo rgba použij background: #fffccf; opacity: 0.9; a pro starší IE filter: alpha(opacity=90); nebo si stáhni pie.htc a do stylů pro #info přidej -pie-background: rgba(255, 252, 207, 0.9); behavior: url(pie.htc);.

ok, a tak cookies bude pristupna na vsetkych domenach? teda ked to nastavim na www.domena1.sk, pojdeto aj na www.domena2.sk?

to pie.htc funguje tak, ze ked tam pred vsetky tagy v CSS "-pie-" tak to pojde aj v IE?

Pojde to aj v ostatnych prehliadacoch, co nepodporuju CSS3?