Colorare celule cand este postat un mesaj nou

Scris de Cassius Dio Mar Noi 12, 2013 10:06 pm

Colorare celule cand este postat un mesaj nou

Salutare.

Următorul tutorial vă permite să personalizaţi celulele forumurilor în care au fost postate mesaje noi.

Exemplu phpBB2:
celule - Colorare celule cand este postat un mesaj nou 654432Sanstitre7

Etapa 1: Instalare JavaScript

1. Du-te la:
Panou de administrare => Module => HTML&JAVASCRIPT => Gestiunea codurilor javascript

2. Dacă nu este deja făcut acest lucru, activaţi codurile javascript.
celule - Colorare celule cand este postat un mesaj nou ClOhikZ

celule - Colorare celule cand este postat un mesaj nou ClOhikZ

3. Creaţi un nou cod javascript făcând click pe butonul de mai jos.
celule - Colorare celule cand este postat un mesaj nou X9Qgw8Q

4. Selectaţi amplasarea pe Indexul forumului, adaugaţi un titlu şi un cod:
Dacă folosiţi phpBB2, PunBB sau Invision:

Cod:: $(function() { $('img[src="http://2img.net/i/fa/empty.gif"]').closest('tr').addClass('newpost'); $('img[src="http://2img.net/i/fa/empty.gif"]').closest('tr').addClass('newpost'); });

Dacă folosiţi phpBB3:

Cod:: $(function() { $('dl.icon[style*="http://2img.net/i/fa/empty.gif"]').addClass('newpost'); $('dl.icon[style*="http://2img.net/i/fa/empty.gif"]').addClass('newpost'); });

Înlocuiţi https://2img.net/i/fa/empty.gif cu imaginea corespunzătoare pentru mesajele noi pe care o folosiţi pe forum. Dacă nu cunoaşteţi link-urile, le puteti afla din:
Panou de administrare => Afisare => Imagini si culori => Administrare imagini => Mod avansat => Icon-uri forum: Categorie - Nou / Forum - Nou.

5. Faceţi click pe Înregistrare.

Etapa 2: Modificarea CSS

Odată ce scriptul a fost adăugat, rămâne numai să personalizaţi efectul prin CSS.

1. Du-te la:
Panou de administrare => Afisare => Imagini si culori => Culori => Foaie de stil CSS

2. Adăugaţi, în funcţie de versiunea forumului, codul necesar:
Dacă folosiţi phpBB2, PunBB sau Invision:

Cod:: tr.newpost td { background:#COLOR!important;}

Dacă folosiţi phpBB3:

Cod:: dl.newpost { background:#COLOR!important;}

Modificaţi #COLOR cu culoarea dorită.

O listă de culori puteţi găsi în acest ghid:
https://help.forumgratuit.ro/t15-coduri-culori

Succes! Like a Star @ heaven