Forums » Customize

Menu links styles indivually

Kazt
FRANCE
2010-07-30 04:29:18
Permalink Post
 

Hi there,
I've searched around how to attribute a style for a single link in the menu.
I found this tutorial. But I still have troubles with that. It doesn't work for me, I certainly did something wrong or misunderstood something.

Could you please help me ?

Vaska A
I WROTE THIS
2010-07-30 09:33:19
Permalink Post
 

Show us...

Kazt
FRANCE
2010-07-30 19:43:34
Permalink Post
 

Okay,
so here is the actual menu.

And I'd like it to look like that.

The first element is normal.
The second one (Digipost) is on rollover, or selected when your on the equivalent page.

Any idea to do this..?

It's about list-style or ul backgrounds but... I don't know how to give a personnal id to each exhibit...

Vaska A
I WROTE THIS
2010-07-30 20:31:05
Permalink Post
 

We need to see the code...meaning a url.

Kazt
FRANCE
2010-07-30 20:33:32
Permalink Post
 

Here it is :)

Vaska A
I WROTE THIS
2010-07-30 20:43:33
Permalink Post
 

Ok! This makes life much more easy...now...

First of all, you can't have accents in the css...nor spaces...you will need to clean the databefore it can be used. Now, I have no idea what your code looks like so I'm just going to quickly show you how you could do this.

For instance, where you are inputting your id you could do something like this instead...

  1. id='" . strtolower( str_replace(array('é','á'), array('e','a'), $input['sec_desc']) ) . "'

I hope that makes sense what I'm doing there. I'm doing a string replace to remove accents with the non-accented equivalents and then making everything lower case.

Next, how you could use this in your CSS would be something like this...

  1. ul#categories { }
  2. ul#categories li.section_title { color: ... }
  3. ul#categories li a { color: ... }

Make a new set of CSS rules for each section and then you can control the color of things all you want. Hope this does the trick for you...let us know how this works out.

;)

Kazt
FRANCE
2010-07-30 20:58:47
Permalink Post
 

Thanks a lot ! I'll try this tomorrow ! :)
Cause I'm getting sleepy right now :/

Kazt
FRANCE
2010-07-31 22:49:08
Permalink Post
 
  1. Hi there,
  2. I really don't know where I'm supposed too write this line :
  3. id='" . strtolower( str_replace(array('é','á'), array('e','a'), $input['sec_desc']) ) . "'

I tried in both index.php files but it makes the website crash.. :(

Vaska A
I WROTE THIS
2010-07-31 22:51:00
Permalink Post
 

Define 'crash'.

I'm not sure how to explain to you how to implement this...how about posting the relevant code here?

Kazt
FRANCE
2010-07-31 23:02:42
Permalink Post
 

I mean I get an error when I try to access to my page.
But I made a mistake while placing the file in my ftp.. so it's ok with it now. I placed the code in the index.php which in my personnal skin file... Am I right ? I did changed nothing but that.
But the css code doesn't change anything... If I got it well, I have to replace "title" by the name of my exhibit..?
By the way, that's pretty embarassing but I forgot how to acces to the admin section x_x
Sorry for my noobness in CMS, that's the first one I use.

Kazt
FRANCE
2010-07-31 23:04:19
Permalink Post
 

Okay I finally re-found how to go to the admin section, sorry 'bout that, made a mistake again ._.

Kazt
FRANCE
2010-08-01 13:16:41
Permalink Post
 
Well actually, it doesn't entirely works.
I can edit the CSS for all the
  • of the menu at the same time... But I can't edit a single
  • individually. The fact is that they have no id or class.

    Here is my css if it can help.

    Could you help me to proceed please ?

    Thanks

  • Kazt
    FRANCE
    2010-08-01 13:17:17
    Permalink Post
     
    Ouch,
  • means li, sorry.
  • Showing 1 - 13 of 13 posts in Forum > Customize > Menu links styles indivually
     

    You need to be logged in to post.