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.

Eliminarea sau personalizarea textului "Ultima editare efectuata"

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Eliminarea sau personalizarea textului "Ultima editare efectuata"

Mesaj Scris de Cassius Dio Lun Iul 29, 2013 6:54 pm

Eliminarea sau personalizarea textului "Ultima editare efectuata"

Salutare, La revedere

1. Introducere:

Idee Cu ajutorul acestui tutorial putem elimina textul de sub mesaje care ne arata data la care acestea au fost modificate. In functie de cunostintele CSS, din contra, il putem personaliza. Ca sa va dati mai bine seama despre ce este vorba, faceti click aici.

2. Codurile JavaScript:

Pentru inceput, este nevoie sa adaugam un cod JavaScript in:
Panou de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript
Pentru crearea codului, vom face click pe butonul Creati un nou cod JavaScript.

Vom completa rubricile astfel:

  • Titlu: Eliminare "Ultima editare"
  • Amplasare: Topicuri
  • Cod JavaScript: Adaugati urmatorul cod...

Cod:
jQuery(document).ready(function(){        
  $(".postbody:contains('Ultima editare efectuata de catre'), .gensmall:contains('Ultima editare efectuata de catre')").each(function(index) {      
          var a = jQuery(this).html().split("Ultima editare efectuata de catre")[0];                
          var b = jQuery(this).html().split("Ultima editare efectuata de catre")[1];
          var c = "<p class='edit'>Ultima editare efectuata de catre" + b + "</p>";
          jQuery(this).html(a+c);      
  });      
});

3. Codurile CSS:

Pentru a obtine rezultatul descris mai sus, vom vizita:
Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS
Si tot ce trebuie sa facem este sa adaugam acest cod:
Cod:
.edit{ display: none; }
Idee Pentru personalizarea textului, va rog sa cititi mesajul de mai jos.



Ultima editare efectuata de catre Cassius Dio in Lun Iul 29, 2013 9:15 pm, editata de 1 ori
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.

Tutorial Re: Eliminarea sau personalizarea textului "Ultima editare efectuata"

Mesaj Scris de Cassius Dio Lun Iul 29, 2013 9:14 pm

Personalizarea textului "Ultima editare efectuata"

Salutare, La revedere

1. Introducere:

Idee Cu ajutorul acestui tutorial putem personaliza textul de sub mesaje care ne arata data la care acestea au fost modificate. Ca sa va dati mai bine seama despre ce este vorba, faceti click aici.

2. Codurile JavaScript:

Pentru inceput, este nevoie sa adaugam un cod JavaScript in:
Panou de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript
Pentru crearea codului, vom face click pe butonul Creati un nou cod JavaScript.

Vom completa rubricile astfel:

  • Titlu: Personalizare "Ultima editare"
  • Amplasare: Topicuri
  • Cod JavaScript: Adaugati urmatorul cod...
Cod:
$(function() {        
   $(".postbody, .postbody + .gensmall").each(function() {
        ultimaedicionstr = $(this).clone().children().remove().end().text();
        if(ultimaedicionstr.match(/^Ultima editare efectuata de catre/gi)) $(this).html($(this).html().replace( ultimaedicionstr, "<span class='fa_edit'>" + ultimaedicionstr + "</span>"));                            
   });              
});
3. Codurile CSS:

Pentru a obtine rezultatul descris mai sus, vom vizita:
Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS
Si tot ce trebuie sa facem este sa adaugam acest cod:
Cod:
.fa_edit{
background-image: url(http://i1280.photobucket.com/albums/a484/llg-cstrike/css_zpsaeeed628.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 15px;
padding-top: 7px;
}
Inlocuiti
Cod:
http://i1280.photobucket.com/albums/a484/llg-cstrike/css_zpsaeeed628.png
cu imaginea de background dorita de dumneavoastra. Puteti modifica si celelalte variabile din codul CSS dupa dorinta.

Succes!

Tutorial scris de Turbodeif, tradus de eManuel

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.
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