[Tip] Additional Dropdown Menu for Curve Theme 2.0 RC3

Started by ScopeXL, January 15, 2010, 02:12:21 AM

Previous topic - Next topic

~DS~

Quote from: ScopeXL on March 05, 2010, 12:35:54 PM
In index.css, under #siteslogan, img#smflogo, change width: 75%; to width: 60%; That should fix all resolution problems. If you are still having problems try width: 50%; and lower and lower until it works with your logo.
50% works for me but unless they have smaller resolution it will look like this. Your demo site shows the same.
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

ScopeXL

It all is relevant to how many tabs you use, as well as the width of the #siteslogan in the index.css, if you make the width: attribute to a fixed pixel or percentage (low enough) for users with smaller resolutions shouldn't have a problem. However I have not been able to recreate the way SMF does it yet that disables wordwrap so the navigation doesn't scroll to the next line if the resolution is small. Once I see how the CSS is parsed to not allow word wrap I will rewrite my demo and make necessary changes. For now though, a quick fix is reduce your width: attribute of #siteslogan in index.css

~DS~

Ok i have disabled this and put in default until there's a fix for this and I also believed it's my logo. Is there any way to put the logo other than "Logo image URL:" in the theme setting. Or does that affect either way no matter where I put the logo?
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

ScopeXL

Quote from: Dismal Shadow on March 08, 2010, 02:56:58 AM
Ok i have disabled this and put in default until there's a fix for this and I also believed it's my logo. Is there any way to put the logo other than "Logo image URL:" in the theme setting. Or does that affect either way no matter where I put the logo?
It could be your logo, if you would allow me I can better debug this if I had your theme files. Simply zip your theme directory and send to me and I can fiddle with it until it seems to be working on all resolutions.

~DS~

Quote from: ScopeXL on March 08, 2010, 08:22:02 AM
Quote from: Dismal Shadow on March 08, 2010, 02:56:58 AM
Ok i have disabled this and put in default until there's a fix for this and I also believed it's my logo. Is there any way to put the logo other than "Logo image URL:" in the theme setting. Or does that affect either way no matter where I put the logo?
It could be your logo, if you would allow me I can better debug this if I had your theme files. Simply zip your theme directory and send to me and I can fiddle with it until it seems to be working on all resolutions.
Cool, where do you want it attached or upload to? 
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

ScopeXL

Attach it in a reply to this, I'll reattach when I can see whats up with it.

~DS~

Ummm...I don't think we can attach here...it's not in the additional options... :-\
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

ScopeXL

Quote from: Dismal Shadow on March 08, 2010, 08:37:09 AM
Ummm...I don't think we can attach here...it's not in the additional options... :-\

My bad, either provide a zip from your web server or use Megaupload.com

ScopeXL

Updated for 2.0 RC3

Also fixed the problem users were having with menu items word wrapping to next line if screen resolutions were too small.

~DS~

#49
Quote from: ScopeXL on March 09, 2010, 07:43:52 PM
Updated for 2.0 RC3

Also fixed the problem users were having with menu items word wrapping to next line if screen resolutions were too small.
By looking at your demo it seem to have fixed indeed. Now I wonder how the logo would fare in this. Will test it later.


Update: Whatdidya know? It works.  :)
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

MarcusJ


MarcusJ

I have a design questions pertaining to this awesome tip.

I'm using all external links.  So there wont be an active tab.  Is there a way to make them all show the active tab behind the text?  If that isn't possible is there a css edit I can make so that just the top menu is in slightly larger white text, and possibly bold?

Thanks for any help you can provide.


~DS~

Quote from: MarcusJ on March 15, 2010, 11:27:36 AM
I have a design questions pertaining to this awesome tip.

I'm using all external links.  So there wont be an active tab.  Is there a way to make them all show the active tab behind the text?  If that isn't possible is there a css edit I can make so that just the top menu is in slightly larger white text, and possibly bold?

Thanks for any help you can provide.


You mean this?

I too would like to see this as well.
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

MarcusJ

Yes that.  :D  Or the css edit to make the text lighter and larger.  I'm easy.  I just wish I had the knowledge to do it on my own.

ScopeXL

The CSS for it is in index.css and I'm not sure in particular but I believe its .dropmenu (or one of .dropmenu's subitems). For this tutorial I left out active tab to keep it simple for others using it as you would have to specify each action to get active tabs correctly working. If your using external links then look for

Find:

.dropmenu li a.active


And that should be the CSS for the active tab for whatever theme your using. Then change

Find:

.dropmenu li


in the CSS and replace the active tab CSS with the standard CSS which *should* make your tabs default to looking like active tabs. I don't have time right now to test this, make sure to save an original index.css backup if things go really, really wrong. Let me know how it works out and I might have time later to test this and help you out if my theory doesn't work.

MarcusJ

I tried it.   But it didn't work out so well.   :o



lol


~DS~

"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

MarcusJ

You know I'd be really happy just being able to change the color of those links.  Seeing as active tabs wont work for external links anyway. 

I've spent about an hour trying to sort it, but I'm defeated.  It is beyond my meager understanding.    :o

steve51184

i've got this error in my error log MANY times...

QuoteApply Filter: Only show the error messages of this member  [removed]
Apply Filter: Only show the error messages of this IP address [removed]
     Reverse chronological order of list Today at 11:50:21 pm
Apply Filter: Only show the error messages of this session [removed]
Apply Filter: Only show the errors of this type Type of error: Undefined
Apply Filter: Only show the error messages of this URL
http://[removed].com/index.php?action=login2
Apply Filter: Only show the errors with the same message
8: Undefined index: href
Apply Filter: Only show the errors from this file
File: /var/www/web8/web/Themes/default/index.template.php
Line: 541

this is line 541 of index.template.php

               <a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>

ScopeXL

Did you by any chance put a link in your top navigation drop down that doesn't link to anything? Look through your Subs.php where you put in the links yourselfs. Compare with this one link make sure they all have each item.


'link_idr' => array(
'title' => 'Link 1',
'href' => $scripturl . '?action=link',
'show' => true,
'sub_buttons' => array(
),
),

Advertisement: