Image in Menu Bar

astep15 / 2008-08-22 14:55:22   

Hi, I was browsing some participant websites and came across http://www.su11.com/. I would like to insert a constant jpg in the top left corner of my site as this company has done. Not sure how. Please advise and thanks in advance.

Vaska A / 2008-08-22 15:01:08   

- put yourself in Advanced mode if you aren't ready (Exhibits > Settings).
- then you can simply paste the img code into the Pre-Nav area.

  1. <img src='/path/to/image.jpg' width='123' height='123' />

Done. ;)

astep15 / 2008-08-22 15:37:46   

Easy enough. Thanks so much!

aturwin / 2008-10-14 10:13:38   

HI
i dont mean to be a dunce but im having a few problems. Do you have to upload the image via cyberduck into the root folder and then images, do i then put this in

is this completely wrong?

Eloisa A / 2008-10-14 10:31:00   

You can upload the image via cyberduck into whatever folder you want (i'd avoid using the ones made with indexhibit).

Another simple way to deal with this is to make a new exhibit and use the files manager to upload and insert the image in the exhibit. Thus, you get the html code to the image you want (what V posted). You copy that code and put it in the pre-nav area, delete the exhibit, and voilà.

bradthrashin / 2008-10-14 10:33:38   

you can upload it via the file manager. Then you click the arrow that will paste the code into the exhibit description, copy the code from there and put it into the pre nav area under settings.

bradthrashin / 2008-10-14 10:34:12   

beat me!

aturwin / 2008-10-14 11:07:22   

sorry guys but this really just isnt working for me, when im on file manager and i click choose file do i then copy the html which appears to the right or do i upload it, if so, once uploaded where to i find the code. I think i have tried most things but just isnt working.

Eloisa A / 2008-10-14 11:22:54   

I think you're not using the files manager properly. Read what Brad posted.

Vaska A / 2008-10-14 11:31:02   

We expect people to get just a little comfortable with html...this is why it's not working for you. The way I do it...

- upload the image via File Manager
- insert the image into my text area
- copy the img code / delete it
- then go to where ever i need it and paste it

aturwin / 2008-10-14 12:42:02   

OK YES!!!!!

i was getting completely confused at one point then as it is literally my first time using this but i have finally got it,

Thanks for all the help, what an idiot!

Eloisa A / 2008-10-14 15:10:21   

No need for autoflagellation!

We don't expect people to know these things, just to be curious enough and persevere... which you are and did.

Vaska A / 2008-10-14 16:04:57   

Nope, not an idiot. I'm glad you got over the hurdle. A few more and you'll start really picking up steam. Congrats.

;)

hattondjh / 2008-11-25 17:41:43   

What code do you need to link the image back to the main page?

Love to all of you!

arsondpi / 2008-11-25 18:30:03   

...basic html will do the trick - just place it in the pre-nav box. Example. Also check this and do a site search for more...

LeslieOA / 2008-11-25 18:31:03   

Just wrap your image markup like the following: -

  1. <a href='/'><img src='yay.png' alt='Yay!' /></a>

With the forward slash / being where your index/home is located.

Peace.

cthomp / 2008-12-02 01:58:09   

What about aligning the sidebar text and body frame text bellow the logo? Anyone know how to do that?

lejospopo / 2009-01-04 20:27:57   

I'm trying to insert an image, a logo into the 'pre-nav text' box but my browser is only showing me the bounding box, the alternate text and a small question mark where the image should appear. What am I doing wrong? The only thing I can think of that may be affecting the image is that it's being hosted outside of my site. Unfortunately I can't access the html or the css, I can only edit the site via indexhibit.

arsondpi / 2009-01-05 10:53:23   

...this ussually happens when there is no such image in that specific location by that name...
Check that if you put the image address in your browser the image shows up.
Have you got an address?

tiredandtrue / 2009-01-13 05:43:44   

I've been trying to insert links into the pre-nav box. The html for the links is a bit longer than the width of the interface, so they are naturally broken by the box - these breaks insert an html break (br) into address in turn breaking the link...

any advice?

arsondpi / 2009-01-13 10:25:37   

Make the links smaller (in size) or the menu wider...
Have you got an address?

tiredandtrue / 2009-01-13 16:47:57   

just to clear this up maybe a bit more... the menu on my visible website isn't he problem, but the interface within settings... so...
make the pre-nav box wider?

tiredandtrue.com

Vaska A / 2009-01-13 17:52:08   

The interface is the problem?

I can't win around here today...I just can't win.

arsondpi / 2009-01-13 18:13:53   

:-D @ Vaska

Tiredandtrue can you please describe what you like to achieve? I personally don't seem to get the query.

...the menu on my visible website isn't he problem, but the interface within settings... so... make the pre-nav box wider

Which interface within which settings? Are refering to how indexhibit looks or does it have something to do with how your website looks?

Vaska A / 2009-01-13 18:25:05   

He's upset because the textarea is not wide enough for him to insert a really long url.

Thanks arson

;)

LeslieOA / 2009-01-13 21:54:30   

@Vaska: - Well then make the textarea larger already! Geez!
What, you think you can just provide a free and open source CMS and not not fix a problem like a this?!?!

Until modern web browsers (say for example, Firefox, Safari, Chrome..) allow users to stretch textareas themselves then--oh wait...

:-P

Vaska A / 2009-01-13 22:14:03   

Shhhhhhhhhhhhhhhhhhh...

Leslie. If you tell people about these things then we won't have jobs anymore.

;)

LeslieOA / 2009-01-14 01:22:34   

Heheheheh...
The Fed ain't got sh*t on us!

*low five/super-secret designcodiste handshake*

tiredandtrue / 2009-01-14 02:01:46   

not quite the angry type

all wander & wonder

But yeah... the breaks in the long urls were messing up the links... I gave a go today and its all working.

thanks much!

LeslieOA / 2009-01-14 02:31:10   

@tiredandtrue: -
Glad you have a sense of humour mate ;-P

Let us know how things go.
Peace.

madsrh / 2009-01-22 12:16:09   

Is 123x123 the max size? Or can I use the whole width; 215px?
Is there a max height?

Looking forward to work with this.

madsrh / 2009-01-27 12:15:17   

Sorry for the stupid question, I've got my act together now. (If anybody else is reading this; yes, it can apparently be whatever you like, and you can even embed .swf files)

zero3sixty5 / 2009-02-03 20:25:06   

Hi. I've managed to insert an image thanks to the forum threads but the text/imgs on the content page on the right seems to align all the way to the top. is there a way to align it to where the menu bar on the left starts? how do i do that?

thanks!

Vaska A / 2009-02-03 20:41:33   

Padding...margin on the image? A link?

zero3sixty5 / 2009-02-03 21:03:32   

www.zero3sixty5.comWebpage

Vaska A / 2009-02-03 21:08:48   

Put these in your style.css file and play with them until you get the paddings right...the way the sequens works is top, right, bottom, left:

  1. #menu .container { 15px 15px 15px 15px };
  2. #content .container { 15px 15px 15px 15px };
zero3sixty5 / 2009-02-04 08:11:27   

Thanks Vaska. I will try it out. Much appreciated.

danniisin / 2009-04-03 04:48:12   

I FINALLY FIGURED IT OUT. CONCENTRATION IS KEY!

paucc A / 2009-04-03 20:54:01   
danniisin: I FINALLY FIGURED IT OUT. CONCENTRATION IS KEY!

Yes, concentration is basic!
emcee / 2009-04-10 19:19:43   

I saw a nice example where the title above the menu bar flowed over to the right side of the page out from the nav area. Does anyone know how this is done? check out www.sabinbors.com for the example. Is it two images? A new frame at the top? I'm a bit rusty on the html stuff so any advice would be greatly appreciated!

thanks.

emcee / 2009-04-10 19:42:30   

Nevermind, i just figured it out. as I was typing my question it occurred to me that I split the title between the nav frame and section frame and there it is! the trick is to split the image in just the right place.

if anyone has any other thoughts on this, I'd be happy to hear them.

thanks.

Xpointe / 2009-08-12 15:48:30   

Hi guys,
i have replace the code in the pre nav area, but i cant find where i can place my logo file. which folder should i upload into? thx!!!

Xpointe / 2009-08-12 15:54:20   

I am sorry vaska, i know you have posted this
- upload the image via File Manager
- insert the image into my text area
- copy the img code / delete it
- then go to where ever i need it and paste it

but i dont get it...File manager is something similar to cyber duck or fetch?

Vaska A / 2009-08-12 16:06:50   

No, it's a button above the textarea when you are inputting text for an exhibit. It looks like a folder...

Xpointe / 2009-08-12 17:08:34   

Thanks! i got it done with my logo! thanks for your patient, Vaska!!

And now, i would like to move my content text align with my 'Info', just like this site i saw http://www.su11.com/

In my css file, i manage to change the overall alignment, but i couldnt change just the content side...i tried to put in the two scripts you gave into my css file, but it doesnt work..

1. #menu .container { 15px 15px 15px 15px };
2. #content .container { 15px 15px 15px 15px };

do i just place them at last? or i should place them behind #menu or #content that is already in the code file?

thanks for your help!!

Xpointe / 2009-08-12 17:20:17   

hi Vaska,

I got it from your other thread! thanks!

but when i want to shift my menu div, i cant find that part to change in the css file, can you give me some direction in this instead?

thank you very much!! i feel so happy that i finally got some touch of it...sorry for all my questions and questions..ha

nandezdd / 2009-08-13 00:30:52   

Hello Everyone, Im sure this is super easy because everyone has it like this, but I cant figure it out...

How do I make my logo (image on the top left) a link to my home page??

Thanks in advance!

nandezdd / 2009-08-13 03:50:09   

got it ! thanks anyways....

lemathieu A / 2009-08-13 06:53:55   

@Xpointe
can add a
padding-top: XXpx; in #content

change the XX to match the padding-top in #menu if you want them to align (padding-top = the top margin + the height of your logo + the space between your logo and you menu)

legnaleama / 2009-08-15 17:09:12   

Maybe stupid question that should be solved via css but I dunno the way to do it. I've inserted an image as a logo in the pre-nav no problem with that, the problem appears when I insert the link to the main page. Now the image has a border of a couple of px (I suppose it's the border of the css for the "links decorations", isn't it?. If anyone can tell me how to erase just the border for that image I would appreciate it. Thanks for all and cheers from Spain;)

PS: Congrats to the developers and contributors of the Exhibit experience.

This thread has been closed, thank you.