Eliminarea sau personalizarea textului "Ultima editare efectuata"

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

Eliminarea sau personalizarea textului "Ultima editare efectuata"

Salutare,

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; }

Pentru personalizarea textului, va rog sa cititi mesajul de mai jos.

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

Personalizarea textului "Ultima editare efectuata"

Salutare,

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.

Eliminarea sau personalizarea textului "Ultima editare efectuata"

Eliminarea sau personalizarea textului "Ultima editare efectuata"

Re: Eliminarea sau personalizarea textului "Ultima editare efectuata"