Arata sau ascunde semnatura

Scris de Cassius Dio Vin Feb 22, 2013 2:52 pm

Arata sau ascunde semnatura

Cu ajutorul acestui tutorial puteti realiza o mica modificare la semnaturile tuturor utilizatorilor din forum. Aceasta consta in adaugarea unui text, prin care facand click pe el, se va deschide o caseta cu semnatura. O puteti ascunde si afisa ori de cate ori aveti nevoie.

Previzualizare:
Inainte:
semnatura - Arata sau ascunde semnatura 0uTP7Ow

Dupa:

semnatura - Arata sau ascunde semnatura FYnMpzT

Aplicarea efectului dorit:
Pentru versiunile phpBB2, phpBB3 si Invision:
Mergeti catre:

Panou de Administrare Afisare Imagini si culori Culori Foaie de stil CSS

Adaugati urmatorul cod:

Cod:: .arata_ascunde{ clear: both; margin-bottom: 5px; text-align: center; font-weight: bold; cursor: pointer; } .signature_div{ margin-left: 20px; margin-right: 20px; margin-bottom: 20px; background: whiteSmoke; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 2px solid #DDD; }

Pentru a salva, faceti click pe butonul Valideaza.

Apoi mergeti catre:

Panou de Administrare Module HTML & JAVASCRIPT Gestiunea codurilor JavaScript

Creati un nou cod, si adaugati:

Cod:: $(document).ready(function(){ $('.signature_div').hide(); $('.signature_div').before('<div class="arata_ascunde">Arata/Ascunde semnatura</div>'); $('.arata_ascunde').click(function(){ $(this).next('.signature_div').slideToggle(300); }); });

Amplasare: Topicuri.

Dupa ce ati facut asta, faceti click pe butonul Valideaza.

Pentru versiunea PunBB:
Mergeti catre:

Panou de Administrare Afisare Imagini si culori Culori Foaie de stil CSS

Adaugati urmatorul cod:

Cod:: .arata_ascunde{ clear: both; margin-bottom: 5px; text-align: center; font-weight: bold; cursor: pointer; } .sig-content{ margin-left: 20px; margin-right: 20px; margin-bottom: 20px; background: whiteSmoke; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 2px solid #DDD; }

Pentru a salva, faceti click pe butonul Valideaza.

Apoi mergeti catre:

Panou de Administrare Module HTML & JAVASCRIPT Gestiunea codurilor JavaScript

Creati un nou cod, si adaugati:

Cod:: $(document).ready(function(){ $('.sig-content').hide(); $('.sig-content').before('<div class="arata_ascunde">Arata/Ascunde semnatura</div>'); $('.arata_ascunde').click(function(){ $(this).next('.sig-content').slideToggle(300); }); });

Amplasare: Topicuri.

Dupa ce ati facut asta, faceti click pe butonul Valideaza.

Mult succes! Noroc