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:
Arata sau ascunde semnatura 0uTP7Ow

Dupa:
Arata sau ascunde semnatura FYnMpzT

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

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