Arata sau ascunde semnatura

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Arata sau ascunde semnatura

Mesaj Scris de Cassius Dio la data de Vin 22 Feb - 14:52

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:


Dupa:


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

Tutorial scris de SGSS

Copyright ˆ Forumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Multumiri : 82
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum