Posts: 2
Threads: 1
Joined: Nov 2019
2019-12-10, 17:38:55
(This post was last modified: 2020-01-14, 04:57:49 by ritongeo.)
I can’t figure it out: can I make it so that instead of the name of the page in the menu there is a custom picture?
For instance, instead of the "Home" menu item, could there be a picture?
I would
read more about payday loans if I were you. It is especially important to take into account all the things they normally do not advertise, the notorious fine print stuff, like APR and what happens if you cannot repay the debt in time. But I totally agree, there are things in life that one cannot prepare for, and not everyone has friends or family ready to help. It is easy to judge!
Posts: 1,928
Threads: 88
Joined: Apr 2010
2019-12-11, 01:50:59
(This post was last modified: 2019-12-11, 01:52:38 by Oleg06.)
Use the i18n plugin + I18N Custom Fields and rendering.
http://mvlcek.bplaced.net/get-simple/mul...-rendering
Posts: 1,129
Threads: 137
Joined: Feb 2012
(2019-12-10, 17:38:55)ritongeo Wrote: I can’t figure it out: can I make it so that instead of the name of the page in the menu there is a custom picture?
For instance, instead of the "Home" menu item, could there be a picture?
You can do it without a plugin, just with css like here:
http://timbowgs.bplaced.net/cat/second/second
also the same here
http://get-simple.info/extend/theme/the-...theme/690/
It's a few years ago but you style the <a> of the menu item with a chosen background image selecting it by a word in the url . the css was like this:
Code:
/*Attn for top level nav images, default and index page */
nav a {background-image:url(images/menuimg01.png);}
/*then syntax for other menu items in page header and sidebar:
'if the href contains the page-slug string...'
so page slugs must contain 'index', 'second',... 'fifth'. */
#left a[href*="index"],nav a[href*="index"] {background-image:url(images/menuimg01.png);}
#left a[href*="second"],nav a[href*="second"] {background-image:url(images/menuimg02.png);}
#left a[href*="third"],nav a[href*="third"] {background-image:url(images/menuimg03.png);}
#left a[href*="fourth"],nav a[href*="fourth"] {background-image:url(images/menuimg04.png);}
#left a[href*="fifth"],nav a[href*="fifth"] {background-image:url(images/menuimg05.png);}