A couple of layout changes...

[jcp]

Hi there. There are a couple of layout changes I would like to make, but have no idea how.

First of all, I was wondering of I can move the Style menu from it's awkward position where it sits on it's own, to be next to the "map this" as shown below.

http://www.pbase.com/jchambers/image/73601804/original.jpg

My second question, is can I change the button for "map this" to one of my own design?

...is it possible to hide the "map this" on the home page, as I want it in all my galleries except the home page.

Also, I haved used the following code to search via keywords but it appears everywhere except I would like it. Is it possible to sit it again in the same "window" as the "map this" above? Probably either to the left of "map this" or below.

<!-- Site Keyword Search -->
<form name="suggest" action="/keyword/jump.mg">
<td class="headmd">search
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />
<input type=submit value="keyword search" name="submitButton" class="buttons" />
******** src="/include/js/keywordsuggest.js"></********
</form>
<!-- End Site Keyword Search -->


thanks in advance.

[Andy]

First of all, I was wondering of I can move the Style menu from it's awkward position where it sits on it's own, to be next to the "map this" as shown below.
yes. But we can't help you without knowing your SmugMug Site name. Put it in your profile, y our signature, in your posts, so that those who can help you will be able to help you.

My second question, is can I change the button for "map this" to one of my own design?
Sure. Look at all the different themes. Many have different buttons. But remember, your buttons should match. Before you go taking time with button-making, be sure that there aren't buttons that exist in other themes that might suit you. Then some button - swapping is in order.

...is it possible to hide the "map this" on the home page, as I want it in all my galleries except the home page.:nod - in your CSS:

.homepage .map_this {display: none;}

Also, I haved used the following code to search via keywords but it appears everywhere except I would like it. Is it possible to sit it again in the same "window" as the "map this" above? Probably either to the left of "map this" or below.

<div id="mysearch">
<!-- Site Keyword Search -->
<form name="suggest" action="/keyword/jump.mg">
<td class="headmd">search
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />
<input type=submit value="keyword search" name="submitButton" class="buttons" />
******** src="/include/js/keywordsuggest.js"></********
</form>
<!-- End Site Keyword Search -->
</div>

Sure. Add the RED. Then, most anyone here who helps you can show you how to position it.

[jcp]

Thanks Andy,

my gallery is http://jcp.smugmug.com/

[David Taylor]

Has this been answered already?

I've positioned my stylebar with css for my default gallery style (smugmug) but of course it then breaks with other gallery styles.

[jcp]

No answer yet.

But I have yet another question. I like to link directly to galleries by the Navbar, but at the root of all galleries, I link to the catagory. (you can see what I mean by playing around here: http://jcp.smugmug.com/gallery/2343561

i.e. Urban Scenics >>> Great Britain >>> London takes you to the London Gallery, Urban Scenics takes you to the catagory.

Is there a way to link to a page that shows ALL catagories?

[Allen]

No answer yet.

But I have yet another question. I like to link directly to galleries by the Navbar, but at the root of all galleries, I link to the catagory. (you can see what I mean by playing around here: http://jcp.smugmug.com/gallery/2343561

i.e. Urban Scenics >>> Great Britain >>> London takes you to the London Gallery, Urban Scenics takes you to the catagory.

Is there a way to link to a page that shows ALL catagories? Create a virtual page for Categories and turn display categories on for that
page. See this thread (http://www.dgrin.com/showthread.php?p=355505#post355505). Then a link to navbar for it.
Hope this helps

[jcp]

Thanks again Allen, playing around with them codes now :thumb

[jcp]

Thanks for the help so far guys, a few of the questions have been solved now.

There still is this one though, can anyone give me a suggestion? I would like to move the Style menu to sit next to the "Map This" button as so. What code will I need and where should I put it (css?)

http://www.pbase.com/jchambers/image/73601804/original.jpg

I use the "sand" theme on each page.
www.jochambers.com (http://www.jochambers.com)

Cheers.:bow

[JimN]

I also want to do this. Hopefully someone has an answer.

[brandofamily]

try this to move the style picker



#stylebar {position:absolute; width:120px !important; margin-top:40px !important; margin-left:500px !important}

I'm not sure if it's elegant or even good code, but it seems to work...
it may need to be adjusted for all the different viewing styles...

[jcp]

try this to move the style picker



#stylebar {position:absolute; width:120px !important; margin-top:40px !important; margin-left:500px !important}

I'm not sure if it's elegant or even good code, but it seems to work...
it may need to be adjusted for all the different viewing styles...

Thanks brandofamily, that does the trick perfectly. I've got it placed now is a nice spot.

[jcp]

Hmmm,

I have noticed that it is placed in completely different places when viewing via firefox or IE7. Does anyone know the way to make an "if" statement in the css (or elsewhere) so that if it is viewed in IE7 then.... and if in firefox then...

www.jochambers.com (http://www.jochambers.com)

Once that is done, I would then need to figure out some if statements regarding what style it is, such as if slideshow then.... etc, I guess I would place all the different style "if's" under both the IE7 "if" and the firefox "if", although knowing my skewed way of thinking I am probably wrong there.

All I need is the general idea, once I got the basic code, I think I could work out how to change the various parameters myself for each location.

thanks in advance to any great soul who helps out :O)

[brandofamily]

Hmmm,

I have noticed that it is placed in completely different places when viewing via firefox or IE7. Does anyone know the way to make an "if" statement in the css (or elsewhere) so that if it is viewed in IE7 then.... and if in firefox then...

www.jochambers.com (http://www.jochambers.com)

Once that is done, I would then need to figure out some if statements regarding what style it is, such as if slideshow then.... etc, I guess I would place all the different style "if's" under both the IE7 "if" and the firefox "if", although knowing my skewed way of thinking I am probably wrong there.

All I need is the general idea, once I got the basic code, I think I could work out how to change the various parameters myself for each location.

thanks in advance to any great soul who helps out :O)
All the code you need is in the CSS...
if you wish for a margin parameter to apply to IE6 and IE7 (only) place ~ in front of it. As in ~margin-left:50px... if you wish to have the parameter ONLY apply to IE6 and Not IE7 put an underscore in front of it. As in _margin-left:50px...

As for the placement in differnet viewing styles, you can just add specific lines of code that will apply to the style...
If you wish I can play with it a bit and give you a starting point for each style...

[brandofamily]

I was bored... The smugmug and critique style are wider so maring-left had to be pushed upwards. All the rest of the styles seem to be the same width... You can now adjust those margins for IE6/7...(change the ~ parameter)


#stylebar {position:absolute; width:120px !important; margin-top:35px !important; margin-left:600px !important; ~margin-left:600px !important}
.critique #stylebar {position:absolute; width:120px !important; margin-top:35px !important; margin-left:680px !important; ~margin-left:680px !important}
.smugmug #stylebar {position:absolute; width:120px !important; margin-top:35px !important; margin-left:680px !important; ~margin-left:680px !important}