Ultimile postări Culorile HTML Căutare Fotoșop Membrii forumului
Pagina 1 din 11
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Fereastră modală
Fereastră modală
AdminData: Sâmbătă, 2012-12-29, 8:20 PM | Mesaj # 1
În locul unde va apărea butonul de chemare a ferestrei, adăugați următorul cod:

<a href="javascript://" onclick="Socializare_deschide();">Date de contact</a>

<div id="Socializare_pozitia">
<div id="Socializare_titlul">Facebook</div>
<div id="Socializare_continut">Nu-i așa că toate-s cu*v*?</div>
<div id="Socializare_josul">
<div style="text-align: right;"><a href="javascript://" onclick="Socializare_inchide();" id="Socializare_inchide">Închide</a></div>
</div>
</div>
<style>
#Socializare_pozitia {display:none; width: 333px; position: fixed; top:20%; left:35%; border: 10px solid rgba(82, 82, 82, 0.700); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 999;}
#Socializare_titlul {background: #6d84b4; border-left: 1px solid #3b5998; border-right: 1px solid #3b5998; border-top: 1px solid #3b5998; color: #fff; font-size: 14px; font-weight: 700; height:15px; padding:10px;}
#Socializare_continut {background: #e7ebf2; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #ccc; padding:10px;}
#Socializare_josul {background-color: #f2f2f2; border-bottom: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #555; padding:10px;}
#Socializare_inchide {background:#5B74A8 url('http://fierbinte.ucoz.ro/Forum/Aspect/Fereastra_modal/1_FaceB.png'); background-repeat: repeat-x; border:1px solid #29447e; color:#f9f7f9; font-weight: bold; font-size: 11px; font-family: tahoma,verdana,arial,sans-serif,Lucida Sans; text-shadow: 0 1px 0 #45688e; text-decoration:none; outline: medium none; white-space: nowrap; margin: 0; padding: 4px 11px; cursor: pointer;}
</style>
<script>    
function Socializare_deschide(){$('#Socializare_pozitia').fadeIn('slow');}    
function Socializare_inchide(){$('#Socializare_pozitia').fadeOut('slow');}    
</script>


* Setări: width: 333px; - mărimea ferestrei | top:20%; left:35%; - 20 = distanța de sus până la fereastră, 35 = distanța de la stânga până la fereastră.

Rezultatul:


În dictatură, cineva te foloseşte cum vrea el. În democraţie, ai dreptul să-l alegi pe cel care o să te folosească aşa cum vrea.
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Fereastră modală
Pagina 1 din 11
Căutare: