ElkArte Community

Extending Elk => Custom Themes => Topic started by: Spuds on September 14, 2014, 05:21:53 pm

Title: [Theme] Borderworld
Post by: Spuds on September 14, 2014, 05:21:53 pm
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



Title: Re: [Theme] Borderworld
Post by: Adrek on September 14, 2014, 05:34:34 pm
looks great :)
Title: Re: [Theme] Borderworld
Post by: CrimeS on September 14, 2014, 05:45:39 pm
Cool theme! Really nice colours. You should make the documentation how to achieve this nav menu and other cool things you do!
Title: Re: [Theme] Borderworld
Post by: meetdilip on September 14, 2014, 10:42:38 pm
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.
Title: Re: [Theme] Borderworld
Post by: emanuele on September 15, 2014, 02:44:46 am
Pretty cool and interesting! nods
Title: Re: [Theme] Borderworld
Post by: radu81 on September 15, 2014, 03:26:54 am
looks great ;)
Title: Re: [Theme] Borderworld
Post by: Spuds on September 15, 2014, 08:35:50 am
Thanks :D
Quote from: CrimeS – You should make the documentation how to achieve this nav menu and other cool things you do!
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.
Quote from: meetdilip – 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.
I'll take a look to see what may work instead of the chevrons, should be able to come up with something.

Title: Re: [Theme] Borderworld
Post by: meetdilip on September 17, 2014, 08:01:03 pm
@Spuds , unable to register. :(

Even when I click register button it shows log in option.
Title: Re: [Theme] Borderworld
Post by: Spuds on September 17, 2014, 08:30:19 pm
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)
Title: Re: [Theme] Borderworld
Post by: meetdilip on September 17, 2014, 08:37:50 pm
It is not available for download then ? The red one.
Title: Re: [Theme] Borderworld
Post by: Spuds on September 18, 2014, 06:02:52 pm
I'm going to add them, probably to the ElkArte themes repo so anyone can get them and hopefully make fixes as well !
Title: Re: [Theme] Borderworld
Post by: radu81 on November 16, 2014, 08:06:38 pm
will this be available?
Title: Re: [Theme] Borderworld
Post by: Spuds on November 19, 2014, 02:28:27 pm
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.
Title: Re: [Theme] Borderworld
Post by: radu81 on November 19, 2014, 02:45:19 pm
Thanks for sharing this, I'll try it and hope to use it soon ;)
Title: Re: [Theme] Borderworld
Post by: radu81 on November 29, 2014, 08:03:11 am
there are some problems with login/register buttons and with Search. You can see it on spuds demo site
Title: Re: [Theme] Borderworld
Post by: Spuds on November 29, 2014, 08:42:24 am
Hey thats why its free :P
Title: Re: [Theme] Borderworld
Post by: radu81 on November 29, 2014, 08:44:00 am
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
Title: Re: [Theme] Borderworld
Post by: Spuds on November 29, 2014, 08:46:53 am
LOL ... where the heck are you seeing that, I just checked Fx and Chrome and they look fine?
Title: Re: [Theme] Borderworld
Post by: radu81 on November 29, 2014, 08:50:59 am
on your demo site and also on my test forum. tried IE10, Firefox and latest version of Chrome for win 64, same results
QuoteI see this if the browser is set to full screen. On a width of 1200 px is working fine
Title: Re: [Theme] Borderworld
Post by: Spuds on November 29, 2014, 08:58:22 am
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:-)
Title: Re: [Theme] Borderworld
Post by: Spuds on November 29, 2014, 10:03:30 am
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.
Title: Re: [Theme] Borderworld
Post by: radu81 on November 29, 2014, 01:00:57 pm
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
Code: [Select]
/* See, I told you there was wombatz here. */
/*
   ,.--""""--.._
."     .'      `-.
;      ;           ;
   '      ;             )
  /     '             . ;
/     ;     `.        `;
   ,.'     :         .     : )
   ;|\'    :      `./|) \  ;/
   ;| \"  -,-   "-./ |;  ).;
   /\/              \/   );
  :     _            \    ;
  :    \0\_    _     ;   )
  `.          /o/    ;  /
!    :   :     ,/  ;
(`. : _ : ,/""   ;
  \\\[icode]"^" [/icode] :    ;
   (    )
akg           ////
*/
Title: Re: [Theme] Borderworld
Post by: Spuds on November 29, 2014, 09:08:15 pm
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.
Title: Re: [Theme] Borderworld
Post by: Spuds on December 03, 2014, 11:31:16 am
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
Title: Re: [Theme] Borderworld
Post by: Ziggy on January 27, 2015, 07:27:23 am
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!
Title: Re: [Theme] Borderworld
Post by: Jorin on January 27, 2015, 08:32:03 am
You totally do!
Title: Re: [Theme] Borderworld
Post by: emanuele on January 27, 2015, 08:41:45 am
In index.template.php you can replace:
Code: [Select]
					<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:
Code: [Select]
					<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. :)
Title: Re: [Theme] Borderworld
Post by: Ziggy on January 27, 2015, 01:41:44 pm
Thank you emanuele, I'll give that a try.

Edit: Mission accomplished! :)
Title: Re: [Theme] Borderworld
Post by: emanuele on January 27, 2015, 02:32:39 pm
:D
Title: Re: [Theme] Borderworld
Post by: TomW on March 18, 2015, 06:24:12 pm
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 ?
Title: Re: [Theme] Borderworld
Post by: Spuds on March 18, 2015, 07:59:25 pm
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  :-[
Title: Re: [Theme] Borderworld
Post by: Spuds on March 19, 2015, 11:18:40 am
Quote from: TomW – I have downloaded this theme and find no problems with login/register, or Search.  It appears to be working great !
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
Quote from: TomW – I would like to change the background and the menu colors from blues to yellows. 
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
Code: [Select]
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.
Quote from: TomW – 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 ?
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.
Title: Re: [Theme] Borderworld
Post by: Spuds on September 20, 2019, 01:31:04 pm
And updated for 1.1, see the first post.