Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: CrimeS on July 07, 2016, 12:18:58 PM

Title: Reboot responsive theme
Post by: CrimeS on July 07, 2016, 12:18:58 PM
Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=2848)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fcustom.simplemachines.org%2Fthemes%2Findex.php%2Faction%2Cdownload%2Flemma%2C2848%2Fimage%2Cthumb&hash=681b0b404181aaad9af8119a9c9d4e9b5ba45c12)

This theme is responsive and HTML5 & Bootstrap 3 based. It has standard Bootstrap look, with code snippets provided by Bootstrap. Created by studiocrimes (http://studiocrimes.com)




Change primary and secondary colours from "Current theme"
Use a header image, or leave empty to have user info
Full width
Accordion statistics




Live demo is available (http://demo.studiocrimes.com/index.php?theme=33)
Title: Re: Reboot responsive theme
Post by: d3vcho on July 07, 2016, 01:45:06 PM
The main menu remains covered with the theme change menu, try to fix that so we can see it.

For the rest, it's simple, very simple. I'd have included a background fixed picture to make it even more elegant. But it's good ;)
Title: Re: Reboot responsive theme
Post by: CrimeS on July 09, 2016, 06:27:11 AM
Thank you, I've fixed the demo.
Title: Re: Reboot responsive theme
Post by: SaginawSkid on July 10, 2016, 03:00:32 PM
The category titles appear to need a little work. If you can fix that I will be using this theme on my forum.  ;)
Title: Re: Reboot responsive theme
Post by: CrimeS on July 10, 2016, 05:03:57 PM
Fixed, it was only demo related, due to recent changes.
Title: Re: Reboot responsive theme
Post by: OCJ on July 14, 2016, 10:10:26 AM
Have to say it looks good so far. I tried many themes that were supposed to be responsive but all had problems and no standard menu icon that dropped down properly.
Works well with Simple Portal as well.

I will test with one of the menu mods to see if that works.

Thanks
Andy

And the colour edit is a nice touch - easy to customize to suit your site in  a couple of clicks.
Title: Re: Reboot responsive theme
Post by: OCJ on July 14, 2016, 10:55:17 AM
Menu works fine with Ultimate Menu Mod   :)
Title: Re: Reboot responsive theme
Post by: CrimeS on July 14, 2016, 05:02:07 PM
I'm happy that you like it :)
Title: Re: Reboot responsive theme
Post by: CiTyBlUe on July 18, 2016, 01:56:45 PM
Hi, I like your theme, top marks. However I would like to change the greed bars color to a color of my choice, could you help me do that by advising me how to do so please.

I've tried to locate the image file of the green but can't find it.
Title: Re: Reboot responsive theme
Post by: CrimeS on July 18, 2016, 02:52:14 PM
The green colour bars are located in Administration->Configuration->Current theme

Also from there you can set an image by typing in image1.jpg. The image has to be located in the theme folder images/theme/

Feel free to ask about anything else.
Title: Re: Reboot responsive theme
Post by: pro100sn on September 03, 2017, 06:10:14 AM
Hello! Excellent adaptive theme! Thank you! But there is a drawback: you can not login ... Even on your demo version. I mean when you enter your login and password from the main page. It can be fixed? And second: Is it possible to put a logo on the left? As in my forum za40.org

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimages.vfl.ru%2Fii%2F1504434175%2F865d76ca%2F18465007_m.png&hash=3c02f5694f15bbaa61af72f7e599e9f5fe085bef)

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimages.vfl.ru%2Fii%2F1504434719%2F83c1a69b%2F18465110_m.png&hash=c00821d7a7e75cc913412f9bdcefabeaeb452466)
Title: Re: Reboot responsive theme
Post by: pro100sn on September 03, 2017, 07:17:02 AM
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimages.vfl.ru%2Fii%2F1504437415%2F990a368f%2F18465590_m.jpg&hash=e6b05871601f050ccee589cc2f01371be967dfd5)

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimages.vfl.ru%2Fii%2F1504437415%2F4febeb0c%2F18465591_m.png&hash=432e018046fd014ab48d180f626c1f54481cea39)
Title: Re: Reboot responsive theme
Post by: pro100sn on September 05, 2017, 04:47:16 AM
Regarding the login: found a solution.
The question about the logo remains open.
Still I ask to help or assist to understand: it is incorrectly displayed who online. See the screenshot.
Title: Re: Reboot responsive theme
Post by: CrimeS on September 09, 2017, 04:19:36 PM
Can you please provide a link to the forum with this page?

To fix the login, in SMF 2.0.14 the login was updated, in index.template.php:

Code (Find) Select
<input type="hidden" name="hash_passwrd" value="" />

Code (Replace with) Select
<input type="hidden" name="hash_passwrd" value="" /><input type="hidden" name="', $context['session_var'], '" value="', $context['session_id'], '" />
Title: Re: Reboot responsive theme
Post by: pro100sn on September 10, 2017, 06:05:32 AM
The forum is located at http://za40.org Thank you, CrimeS, the bug is fixed. The answer I found a little earlier ... I fixed the file is not the one you specified - index.template.php
That's what I got
{
echo '
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
<form id="guest_form" class="navbar-form navbar-left" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<div class="form-group">
<input type="text" name="user" class="form-control" aria-label="username" placeholder="username">
<input type="password" name="passwrd" class="form-control" aria-label="password" placeholder="password">
</div>
<button type="submit" class="btn btn-default">login</button>
<input type="hidden" name="', $context['session_var'], '" value="', $context['session_id'], '" />
</form>';
}

The answer found here https://www.simplemachines.org/community/index.php?topic=554891.0
Is it better to do as you suggest, or let it be as it is?

As for online users, it is also decided. I added the file from the installer Who.template.php and now everything is fine. The problem was that this file was changed in the default theme.

Title: Re: Reboot responsive theme
Post by: CrimeS on September 10, 2017, 04:54:27 PM
Sorry, I was looking at the wrong file. It should be in fact:

<button type="submit" class="btn btn-default">login</button>
<input type="hidden" name="', $context['session_var'], '" value="', $context['session_id'], '" />


The theme package has been updated now and it should work.

I'm happy that the issues have been solved for you. I really like the colours of your website's theme.
Title: Re: Reboot responsive theme
Post by: pro100sn on September 11, 2017, 05:39:01 AM
Yes, everything works as it should be. Thanks for the help and compliment, CrimeS.  :)
Title: Re: Reboot responsive theme
Post by: vinicius santana on November 24, 2017, 12:51:04 PM
may I report some issues with this template?
- forum logo doesn't show even in the live demo, if browsing with an mobile device, such as google chrome. isn't an big deal, in fact this can be to save data in mobile devices, don't know;
- there's not persistent login with mobile browsers, such as google chrome. no problem at all if browsing with an computer, it only happens with cellphones;
- with cellphones, auto-fill user and pass doesn't work. my mistake, it works with the user name, not the password field;
- for regular users, the forum shows as expected. for moderation, with the boxes option selected, the moderation box becomes a little bit huge, according to the screen resolution of the user.

please, can I get some help, at least with persistend login with mobile devices?

thanks in advance.

vinicius
Title: Re: Reboot responsive theme
Post by: vinicius santana on November 25, 2017, 03:30:22 PM
i've already got part of the issue: it's related to the lack of "stay online for" button. that can be added, since it's an feature from the default theme? also, the "who is online" is broken.
Title: Re: Reboot responsive theme
Post by: vinicius santana on November 27, 2017, 05:29:41 AM
another slight issue, that happens with mobile devices: the "index_common_stats" it's all over himself, like instead see:
Members: 800  •  Messages: 1000  •  Topics: 4000 Please give welcome to Unknow, our latest member

all that folds over himself and becomes an mess unreadable. it's easy to fix: all that has to be done is break the line in "show_latest_member" to another one.

please, i'm just focusing mobile devices, the theme works fine in computers
Title: Re: Reboot responsive theme
Post by: Biology Forums on June 17, 2018, 02:35:00 PM
What are the ideal dimensions for the header image?
Title: Re: Reboot responsive theme
Post by: CrimeS on July 19, 2018, 05:38:01 PM
Size of the image is dependent on the forum width and the screen. The height doesn't matters, and the width should be wide enough to cover different screens (perhaps at least 1920px).
Title: Re: Reboot responsive theme
Post by: Biology Forums on July 20, 2018, 10:26:44 PM
Thank you for that, are you planning on upgrading to bootstrap 4?
Title: Re: Reboot responsive theme
Post by: CrimeS on July 24, 2018, 04:57:37 PM
I will inspect Bootstrap 4 and have a look what are the required changes. At the moment I'm not planning any releases.