Cum bag imaginea pe fundal la forum

[YaXeS]

 

Alea care le-am facut cu negru pe margine, cum fac sa schimb fundalul sa inlocuiesc o poza in loc de gri tot fundalul.

[YaXeS]

On 01.07.2015 at 7:12 AM, gaby said:

Daca doriti sa inlocuiti culoarea din header cu o imagine de fundal (background), ca in imaginea de mai jos, urmariti urmatorii pasi:

1. Va autentificati in ACP si apoi navigati catre Customization -> Themes -> click pe sagetica din dreapta temei folosite si selectati -> Manage Resources.
2. Apasati pe + Add Resource din partea dreapta sus a paginii.
3. Lasati toate optiunile asa cum sunt, in afara de existing location pe care trebui sa o schimbati de la admin la global dupa care apasati butonul Choose single file... si selectati imaginea de fundal pe care vreti sa o puneti in header-ul forumului, urmand ca aceasta sa fie incarcata. Apasati Save.
4. Pe pagina cu resursele cautati imaginea de fundal incarcata anterior si copiati codul afisat mai jos (resource code) pentru a-l folosi la pasul 5, ca de exemplu:

{resource="numele_imaginii_de_fundal.jpg" app="core" location="global"}

5. Navigati catre Customization -> Themes -> Edit HTML and CSS si apasati pe tab-ul CSS, dupa care deschideti fisierul custom.css si copiati in el codul de mai jos:

@media screen and (min-width:980px){
 
    #ipsLayout_header header{
      background-image: url('{resource="numele_imaginii_de_fundal.jpg" app="core" location="global"}');
      background-size: cover;
      background-position: 50% 0%;
      background-repeat: no-repeat;
    }
 
    #elSearchNavContainer{ background: rgba(0,0,0,0.5); }
 
}

Rezultatul va fi:

P.S: Daca vreti sa eliminati transparenta meniului stergeti toata linia ce contine elSearchNavContainer.
P.S.S: Imaginea de fundal va fi afisata doar pe ecranele cu rezolutii mai mari de 980 pixeli (laptop-uri si desktop-uri). Daca vreti sa fie afisata si pe mobile stergeti prima linie din codul de mai sus si ultima acolada.

Numai bine !

Am rezolvat, am cautat de 2 ori si am gasit aici. Da-ti t/c.