Indexhibit
Index + Exhibit

Login:

Created by
Daniel Eatock
Jeffery Vaska
And You

Indexhibit was updated to version 2.1.4 on April 10, 2017.

Graphics navigation menu - how?

 

Indexhibit version: Legacy
Thread is not resolved.

Jorgen
DENMARK
10 year(s) ago
Permalink Post

I would like to change the text in the navigation menu into graphics/buttons like this:http://www.goodinc.nl/

but where do I find the file that generates the navigation??
Dont have a clue.... can anybody give me a hint?

Thanks

Jorgen

Vaska A
UNITED STATES
10 year(s) ago
Permalink Post

That's just text. He edited up his CSS to make it that way.

Jorgen
DENMARK
10 year(s) ago
Permalink Post

Hi Vaska

thank you for answering so promptly - I see now its ’just’ exellent CSS-coding. I think I have seen other indexhibit-based sites with the menu as graphic buttons, but now I can’t find them.

But am I right when I presume that I wont find a file somewhere in the uploaded folders, which make it possible to edit the navigation - everything has to be done with CSS?

The sames goes with the possibilty to move the submenu into a second column - ala studiofeed.ca - thats css/coding too, am I right?

Vaska A
UNITED STATES
10 year(s) ago
Permalink Post

Yes, things are done with CSS. You can write a new script for outputting the Index - but you need coding skills for that.

Studiofeed wrote their own templates to do that - it's custom code (not simply just css).

Nicolasbulb
SWITZERLAND
10 year(s) ago
Permalink Post

Where do you add a href to redirect to the home page when clicking to a custom logo button in the pre/nav setting: img src=filepath width="89" height="33" ???

Many thanks.

Nicolas

Vaska A
UNITED STATES
10 year(s) ago
Permalink Post

Eh? You mean like...


<a href='/'>
<img src='/files/img.jpg' width='89' height='33' border='0' />
</a>

Vaska A
UNITED STATES
10 year(s) ago
Permalink Post

Well, without the line breaks...should all be one line without any breaks.

Nicolasbulb
SWITZERLAND
10 year(s) ago
Permalink Post

Perfect. One more thing on this subject though.
how do you proceed to have a different css instance for the styles.css a:hover. How to bypass it just for the pre/nav?

Thanks.

Nicolas

nils
GERMANY
10 year(s) ago
Permalink Post

In your Style.css ...


#menu ul a:hover { your:css(code);

}

nils
GERMANY
10 year(s) ago
Permalink Post

Oh sorry in your prev/nav!? ...

style.css
.prevnav a:hover {your css style}

prev/nav

<link class="prevnav">

Nicolasbulb
SWITZERLAND
10 year(s) ago
Permalink Post

Hello Nils,

I've tried your code but I can't make it work.
I'm trying to bypass the menu hover and the a:visited:
here are my settings:
a:hover {border-bottom: 4px solid #000;}
a:visited { color: silver;border-bottom: 1px dotted black;text-decoration: none;}

I've add the link to my prevnav:

nils
GERMANY
10 year(s) ago
Permalink Post

In your Prev/Nav field ...



<span class="menulink">
Your Links
</span>

...in your Style.css add this:

.menulink a:link, a:visited{color: silver;border-bottom: 1px dotted black;text-decoration: none;}

.menuelink a:hover {border-bottom: 4px solid #000;}

nils
GERMANY
10 year(s) ago
Permalink Post

.menulink a:hover {border-bottom: 4px solid #000;}

*without "e" :)

Showing 1 - 13 of 14 posts in Forum » Customize » Graphics navigation menu - how?
 

This thread has been closed, thank you.