Anyone like to have this ?
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2692;image)
You link to an attachment that is not visible to guests so...
Check now :)
I like that color!
Issue with author info. It seems the author name is listed globally as a menu which are used at other areas as well. How can we change the author area info without affecting other menu / listing levels ?
How would you like to have the boards in " Smooth " ? I guess it is better without a wrapper.
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2704;image)
Without wrapper
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2706;image)
Another thing to be dealt with,
icon_anchor is obscured. Not sure what happened. I have give a background colour = black to make sure that it exist ( even as obscured )
Need to fix author info and board icons. Everything else seems to be fine
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2714;image)
I guess you attached the color to some dropdown list class, right?
I think you can restrict it with the class .poster (or .poster_area, don't remember exactly).
What about board icons ? Hope you can see the very slight Black background which appears as thin line.
.linklevel1, .linklevel1:link, .linklevel1:visited {
is causing the issue. I even tried " background-color: white ! important" for .poster, but didn't work.
Current set up is not bad. Can someone tell me how I can import these edits as a theme package ?
If you can post the selector you used it would be easier.
If you have used .linklevel1, then, that's rather normal, linklevel1 and alike are meant to be generic and applicable to many things, just use .poster and .linklevel1 together as I suggested above:
.poster .linklevel1
Any help possible with board icons and exporting this theme ?
maybe this can be useful for you http://www.elkarte.net/community/index.php?topic=966.0
Attaching work so far. Can someone test it for me.
@radu, the issue is the icons are obscured.
Live link...?
Using local host. Theme file attached in previous post.
Board icons what? ;)
Exporting (as I said somewhere else) is "just" tweak the theme-info.xml to replace your name/nick and name of the theme (and maybe something else, it's xml, should be somehow easy to read) and add files and folders to a zip. That should be it.
Fixed the board icon obscuring issue. Replaced it by font awesome using
.board_icon {
background-image: none;
}
.board_icon:before {
font-family: "FontAwesome";
content: '\f114';
position: relative;
top: 5px;
font-size: 2.7em;
opacity: 0.8;
color: #419EE3;
}
Here is what we have now
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2862;image)
I have a small issue to solve. Now there is only one board icon changed. How to replace all 3 with font awesome icons ? I mean read, unread and redirection.
Thread listing
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2864;image)
maybe this topic can be useful to you http://www.elkarte.net/community/index.php?topic=966
Thanks, I was referring to the same
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2866;image)
I am still having problem with obscured board icons. Unless I use
.board_icon:before {
font-family: "FontAwesome";
content: '\f114';
position: relative;
top: 5px;
font-size: 2.7em;
opacity: 0.8;
color: #419EE3;
padding-right: 5px;
}, it is like this
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2868;image)
Another issue is with post bit
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2870;image)
Only these two " issues ", I guess.
When I use
.poster .linklevel1 {
background: #fff;
}I get the following ( no user name visible, but visible at hover )
Fixed using
.poster .name {
color: black;
}Only 1 " issue " left, board icon obscuring
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2874;image)
I guess I found out why the board icons are obscured. It is using class
class="board_icon off_board"
it should be
class="new_none_board"
How to change it ?
I changed the font awesome classes to default classes. Still board icons are not appearing.
Anybody who wish to use this theme can find it attached. Just spread good things about ElkArte in return. By the way, renamed the theme as Silk.
PS : I am still to fix the board icon issue. Will update it once I find out what went wrong
Fixed the footer green band
This is the part I need help with
@TE /* $BOARDICONS */
/* ------------------------------------------------------- */
.board_icon {
display: block;
float: left;
width: 48px;
height: 48px;
}
.board_key:before {
display: block;
float: left;
height: 24px;
width: 26px;
content: "";
}
.category_boards .board_icon, .board_key:before {
background-repeat: no-repeat;
background-image: url(../../images/_light/board_icons.png);
}
.on_board {
background-position: 0 0;
}
.on2_board {
background-position: -72px 0;
}
.off_board {
background-position: -144px 0;
}
.redirect_board {
background-position: -216px 0;
}
.new_some_board:before {
background-position: -300px -14px;
}
.new_none_board:before {
background-position: -372px -14px;
}
.new_redirect_board:before {
background-position: -444px -14px;
}
I want to use f114 as on, f114 with another colour as off and f08E as redirect icon.
If you are using fontawesome, you can just drop all the background-position since they refer to the images... actually, I think you can drop the entire block of css you posted there.
I see you are already using FA, so the problem is to switch the different icons on different conditions?
Thanks for the suggestion
@emanuele . This piece of code did the trick
.board_icon:before {
font-family: "FontAwesome";
content: '\f114';
position: relative;
top: 5px;
font-size: 2.7em;
opacity: 0.8;
color: #419EE3;
padding-right: 5px;
}
.on_board:before {
font-family: "FontAwesome";
content: '\f114';
position: relative;
top: 5px;
font-size: 2.7em;
opacity: 0.8;
color: #419EE3;
}
.off_board:before {
font-family: "FontAwesome";
content: '\f114';
position: relative;
top: 5px;
font-size: 2.7em;
opacity: 0.8;
color: #605E68;
}
.redirect_board:before {
font-family: "FontAwesome";
content: '\f08e';
position: relative;
top: 5px;
font-size: 2.7em;
opacity: 0.8;
color: #419EE3;
}
.new_some_board:before {
font-family: "FontAwesome";
content: '\f114';
position: relative;
top: 5px;
font-size: 2.7em;
opacity: 0.8;
color: #419EE3;
padding-right: 5px;
}
.new_none_board:before {
font-family: "FontAwesome";
content: '\f114';
position: relative;
top: 5px;
font-size: 2.7em;
opacity: 0.8;
color: #605E68;
padding-right: 5px;
}
.new_redirect_board:before {
font-family: "FontAwesome";
content: '\f08e';
position: relative;
top: 5px;
font-size: 2.7em;
opacity: 0.8;
color: #419EE3;
padding-right: 5px;
}
How can I remove the variant option ?
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2885;image)
Just noticed, the icons on top does not appear in small screen view
Fixed the issue. data-icon in media query for small screens was not getting read. Moved to custom_light.css
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2891;image)
Fixed the blue background
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2893;image)
I though I could answer now, but there are a couple of things that require a bit of explanation...
This evening. ;D
Sure. Thanks.
Okay, here I am.
First thing you have to remove the variants declaration from index.template.php: open it, search for:
'theme_variants' => array('light', 'besocial'),and replace the string with:
'theme_variants' => array(),
This covers the "remove the option to select a variant.
Then, you can delete in the "css" folder the directories "_light" and "_besocial".
Actually, this morning I though it was more complex because I was thinking at another thing... :-[
Actually " Silk " is a CSS mod of _light. So I would to rename it as Silk and get rid of _besocial.
I changed it to
'theme_variants' => array('light'),How can I rename " light " to " Silk " ? And which all templates to keep ?
If you have just one, you don't need to have any variant at all (also because it may be slightly confusing, even though it may be nice to keep it in case you want to add in the future... oh well, up to you :P).
Anyway, to change light to silk you just have to change it and rename the "_light" directory and the files inside (e.g. indx_light.css) it to "_silk" (and "index_silk.css" and so on).
Great ! So, only _silk and index.template.php ?
I'm not sure what you mean, but I guess... yes. :P
Let me try the new package. ;)
Works fine. Thanks.
But when I remove " Silk " from array, it was not loading any css at all. So left " Silk " inside the array ()
Will upload the latest package now.
Is it possible to replace the main menu with this ? : http://cssmenumaker.com/menu/simple-responsive-menu
It should be.
You'll have to drop some stuff (e.g. the initialization of superfish/click in theme.js and some css, but should e doable. ;)
Help me :D
Ok, replaced the menu. But some button class is over riding menu listing.
Screen shot
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2905;image)
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2908;image)
However, responsive version has improved after new addition
Ok, it has come up nicely. The only issue now is the drop down shows white listing unless it is hovered. Attaching the work so far. Any help would be appreciated
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2912;image)
What should I give for content ?
#mainmenu ul:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden;
}
Was a CSS colour issue. Solved. :)
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2854.0;attach=2915;image)
I would, but it's not easy! xD
Anyway you are solving pretty much all the issues, right? Great!
It's ok. No know issue at the moment. :)
If possible, help me with replacing icons in ACP with font awesome. Also a general idea on how to replace a non board icon with font awesome.
Honestly I'm not that informed on the theme to give you such suggestions...