Cum pun IMAGINE la CATEGORIE?

Salut! Va rog frumos sa ma ajutati!
Cum pot pune o IMAGINE ca titlu la o CATEGORIE ca in imaginea urmatoare
https://2img.net/r/ihimg/photo/my-images/46/snap0004d.jpg/?sa=0
Dupa cum se vede, peste bara categoriei (albastra) este pusa imaginea.

- versiunea forumului: Invision
- statutul dvs. in forum: Fondator
- browserul folosit: Mozilla Firefox

Va multumesc!

Hristos a inviat!

Vă rog să nu mai scrieti in exclusivitate cu litere mari/caps.
Mulţumesc pentru înţelegere!

Vizitati Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS, si adaugati urmatorul cod:

Cod:

.borderwrap .maintitle h2{
background: url(http://i.imgur.com/fWkBDzQ.png) no-repeat left center !important;
padding-left: 20px !important;
}

Inlocuiti https://i.imgur.com/fWkBDzQ.png cu adresa URL a imaginii dorite.

Adevarat a inviat!
Scuze pentru caps!

Iti multumesc ca mi-ai arat procedeul in sine, dar vreau sa intram putin mai in amanunt (nu stiu sa lucrez cu foaie css deocamdata ). Acel cod imi pune la toate categoriile imaginea dorita. Eu as dori imagine doar la categoria incercuita in urmatoarea poza: https://2img.net/r/ihimg/f/607/snap0005c.jpg/

Ce ar trebui sa modifc in cod?

Multumesc

Atunci va fi un pic mai dificil pentru dumneavoastra. Dar sunt sigur ca o sa va descurcati, si in plus, suntem aici pentru a va ajuta unde intalniti dificultati.

Vizitati Panou de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript, creati un nou cod si adaugati:

Cod:

$(document).ready(function(){
$('.borderwrap .maintitle h2:contains("Titlu categorie")').before('<img src="Link imagine">');
});

Trebuie sa inlocuiti Titlu categorie cu titlul categoriei careia doriti sa-i atribuiti imaginea; iar Link imagine cu imaginea in sine.
La rubrica Amplasare bifati Indexul forumului. Validati codul.

Stergeti din foaia de stil acel cod pe care vi l-am oferit mai sus si adaugat in loc:

Cod:

.borderwrap .maintitle h2{
display: inline-block !important;
}

Pentru a adauga mai multe imagini trebuie sa copiati acest fragment de cod:

Cod:

$('.borderwrap .maintitle h2:contains("Titlu categorie")').before('<img src="Link imagine">');

ori de cate ori este nevoie. Un mic exemplu gata-facut:

Cod:

$(document).ready(function(){
$('.borderwrap .maintitle h2:contains("FIFA 07 - Campionat Management Mode")').before('<img src="http://i.imgur.com/fWkBDzQ.png">');
$('.borderwrap .maintitle h2:contains("Timp Liber")').before('<img src="http://cdn3.iconfinder.com/data/icons/people-professions/512/free_B-16.png">');
});

Multumesc, merge.
Dar mai am 2 nelamuriri:
1. Cum plasez imaginea in cealalta parte a denumirii categoriei?
2. Cum las la denumirea categoriei, doar imaginea, fara niciun alt text/caracter. Vreau sa-mi apara simplu doar imaginea asa cum este si in printul prezentat in primul post. Acolo apare doar imaginea, fara nicun alt caracter: https://2img.net/r/ihimg/photo/my-images/46/snap0004d.jpg/?sa=0

Print in sprijinul nelamuririlor: https://2img.net/r/ihimg/photo/my-images/844/snap0006o.jpg/

Va multumesc foarte mult!

Pentru putin.

1. Adica doriti sa mutati iconita din partea dreapta in partea stanga? Codul pe care vi l-am oferit ar trebui sa adauge iconita inaintea denumirii categorii, nu dupa.

2. Va apar acele caractere pentru ca chiar dumneavoastra le-ati adaugat la titlurile categoriilor din Panou de Administrare ~> General ~> Forum ~> Categorii si forumuri. Puteti inlocui acele caractere cu:

Cod:

& nbsp;

fara spatiu intre "&" si "nbsp;".

2. Am reusit sa fac textul/caracterele sa dispara de la numele categoriei cu "&nbsp". Practic spatiul titlului este gol. Dar acum, cum plasez imaginea la acea categorie practic fara nume?

Print1: https://2img.net/r/ihimg/f/708/screenshot001vi.png/
Print2: https://2img.net/r/ihimg/f/14/screenshot003vgp.png/

Nu m-am gandit la asta. Dar exista o solutie: plasati din nou titlurile initiale la categorii. Le vom ascunde adaugand in Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS, urmatorul cod:

Cod:

.borderwrap .maintitle h2{
display: none;
}

Multumesc, merge!
Dar inca un amanunt .
Acel cod imi ascude denumirile de la toate categoriile. Ce fac sa-mi ascunda doar o categorie, spre ex "General" ?

Adaugati la acele categorii pe care doriti sa le ascunda, in titlul lor mai exact acest cod:

Cod:

<div class="ascunde_categorie"></div>

Inlocuiti codul JavaScript cu:

Cod:

$(document).ready(function(){
$('.borderwrap .maintitle h2:contains("Titlu categorie")').before('<img src="Link imagine">');
$('.borderwrap .maintitle h2:has(".ascunde_categorie")').css('font-size','0px').css('color','transparent');
});

Adaugarea consta in aceasta parte de cod:

Cod:

$('.borderwrap .maintitle h2:has(".ascunde_categorie")').css('font-size','0px').css('color','transparent');

Multumesc foarte mult, am rezolvat

Pentru putin.