Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=2559)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fcustom.simplemachines.org%2Fthemes%2Findex.php%2Faction%2Cdownload%2Flemma%2C2559%2Fimage%2Cthumb&hash=cacf4f274fc8b7005fd4e2b832f236690816cc3d)
DEMO's (http://smf.klikveilig.be/index.php?action=mypage)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Favatars.simplemachinesweb.com%2Fsmf%2Favatar_322520_1329941524.png&hash=ece815b14f2213ce97faea97eb9f9f59c6119a7c) (http://smf.klikveilig.be/index.php)
MORE ClickSafe THEMES? ... Click Safe ;) here (http://smf.klikveilig.be/)
another interesting theme, dont like the buttons personally will make it hard for users to add more as they will have to find suitable inmages that willw ork with the existing buttons
it wont be possible, in theory its a good idea, but button themes like this dont go fast, other issue is that most cases modders and themers dont see eye to eye. You also then get fact that if something did happen what works on one them wont work on other themes etc. Ideally it be great but will never happen im afraid, also there are very few people who are modders and themers.
I have done similar before and it isnt hard to do.
Very nice Theme. ;D
very cool style, I like
Great theme. However, the button image for the calendar (calendar.png) is missing in the zipfile. Can you add it to the zipfile (and maybe send it to me directly so I can drop it in the cls directory)?
Thanks!
Thanks for the quick response!
However, that's not the icon that's missing (or, maybe it is - but it's not the one I'm talking about). The calendar icon missing goes on the button bar, is 50x50px and should be named 'calendar.png'
Perfect!!! Thank you so much! ;D
Very nice, but...
I have a few more menu items than some people. (button prob.png)
I found where to adjust the height of the buttons, but of course, the roundish edges are cut off the bottom.
I'm using the text option, so the images are not a problem, although double lined menu items ("My Messages", for example) overlap.
(button prob-45px.png)
Suggestion:
Change the height of the buttons to around 35px, instead of 60px, (width is fine) and solve the overlapping text thing.
(or let me know where I screwed up with the CSS trying to solve it myself...hahaha)
Very nice otherwise.
THX
Do I need to uninstall the last version, then install 1.0.5, or can I just edit some things?
Thanks...and you're welcome.
Quote from: ClickSafe on March 02, 2012, 03:51:16 AM
New Update:
Adjusted: button size for text labels. (version 1.0.5)
Ready for download!
i think he wants to know the exact changes ... think of it this way ... user uses your theme, makes changed to suit their site, you release update and advise people to remove the old version to install the new version ... thus all the changes the user has made have been lost and they have to start again ,... and next tinme you make an update they have to do it again ... eventually they will just stop updating and maybe use a different theme.
hahaha...It's okay Runic.
Didn't make any changes, but thanks for pointing it out.
Here's the updated pic...MUCH BETTER.
Now, just as another suggestion...
Many folks are going to need smaller buttons also, but want the pics too.
Just a thought.
Thanks again for redoing the button size.
I have 16 themes on the site now. (some are mine and tweaked versions of others)
I would have found a way to make this one work eventually.
I was looking at others that you have made, and they look good too.
Keep it up.
not problem the issue may not exist for you but others it would and constantly advising people to remove old and install new was going to cause friction one day ... best prevent that before it starts :)
Quote from: AccountDisabled on June 08, 2012, 01:09:51 PM
due to circumstances, I stop making styles and mods for SMF.
Best regards, Danny ;)
Are you still planning on supporting the ones you have already made?
i doubt it ...
I know that the owner of this theme stopped supporting it, but since a lot of members on my forum seem to like it, I figured I would ask for help anyway. There are a few menu buttons I installed, and on this theme the images are not appearing. (see image)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi46.tinypic.com%2F25p3a1i.jpg&hash=797a07eac76259b32f18a695d341d8499499f6e7)
I tried uploading an image, changed it to png, and resized it to 12x12. It is with the other images in my ftp file for that theme, but can't figure out what I am doing wrong, and why the uploaded images aren't appearing.
Nice... I will try soon.
Quote from: Bradley206 on November 27, 2012, 11:17:27 PM
I know that the owner of this theme stopped supporting it, but since a lot of members on my forum seem to like it, I figured I would ask for help anyway. There are a few menu buttons I installed, and on this theme the images are not appearing. (see image)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi46.tinypic.com%2F25p3a1i.jpg&hash=797a07eac76259b32f18a695d341d8499499f6e7)
I tried uploading an image, changed it to png, and resized it to 12x12. It is with the other images in my ftp file for that theme, but can't figure out what I am doing wrong, and why the uploaded images aren't appearing.
I would be willing to settle for changing the icons to text instead of images if anyone can lead me in the right direction.
where would you like the text placed?
to expand would you like it as its done by default or floating at top so it comes with you as screen comes down?
I appologise he has actually added a setting to change this, go to Admin - Current Theme then change Buttons Lay-out: to text
In all honesty you may want to play with the CSS a wee bit to improve the look of the links.
Quote from: Bryan "Runic" Deakin on November 30, 2012, 07:07:27 PM
I appologise he has actually added a setting to change this, go to Admin - Current Theme then change Buttons Lay-out: to text
In all honesty you may want to play with the CSS a wee bit to improve the look of the links.
That worked. I knew there was a way to change to text, but I couldn't find it. Thank you very much.
not a problem and please if you update the buttons to look better post the changes as others may like it.
Quote from: Bryan "Runic" Deakin on November 30, 2012, 07:31:28 PM
not a problem and please if you update the buttons to look better post the changes as others may like it.
Well I have been messing with the css files, but can't seem to figure out how to make the menu boxes bigger. Some of my menu titles are a little long, and they are either being hidden, or jumping out of the box. Any advice on where in the css file I can make the text fit into the boxes?
I will try and look at the themes css and update it for you and post an update :)
on in each of the color_text.css file located in the css folder
Find:
#table_menu
{
width: 60px;
/* border: 1px solid #000; */
float: left;
position: fixed;
margin-left: -88px;
padding: 4px;
top: 35px;
font-size: 1em;
text-align: center;
}
.drop_table, .drop_table ul
{
list-style: none;
line-height: 0.9em;
padding: 0;
margin: 0;
}
.drop_table
{
padding: 0 1em;
}
.drop_table a
{
display: block;
color: #000;
text-decoration: none;
margin: 0;
}
.drop_table a span
{
display: block;
padding: 6px 0 0 5px;
font-size: 0.9em;
}
/* the background's first level only */
.drop_table a.firstlevel
{
background: url(../images/theme/menu_side_txt.png) no-repeat 100% -122px; height: 35px;
}
.drop_table li a.firstlevel
{
margin-right: 8px;
}
.drop_table li a.firstlevel span.firstlevel
{ background: url(../images/theme/menu_side_txt.png) no-repeat 0 -122px; height: 35px; width: 54px;
display: block;
position: relative;
left: -5px;
padding-left: 5px;
height: 35px;
}
.drop_table li
{
float: left;
padding: 0;
position: relative;
}
.drop_table li ul
{
z-index: 90;
display: none;
position: absolute;
width: 19.2em;
font-weight: normal;
border-bottom: 1px solid #999;
background: url(../images/theme/menu_side_txt.png) 0 -202px no-repeat;
padding: 10px 0 0 0;
margin: -50px 60px;
}
.drop_table li li
{
width: 19em;
margin: 0;
border-left: 1px solid #999;
border-right: 1px solid #999;
}
.drop_table li li a span
{
display: block;
padding: 8px;
font-size: 1.1em;
}
.drop_table li ul ul
{
margin: -1.8em 0 0 13em;
}
/* the active button */
.drop_table li a.active
{
background: url(../images/theme/menu_side_txt.png) no-repeat 100% 0; height: 35px;
color: #fff;
font-weight: bold;
}
.drop_table li a.active span.firstlevel
{
background: url(../images/theme/menu_side_txt.png) no-repeat 0 0; height: 35px; width: 54px;
}
/* the hover effects */
.drop_table li a.firstlevel:hover, .drop_table li:hover a.firstlevel
{
background: url(../images/theme/menu_side_txt.png) no-repeat 100% -60px; height: 35px;
color: #000;
cursor: pointer;
text-decoration: none;
}
.drop_table li a.firstlevel:hover span.firstlevel, .drop_table li:hover a.firstlevel span.firstlevel
{
background: url(../images/theme/menu_side_txt.png) no-repeat 0 -60px;
}
/* the hover effects on level2 and 3 */
.drop_table li li a:hover, .drop_table li li:hover>a
{
background: #d4dbe4;
color: #000;
text-decoration: none;
}
.drop_table li:hover ul ul, .drop_table li:hover ul ul ul
{
top: -999em;
}
.drop_table li li:hover ul
{
top: auto;
}
.drop_table li:hover ul
{
display: block;
}
.drop_table li li.additional_items
{
background-color: #fff;
}
Replace With:
#table_menu
{
float: left;
margin-left: -95px;
margin-top: -175px;
position: fixed;
text-align: left;
width: 100px;
}
.drop_table
{
padding-left:3px;
}
.drop_table, .drop_table ul
{
list-style: none;
line-height: 0.9em;
margin: 0;
}
.drop_table a
{
display: block;
color: #000;
text-decoration: none;
margin: 0;
}
.drop_table a span
{
display: block;
padding: 6px 0 0 5px;
font-size: 0.9em;
}
/* the background's first level only */
.drop_table a.firstlevel
{
background: url(../images/theme/menu_side_txt.png) no-repeat 100% -122px;
height: 30px;
}
.drop_table li a.firstlevel
{
margin-right: 8px;
}
.drop_table li a.firstlevel span.firstlevel
{
background: url(../images/theme/menu_side_txt.png) no-repeat 0 -122px;
width: 80px;
padding: 5px;
height: 35px;
}
.drop_table li
{
float: left;
padding: 0;
position: relative;
}
.drop_table li ul
{
z-index: 90;
display: none;
position: absolute;
font-weight: normal;
background: url(../images/theme/menu_side_txt.png) 0 -202px no-repeat;
padding: 10px 0 0 0;
margin: -50px 60px;
}
.drop_table li li
{
width: 19em;
margin: 0;
border-left: 1px solid #999;
border-right: 1px solid #999;
}
.drop_table li li a span
{
display: block;
padding: 8px;
font-size: 1.1em;
}
.drop_table li ul ul
{
margin: -1.8em 0 0 13em;
}
/* the active button */
.drop_table li a.active
{
background: url(../images/theme/menu_side_txt.png) no-repeat 100% 0;
height: 35px;
color: #fff;
font-weight: bold;
}
.drop_table li a.active span.firstlevel
{
background: url(../images/theme/menu_side_txt.png) no-repeat 0 0;
}
/* the hover effects */
.drop_table li a.firstlevel:hover, .drop_table li:hover a.firstlevel
{
background: url(../images/theme/menu_side_txt.png) no-repeat 100% -60px;
height: 35px;
color: #000;
cursor: pointer;
text-decoration: none;
}
.drop_table li a.firstlevel:hover span.firstlevel, .drop_table li:hover a.firstlevel span.firstlevel
{
background: url(../images/theme/menu_side_txt.png) no-repeat 0 -60px;
width: 80px;
height: 35px;
}
/* the hover effects on level2 and 3 */
.drop_table li li a:hover, .drop_table li li:hover>a
{
background: #d4dbe4;
color: #000;
text-decoration: none;
}
.drop_table li:hover ul ul, .drop_table li:hover ul ul ul
{
top: -999em;
}
.drop_table li li:hover ul
{
top: auto;
}
.drop_table li:hover ul
{
display: block;
}
.drop_table li li.additional_items
{
background-color: #fff;
}
This will alter the layout of it slightly but lines them up better and makes it more appealing use the base code and allows longer names :)
That worked like a charm. Once again, thank you very much. :)