Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Arata sau ascunde semnatura

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Arata sau ascunde semnatura

Mesaj 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:
semnatura - Arata sau ascunde semnatura ZYrfCrB Pentru versiunile phpBB2, phpBB3 si Invision:
Mergeti catre:
Panou de Administrare semnatura - Arata sau ascunde semnatura Arrow Afisare semnatura - Arata sau ascunde semnatura Arrow Imagini si culori semnatura - Arata sau ascunde semnatura Arrow Culori semnatura - Arata sau ascunde semnatura Arrow 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 semnatura - Arata sau ascunde semnatura Arrow Module semnatura - Arata sau ascunde semnatura Arrow HTML & JAVASCRIPT semnatura - Arata sau ascunde semnatura Arrow 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.

semnatura - Arata sau ascunde semnatura ZYrfCrB Pentru versiunea PunBB:
Mergeti catre:
Panou de Administrare semnatura - Arata sau ascunde semnatura Arrow Afisare semnatura - Arata sau ascunde semnatura Arrow Imagini si culori semnatura - Arata sau ascunde semnatura Arrow Culori semnatura - Arata sau ascunde semnatura Arrow 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 semnatura - Arata sau ascunde semnatura Arrow Module semnatura - Arata sau ascunde semnatura Arrow HTML & JAVASCRIPT semnatura - Arata sau ascunde semnatura Arrow 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

Cassius Dio

Cassius Dio
Membru onorific
Membru onorific

Mesaje : 10826
Varsta : 26
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Mulțumiri : 84
Internet Explorer phpBB3

http://beatles.forummo.com/
Cassius Dio a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum