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 la data de Lun 29 Iul - 18:54

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

Tutorial scris de Sportt Masters, 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.


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

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

Mesaj Scris de Cassius Dio la data de Lun 29 Iul - 21:14

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