background categorie

Vezi subiectul anterior Vezi subiectul urmator In jos

  • 0

Rezolvat background categorie

Mesaj Scris de Mihai la data de 24.07.17 19:33

bună seara, cum fac și eu backgroundu la categorie să se asemene cu icon-urile de la font awesome?

eu am categoria  „SUPORT SI SFATURI” și backgroundu categoriei vreau să fie galbenă
P.S: la fel vreau să fac și la celălante, numai că cuculoare diferită...
Link forum: http://fgsuport.forumgratuit.ro/


Ultima editare efectuata de catre mihai in 25.07.17 14:32, editata de 1 ori
Mihai

Mihai
Administrator
Administrator

Mesaje : 1143
Varsta : 22
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 79
Pachetul Premium Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Rezolvat Re: background categorie

Mesaj Scris de Ionut_FG la data de 24.07.17 19:56

Salut @mihai,

adauga acest cod in sectiunea codurilor javascript
Cod:
$(function() {
var id = 0;
 $('.main .main-head').each(function() {
 $(this).attr('id','color_' + id);
 id ++
  });
});

pentru ca culoare sa se modifice adaugati in foaia de stil urmatorul cod dar atentie acest cod trebuie modificat!

Cod:

.main-head#color_0 {
background : #fff !important;
}
.main-head#color_1 {
background : #fff !important;
}
.main-head#color_2 {
background : #fff !important;
}
.main-head#color_3 {
background : #fff !important;
}

Explicatie :

La fiecare categorie vei avea cate un numar incepand de la 0 cu prima categorie pana la ultima color_0
        color_1
        color_2
si tot asa in codurile css trebuie sa modifici doar numarul si bineinteles culoarea fff cu cea dorita


Ultima editare efectuata de catre Ionut in 24.07.17 20:12, editata de 1 ori (Motiv : cod javascript, actualizat)
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 22
Data înscrierii : 01/11/2015
Mulțumiri : 123
Pachetul Gratuit Google Chrome Invision

http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

Rezolvat Re: background categorie

Mesaj Scris de Mihai la data de 24.07.17 20:19

Eu sunt pe mobil, petronel mi-a zis că unu din coduri sunt eronate...


background categorie - background categorie Untit104

background categorie - background categorie Scre1015 background categorie - background categorie 398 background categorie - background categorie 2209 background categorie - background categorie Scre1016 background categorie - background categorie Portoq16
Mihai

Mihai
Administrator
Administrator

Mesaje : 1143
Varsta : 22
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 79
Pachetul Premium Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Rezolvat Re: background categorie

Mesaj Scris de Ionut_FG la data de 24.07.17 20:22

Mihai, nu este niciun cod eronat!
Dupa adaugarea acestui cod
Cod:
$(function() {
var id = 0;
 $('.main .main-head').each(function() {
 $(this).attr('id','color_' + id);
 id ++
  });
});

Trebuie sa adaugi in foaia de stil css codurile de mai sus primul numar este 0 deci trebuie sa va ganditi cum ar venii numerele si la ce sectiuni.
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 22
Data înscrierii : 01/11/2015
Mulțumiri : 123
Pachetul Gratuit Google Chrome Invision

http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

Rezolvat Re: background categorie

Mesaj Scris de Lucifer la data de 24.07.17 22:33

Bună ionuț , m-am referit la primul cod fara editare , am dat un rr la pagină și am observat ca ai editat codul JS .

Mulțumim!
Lucifer

Lucifer
Membru onorific
Membru onorific

Mesaje : 976
Varsta : 18
Localizare : Constanţa & Calarasi
Data înscrierii : 21/05/2016
Mulțumiri : 111
Pachetul Gratuit Google Chrome phpBB3

https://www.fgdesign.biz/
Lucifer a fost mulțumit de autorul acestui subiect.

Rezolvat Re: background categorie

Mesaj Scris de TECH1992 la data de 25.07.17 14:29

Salut @Ionut,am vazut postul asta si am zis sa raspund si eu ca am nevoie si eu de ce scrie aici.
https://imgur.com/gtXiLIk
https://imgur.com/22DBMyw
https://imgur.com/M5vI85J
TECH1992

TECH1992
Membru Forumgratuit

Mesaje : 97
Varsta : 21
Data înscrierii : 05/04/2016
Mulțumiri : 0
Pachetul Gratuit Internet Explorer phpBB2

TECH1992 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: background categorie

Mesaj Scris de Ionut_FG la data de 25.07.17 14:40

Salut @TECH1992,

Ar trebuii sa iti mearga si tie pe acea tema.
Cod:
$(function() {
var id = 0;
 $('#main-content .main .main-head').each(function() {
 $(this).attr('id','color_' + id);
 id ++
  });
});

Adauga codul si lasatil momentan pe forum pana gasesc o solutie
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 22
Data înscrierii : 01/11/2015
Mulțumiri : 123
Pachetul Gratuit Google Chrome Invision

http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

Rezolvat Re: background categorie

Mesaj Scris de TECH1992 la data de 25.07.17 15:41

Am incercat si pe alt forum si tot degeaba..
Forumul este phpbb3
https://imgur.com/R3a0hyx
TECH1992

TECH1992
Membru Forumgratuit

Mesaje : 97
Varsta : 21
Data înscrierii : 05/04/2016
Mulțumiri : 0
Pachetul Gratuit Internet Explorer phpBB2

TECH1992 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: background categorie

Mesaj Scris de TECH1992 la data de 25.07.17 15:43

scuzati x2
TECH1992

TECH1992
Membru Forumgratuit

Mesaje : 97
Varsta : 21
Data înscrierii : 05/04/2016
Mulțumiri : 0
Pachetul Gratuit Internet Explorer phpBB2

TECH1992 a fost mulțumit de autorul acestui subiect.
  • 0

Rezolvat Re: background categorie

Mesaj Scris de Ionut_FG la data de 25.07.17 15:44

Acest cod este pentru punbb, pentru phpbb3 trebuie modificat codul
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 22
Data înscrierii : 01/11/2015
Mulțumiri : 123
Pachetul Gratuit Google Chrome Invision

http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

Rezolvat Re: background categorie

Mesaj Scris de TECH1992 la data de 25.07.17 15:46

A mers,multumesc Ionut.
TECH1992

TECH1992
Membru Forumgratuit

Mesaje : 97
Varsta : 21
Data înscrierii : 05/04/2016
Mulțumiri : 0
Pachetul Gratuit Internet Explorer phpBB2

TECH1992 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: background categorie

Mesaj Scris de Zachary la data de 26.07.17 2:46

Considerat rezolvat.

Topic închis.


Exclamare @TECH1992, pe viitor te rog să deschizi un subiect separat în secțiunea corespunzătoare.
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Pachetul Gratuit Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum