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:
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.
Colorare celule cand este postat un mesaj nou ClOhikZ

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