ElkArte Community

Extending Elk => Custom Themes => Topic started by: Jorin on April 23, 2015, 03:53:06 am

Title: Help with custom theme needed
Post by: Jorin on April 23, 2015, 03:53:06 am
I have some ideas for my theme, but I can't get them to live. So I need help from someone who's willing to help me with his programming skills. Is there a way to get in contact with such a person?
Title: Re: Help with custom theme needed
Post by: meetdilip on April 24, 2015, 03:04:09 pm
@Allan  @CrimeS  are the names that comes to my mind instantly.
Title: Re: Help with custom theme needed
Post by: emanuele on April 24, 2015, 03:29:21 pm
/me is terrible with theming...
Title: Re: Help with custom theme needed
Post by: radu81 on April 24, 2015, 05:13:38 pm
but Emanuele can code ;) I'd love to be as bad as you are  ;D
Title: Re: Help with custom theme needed
Post by: meetdilip on April 25, 2015, 06:05:10 am
@emanuele  , you cannot skip this now :P
Title: Re: Help with custom theme needed
Post by: Jorin on May 07, 2015, 01:55:15 am
Anyone with some time (not much) please give me a sign.  O:-)
Title: Re: Help with custom theme needed
Post by: emanuele on May 12, 2015, 05:34:09 am
It really depends on what you want to do... let me know and I'll tell you if I can help or not. ;)
Title: Re: Help with custom theme needed
Post by: CrimeS on May 12, 2015, 09:59:25 am
I'm currently too busy with own projects :)
Title: Re: Help with custom theme needed
Post by: ahrasis on May 12, 2015, 09:52:41 pm
Just post them here so everybody can see and contribute. This is an ElkArte community, isn't it?
Title: Re: Help with custom theme needed
Post by: Jorin on May 13, 2015, 01:52:29 am
First changes are discussed here:

http://www.elkarte.net/community/index.php?topic=2631.0

Second: I imagine it would be great to have the header with it's menu buttons at the left side of the index instead of at the top. Every device I use to visit the forum has a screen which is always a widescreen with more space in width then in height. So why do I need a forum header which costs a lot of space when I have more then enough room at both sides? I know this can be a big one so I can pay for help with this (if this is allowed to post here - if not, please edit my post and delete this offer).

Third: My logo is too small in mobile view. Can be a small bug I think.
Title: Re: Help with custom theme needed
Post by: ahrasis on May 13, 2015, 02:18:12 am
The first one is already advised.

The second one, just for clarification, you want it to be something like ubuntu menu (just the icons in vertical align) or you want it with text and icons or just text?

The third one, that I think involves only css and should be easy to fix.
Title: Re: Help with custom theme needed
Post by: Jorin on May 13, 2015, 02:29:27 am
Quote from: ahrasis – The second one, just for clarification, you want it to be something like ubuntu menu (just the icons in vertical align) or you want it with text and icons or just text?

I am not using ubuntu.  ;)  And I did no draft for now what it could look like. But maybe the buttons can be displayed aligned to the right border then.

I have no solution at the moment for the hover menus. Maybe they can expand to the right then instead of to the bottom.
Title: Re: Help with custom theme needed
Post by: ahrasis on May 13, 2015, 03:11:04 am
That should be css as well (if there is no other element of jquery involves) and should not be that difficult to implement. If I am not mistaken, last time I read, @emanuele has some trial theme using pure css that has a menu on the left side. May be, he can share the one that he already has? It will take me sometimes to formulate a left side menu.
Title: Re: Help with custom theme needed
Post by: emanuele on May 13, 2015, 04:05:13 am
You mean something like:
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2575.0;attach=2340;image)
Just the idea, not the look of it.

Quote from: ahrasis – May be, he can share the one that he already has? It will take me sometimes to formulate a left side menu.
It may be little tricky, because to work on that one I wiped out entirely the various css from Elk, so it's basically something completely different...
Title: Re: Help with custom theme needed
Post by: Jorin on May 13, 2015, 04:07:13 am
Yep, something like that.  :)
Title: Re: Help with custom theme needed
Post by: emanuele on May 13, 2015, 05:19:19 am
The attached can be achieved with "just" adding the following to custom.css:
Code: [Select]
#top_section {
position: relative;
}

#menu_nav {
padding: 6px;
position: absolute;
width: 180px;
display: block;
background-color: #eee;
margin-top: 20px;
border: 3px solid #4b863c;
border-radius: 5px;
}

.listlevel1#collapse_button, .listlevel1#button_profile {
float: none;
width: auto;
}
.listlevel1#collapse_button {
width: 22%;
}

#menu_nav .listlevel1 {
float: none;
}

#menu_nav .listlevel1:hover .menulevel2, #menu_nav .listlevel1.sfhover .menulevel2 {
left: 140px;
top: 25%;
}
#menu_nav .listlevel1#button_profile:hover .menulevel2, #menu_nav .listlevel1#button_profile.sfhover .menulevel2 {
left: 140px;
right: auto; /* may be useless */
}

#wrapper {
margin-left: 200px;
width: initial;
}

@media screen and (max-width: 50em) {
#menu_nav {
width: 50px;
}
#wrapper {
margin-left: 70px;
}
.wrapper {
min-width: initial;
width: auto;
margin-right: 0%;
}
#menu_nav .listlevel1:hover .menulevel2, #menu_nav .listlevel1.sfhover .menulevel2,
#menu_nav .listlevel1#button_profile:hover .menulevel2, #menu_nav .listlevel1#button_profile.sfhover .menulevel2 {
left: 40px;
}
#main_menu .subsections:hover .linklevel1:after {
text-shadow: 0;
color: transparent;
}
}
It may not be perfect though.
Title: Re: Help with custom theme needed
Post by: Jorin on May 13, 2015, 05:29:25 am
It's a beginning, thanks!  :)

But I can't use this because it still has a header.  ;)

So, if anyone has some time in the future would be great!
Title: Re: Help with custom theme needed
Post by: ahrasis on May 13, 2015, 05:51:40 am
Quote from: emanuele – You mean something like:
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2575.0;attach=2340;image)
Just the idea, not the look of it.

Quote from: ahrasis – May be, he can share the one that he already has? It will take me sometimes to formulate a left side menu.
It may be little tricky, because to work on that one I wiped out entirely the various css from Elk, so it's basically something completely different...
Yes. That's the one. I think if it is just wiping default main menu css, and replacing them with yours, jorin will be ok with it. He is creating a new theme anyway. So, let him play and develop some more.
Title: Re: Help with custom theme needed
Post by: emanuele on May 13, 2015, 05:55:09 am
Quote from: Jorin – But I can't use this because it still has a header.  ;)
The entire header?
Ohh... okay.
Title: Re: Help with custom theme needed
Post by: Jorin on May 13, 2015, 05:59:20 am
Quote from: ahrasis – He is creating a new theme anyway. So, let him play and develop some more.

I am? Really? Must be my twin brother which I haven't.  ;D

No, I can't code in any way. All I can do is draw a picture of what I want.  ;)

Quote from: emanuele –
Quote from: Jorin – But I can't use this because it still has a header.  ;)
The entire header?
Ohh... okay.

Yeah, who needs a header?  ;D