Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How to insert a picture instead of text?
#1
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!
Reply
#2
Use the i18n plugin + I18N Custom Fields and rendering. http://mvlcek.bplaced.net/get-simple/mul...-rendering
Reply
#3
(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);}
Reply




Users browsing this thread: 1 Guest(s)