This is a knock off of a xenforo theme, done in red and blue. I wanted to play with "nav" sytle menus (that's what superfish calls them) for the first drop down so this is what you get. You can play with it here: http://themes.spudsdesign.com/index.php/theme=9
Download
http://themes.elkarte.net/mimic/Border-World.html
looks great :)
Cool theme! Really nice colours. You should make the documentation how to achieve this nav menu and other cool things you do!
Nice work. If I may, it would be nice to replace the collapse arrow button with a cool " + " button or something different to make it look more modern.
Pretty cool and interesting! nods
looks great ;)
Thanks :D
I may put a page on the wiki on how to do this to the menu, at least the css since thats all it takes in this case.
I'll take a look to see what may work instead of the chevrons, should be able to come up with something.
@Spuds , unable to register. :(
Even when I click register button it shows log in option.
Yeah ... being just a test site I have registration disabled, its just for some quick and dirty checking. (but I just enabled guest browsing so more of theme can be seen)
It is not available for download then ? The red one.
I'm going to add them, probably to the ElkArte themes repo so anyone can get them and hopefully make fixes as well !
will this be available?
I put what I have in the first link.
This was an experiment to change how the menus expand to what superfish calls nav style, which is a bit like what xenforo does. This also has the expand out search box when clicked. I was going to do some more but have been sidetracked on lots of other things for a bit. I originally did this with an rc2 file, so it may be missing a couple of css fixes. It squares up some corners as well. Anyway I intend to do more at some point, but here it is and if anyone wants to take it further, please do.
Thanks for sharing this, I'll try it and hope to use it soon ;)
there are some problems with login/register buttons and with Search. You can see it on spuds demo site
Hey thats why its free :P
make it perfect and premium ;D Just kidding
I see this if the browser is set to full screen. On a width of 1200 px is working fine
LOL ... where the heck are you seeing that, I just checked Fx and Chrome and they look fine?
on your demo site and also on my test forum. tried IE10, Firefox and latest version of Chrome for win 64, same results
Its fine on my screen but it only goes to 1366 ... I'll need someone with a gigantic enormous screen to help debug that O:-)
I did notice that the search expand area was not stable on chrome so I just fixed that, still don't know about the other problem just yet.
humm, I wonder if its due to the max width on the wrapper, I just shut that off on the test site, see if that fixes it.
Removing the max-width of wrapper solved the problem for search bar and login, but it's not a solution I like. On a monitor 1920*1080 you will see the forum at 1713px width instead of 1260px.
I found this on index.css :D
/* See, I told you there was wombatz here. */
/*
,.--""""--.._
." .' `-.
; ; ;
' ; )
/ ' . ;
/ ; `. `;
,.' : . : )
;|\' : `./|) \ ;/
;| \" -,- "-./ |; ).;
/\/ \/ );
: _ \ ;
: \0\_ _ ; )
`. /o/ ; /
! : : ,/ ;
(`. : _ : ,/"" ;
\\\[icode]"^" [/icode] : ;
( )
akg ////
*/
You found our wombat :P
I can fix the search position while still maintaining a max width on the forum wrapper, that is on the theme site for a test.
I don't have a solution for the login/register panel .. You could move the "tab" more the page center so it would take a very big screen to break. Other than that the fix, per se, is to slide everything down when the panel appears vs today's where the panel overlays the page which is the effect I wanted. You could also position the tab in the upper right always and shift things down a tad so there is room. That does not look as nice IMO.
I ended up using some javascript to position the login/register button, that solves it going "off content" on really wide screens. Need to update the package with that fix and the search area fixes
If I use a logo image how do I A) link the image so that when clicked it returns to the home URL and B) remove the default community name text from the header area.
Right now I have a logo and text that read the same thing but the logo image isn't a clickable link. The text is - but I don't want that visible.
Please tell me I'm making sense!
You totally do!
In index.template.php you can replace:
<img id="logo" src="', $context['header_logo_url_html_safe'], '" alt="', $context['forum_name_html_safe'], '" title="', $context['forum_name_html_safe'], '" />
<h1 id="forumtitle">
<a href="', $scripturl, '">', $context['forum_name'], '</a>
</h1>
with:
<h1 id="forumtitle">
<a href="', $scripturl, '">
<img id="logo" src="', $context['header_logo_url_html_safe'], '" alt="', $context['forum_name_html_safe'], '" title="', $context['forum_name_html_safe'], '" />
</a>
</h1>
should do the trick. :)
Thank you emanuele, I'll give that a try.
Edit: Mission accomplished! :)
:D
I have downloaded this theme and find no problems with login/register, or Search. It appears to be working great !
I would like to change the background and the menu colors from blues to yellows. Also would like to remove the title in the header and only have the logo. Would I make the change in the index_besocial.css file ?
Been a while since I looked at this one. Let me take a look tomorrow and let you know whats best there. I can't remember if I update the first post with the latest, probably did but can't remember for sure :-[
Be sure you have the latest, I think what was in this thread is it, but to be sure get this one: https://github.com/Spuds/Elk_Theme_BorderWorld/releases/download/1.0.0/borderworld.zip
This theme should install a new directory in your /themes directory as /themes/Borderworld Those are the files you will need to edit to change the colors, etc,i ndex_besocial.css has no effect on this theme.
Currently there is only one variant _redblue most of the colors should be in those css files. The background pattern is in images _redblue directory, there are some additional patterns in there if you wanted to experiment.
So for example in /themes/Borderworld /css/_redblue you will find the index_redblue.css file, if you want to change the background
html {
background: #55728B;
background: url(../../images/_redblue/geo6.png) repeat scroll 0 0 #55728B;
}
the color is the hex 55728B, which is that wedge wood blue, change that to a yellow color instead. You can also try some of the other geo# patterns in the images dir, I left a few for experimentation.
You can also create your own variant file, by copying them to a _yellowred (or whatever you like), so you would then have a /themes/Borderworld /css/_yellowred directory. You can then make that available by adding that to the /themes/Borderworld/index.template.php file to the 'theme_variants' line. This keeps the current intact and lets you experiment.
If you don't want the title, don't add on in the themes options (Site slogan) for this theme. Those settings are under admin->configuration->theme management->theme settings from that page, select the Borderworld settings. That should just leave the logo.
And updated for 1.1, see the first post.