Thesis: Customizarea unui element de meniu

by BloggerIn on November 30, 2010

Acum cateva zile am grupat informatia acumulata pana acum pe BloggerIn.ro in cadrul paginii Blog ABC astfel incat sa fie de cat mai mare folos bloggerilor incepatori. Deja pagina atrage vizitatori, dar pentru a-i creste vizibilitatea am hotarat sa schimb culoarea elementului de meniu corespunzator din meniul principal.

In Thesis, acest lucru se face usor datorita structurii CSS a meniului care arata ca in imaginea de mai jos.

Cunoscand pozitia unui element de meniu, modificarea se poate face in fisierul custom.css din directorul thesis/custom prin adaugarea urmatorului cod CSS:

 

/*-- Highlight menu item--*/

 

.custom .menu .tab-2 a

{
background-color: #95CD3C;
color:#ffffff;
}
.custom .menu .tab-2.current a
{
background-color: #FFFFFF;
color:#000000;
}

 

Rezultatul este cel pe care il vedeti mai jos si, incepand de azi, in meniul principal.

Related Posts with Thumbnails

Vrei sa afli cum sa poti sa atragi mai multi cititori pe blogul tau,
cum poti sa il optimizezi si sa il monetizezi?

Inscrie-te la RSS


Introdu adresa de email:     

{ 11 comments… read them below or add one }

Zina December 1, 2010 at 6:42 am

La mulţi ani de ziua României !
Intersant şi mi-ar place să fac şi eu asta, dar nu am curaj să umblu în fişiere:(
Pe de altă parte, am dat click pe Thesis şi mi-a apărut eroare…:((

BloggerIn December 1, 2010 at 7:29 am

@Zina – La multi ani! Am corectat problema. Multumesc!

alias74 December 7, 2010 at 12:15 am

Atentie !!!!!!
codul nu se introduce in custom_functions.php ci in custom.php

BloggerIn December 7, 2010 at 6:06 am

@alias74 – Mai precis in custom.css :) Am corectat. Multumesc!

Andrei Jitareanu February 25, 2011 at 11:12 am

Și dacă elementul care se dorește a fi customizat este Link? (exemplu la mine pe pagină, link-ul biserica din nav menu)

Nu pot face tot cu .custom .menu .tab-7 a cu ar fi mers dacă era o pagină normală sau categorie. Este doar un simplu link care doresc să-i colorez.

Am nevoie de ajutorul tău. Cum crezi că aș putea să rezolv problema?

Mulțumesc.

BloggerIn February 25, 2011 at 1:30 pm

@Andrei Jitareanu – Buna intrebare! Am cautat putin pe net si din cate imi dau seama trebuie sa adaugi/modifici urmatoarele linii in css:

.custom ul#tabs li a {styles for each item link here}
.custom ul#tabs li a:hover {styles for each item hover link here}

Sorin September 12, 2011 at 1:54 pm

Va salut,
Nu stiu ce se intampla cu custom.css -ul meu insa orice cod as adauga in el nu vrea sa-l execute.

Aveti vreo idee?

Mrc

BloggerIn September 12, 2011 at 2:49 pm

Despre ce cod e vorba?

Sorin September 12, 2011 at 2:57 pm

Chiar si acest cod de modificare a meniului. Ciudat este ca nici modificarile de design facute direct din admin nu le citeste :-?

BloggerIn September 13, 2011 at 10:19 am

@Sorin – Sigur modifici fisierul care trebuie? Din directorul cu versiunea activa de Thesis si in subdirectorul “custom”.

Sorin September 13, 2011 at 10:44 am

da, problema era de la W3Cache :( acum e totul ok, mrc

Leave a Comment

Previous post:

Next post: