Simple Machines Community Forum

Link to the theme (https://custom.simplemachines.org/index.php?theme=2734)
(https://custom.simplemachines.org/index.php?action=download;theme=2734;attach=226069;image;thumb)


(https://img.shields.io/badge/License-MIT-a05a3f?style=flat-square) (https://img.shields.io/badge/SMF-2.0-996ee1?style=flat-square) (https://img.shields.io/badge/Responsive-Yes-6e97e1?style=flat-square)

MinDI
Developed by Diego Andrés (https://www.simplemachines.org/community/index.php?action=profile;u=254071)
Designed by buhthc (https://simplemachines.org/community/index.php?action=profile;u=312371)

Features

• Bootstrap
• FontAwesome
• Social networks
• Logo URL
• Separate sticky topics
• Custom copyright

---

Demo Online (http://demo.smftricks.com/index.php?theme=37)
GitHub (https://github.com/SMFTricks/MinDI)

B-U-T-FUL! :)

Quote from: margarett on November 19, 2013, 04:43:52 AM
B-U-T-FUL! :)

Thanks  :D

Updated
Added forum width setting

Hi Diego. Maybe you can help me. I have a problem with this theme. When I first installed it everything was fine but then I changed the theme and changed it again to MinDi and found a problem with the Navigation bar and the Search bar.

Here's a screenshot:

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2F53ke7K2.png&hash=faa433b8ffd95bee68c332dcf538af3d9b2990cf)

The navigation bar can be fixed when I set the forum on Maintenance mode and the announcement comes out.

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2Fbasee9h.png&hash=42c62471a8e5ffcea8ee34fc353835de7489be7b)

My forum version is 2.0.6 with no mods or other themes installed.

Sorry that happened with the last updated I just noticed.
Thanks, I'm fixing it right now.

Fixed, open Index.template.php and search:
<div id="header">
<h1 class="forumtitle"><a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '<img src="' . $settings['images_url'] . '/theme/logo.png" alt="' . $context['forum_name'] . '" />' : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a></h1>';

if ($context['in_maintenance'] && $context['user']['is_admin'] || !empty($context['unapproved_members']) || !empty($context['open_mod_reports']) && $context['show_open_reports'])
{
echo '
<ul class="reset floatright">';

// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<li class="notice">', $txt['maintain_mode_on'], '</li>';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
<li class="notice">', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '</li>';

if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
echo '
<li class="notice"><a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';

echo '
</ul>';
}

else
{

echo '
<div id="search_area">
<form id="search_form" action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
<input type="text" name="search" value="', $txt['search'], '..." onfocus="this.value = \'\';" onblur="if(this.value==\'\') this.value=\'', $txt['search'], '...\';" class="placeholder" />&nbsp;
<input type="hidden" name="advanced" value="0" />';
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="', $context['current_topic'], '" />';
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';
echo '
</form>
</div>';

}

echo '

</div>';

Replace with:
<div id="header">';

if ($context['in_maintenance'] && $context['user']['is_admin'] || !empty($context['unapproved_members']) || !empty($context['open_mod_reports']) && $context['show_open_reports'])
{
echo '
<ul class="reset floatright">';

// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<li class="notice">', $txt['maintain_mode_on'], '</li>';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
<li class="notice">', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '</li>';

if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
echo '
<li class="notice"><a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';

echo '
</ul>';
}

else
{

echo '
<div id="search_area">
<form id="search_form" action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
<input type="text" name="search" value="', $txt['search'], '..." onfocus="this.value = \'\';" onblur="if(this.value==\'\') this.value=\'', $txt['search'], '...\';" class="placeholder" />&nbsp;
<input type="hidden" name="advanced" value="0" />';
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="', $context['current_topic'], '" />';
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';
echo '
</form>
</div>';

}

echo '
<h1 class="forumtitle"><a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '<img src="' . $settings['images_url'] . '/theme/logo.png" alt="' . $context['forum_name'] . '" />' : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a></h1>
</div>';

---

Package updated on the Theme Site.

Thanks a lot, Diego. Keep up the good work, man! :)

Hey, loving the theme and currently trying it out.

I'm wondering if there is a way to stop thread titles showing in CAPITALS?

Thanks!

Sure, could you tell where exactly?
You mean the list of the topics?

In index.css file:

.topic_table td.subject span.off a
{
font-weight: normal;
text-transform: uppercase;
font-family: "Helvetica";
font-size: 10pt;
color: #0066cc;
}

Remove text-transform: uppercase;

Nice theme Diego!

Quote from: Diego Andrés on December 03, 2013, 09:12:53 PM
Sure, could you tell where exactly?
You mean the list of the topics?

Yes, sorry I didn't say that.

Quote from: IchBin™ on December 03, 2013, 09:47:02 PM
In index.css file:

Code Select Expand


.topic_table td.subject span.off a
{
font-weight: normal;
text-transform: uppercase;
font-family: "Helvetica";
font-size: 10pt;
color: #0066cc;
}

Remove text-transform: uppercase;

Nice theme Diego!

Thank you!

The 'span.on' above that, what will that change?

Edit:

Also is it possible to remove the below information bit?

(//)

Display.template.php search and remove:
// Group Stars
echo '
<li class="stars">', $message['member']['group_stars'], '</li>';

Quote from: Diego Andrés on December 04, 2013, 06:43:08 PM
Display.template.php search and remove:

Code Select Expand

// Group Stars
echo '
<li class="stars">', $message['member']['group_stars'], '</li>';

Ok thanks, ill play around.

nice theme Diego.

Hello Guys!

I have this mod: User Online Today Mod

Supplied in the image display my problem. The text is skewed.
How can I improve?
I use MinDI of the theme.

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fs1.directupload.net%2Fimages%2F131205%2Fwxxuv3zs.png&hash=f8feab501235e1dfb12f9c604ba10d474c8c749e)

Please attach your boardindex.template.php and I'll tell you what to do.

Regards!

Ok!

Try this

Thx, Dude!

Thanks for this! Realy nice theme.

Is it possible to make the menu so, that its always on top of the page, even if you scroll down?

Quote from: lifeguard81 on February 12, 2014, 02:10:08 PM
Is it possible to make the menu so, that its always on top of the page, even if you scroll down?

Index.template.php
// Show the menu here, according to the menu sub template.
template_menu();

Replace with:
// Show the menu here, according to the menu sub template.
template_menu();

echo '
<br class="clear" /><br class="clear" /><br class="clear" /><br class="clear" />';

Index.css
.main_bar
{
height: 60px;
background: #fff;
padding: 0;
border-bottom: 1px solid #d6d6d6;
box-shadow: 0 4px 15px rgba(0,0,0,0.1)
}

Replace  with:
.main_bar
{
height: 60px;
background: #fff;
border-bottom: 1px solid #d6d6d6;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
margin: 0;
padding: 0;
position: fixed;
width: 100%;
z-index: 1000;
}

Quote from: Diego Andrés on February 14, 2014, 08:57:01 PM

Quote from: lifeguard81 on February 12, 2014, 02:10:08 PM
Is it possible to make the menu so, that its always on top of the page, even if you scroll down?

Index.template.php

Code Select Expand

// Show the menu here, according to the menu sub template.
template_menu();

Replace with:

Code Select Expand

// Show the menu here, according to the menu sub template.
template_menu();

echo '
<br class="clear" /><br class="clear" /><br class="clear" /><br class="clear" />';

Index.css

Code Select Expand

.main_bar
{
height: 60px;
background: #fff;
padding: 0;
border-bottom: 1px solid #d6d6d6;
box-shadow: 0 4px 15px rgba(0,0,0,0.1)
}

Replace  with:

Code Select Expand

.main_bar
{
height: 60px;
background: #fff;
border-bottom: 1px solid #d6d6d6;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
margin: 0;
padding: 0;
position: fixed;
width: 100%;
z-index: 1000;
}

Sorry for my late comment, but i am gonna try this :)
Yes, it works. Great thanks!

Neat theme.

How does one do if one does not want to have big letters on the thread title?

Theme Updated!
- MinDI is now Responsive

Hello Diego,

I registered so I could get your input because for some reason we're having a glitch hard to hunt down, and we'd like to fix it before going live with the forum pretty soon. Using SMF 2.0.11 and MinDI Theme with a few simple customizations here - wavesplatform.org

The problem is that, after a page refresh (for instance after the first index load) the navigation bar menus will drop down on mouse hover, but vanish as soon as the mouse goes to one of the options. On click they work perfectly fine, but it is annoying. This behavior seemed to start in the beginning as far as I can remember - even before we added a few mods that would modify layout.

We tried to debug without success so far, but I don't even need it to be debugged - just having a good way to completely disable menu dropdown on hover would be perfectly fine, and actually preferable.

Thanks in advance for your help.

Sorry, correct URL to see the issue:

Quote from: vanbreuk on June 13, 2016, 05:16:54 PM
wavestalk.org

The problem only happens after page load, the first time you hover on a menu options with further levels.

Quote from: vanbreuk on June 14, 2016, 07:09:33 PM
Sorry, correct URL to see the issue:

Quote from: vanbreuk on June 13, 2016, 05:16:54 PM
wavestalk.org

The problem only happens after page load, the first time you hover on a menu options with further levels.

It's because hover effect it's removed if you're browsing on a mobile device or tablet. If you're getting this on desktop it will always happen because you would need to reload page to let javascript remove the hover effect

Theme updated to SMF 2.0.17
Also some bits of the code have been cleaned up

Quote from: Diego Andrés on January 27, 2020, 07:55:15 PM
Theme updated to SMF 2.0.17
Also some bits of the code have been cleaned up

Thank you, Diego.. ;)

wow Smoky lives!

im sloopz

Hey i found two bugs:
#1 Login box in the upper right corner is not working.
  - I haven't explored the details yet, but it looks like it's not giving the link correctly.
 
#2 The search window is not the correct size.
  - Probably index.css #search_area input.placeholder --->  width: 50px; was to be given as%
 

How fix login menu?

Quote from: dodos26 on March 30, 2022, 12:12:37 PMHow fix login menu?

For others who need it!

#1 Go to themes/minDI/css folder and open file index.css and insert:
/**** Full Screen Login *****/
.fullscreen {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
box-sizing:border-box;
z-index:9999999;
background:rgba(0,0,0,0.53);
}
.fullscreen .fs_Inner {
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
min-width:45%;
box-shadow:0 2px 2px rgba(0,0,0,0.15);
padding:20px;
background:#fff;
}
.fullscreen .fs_Inner input.button_submit {
width:100%;
font-size:15px;
letter-spacing:3px;
padding:10px;
}
.fullscreen .fs_Inner .downer {
box-sizing:border-box;
-webkit-box-sizing:border-box;
text-align:center;
line-height:40px;
user-select:none;
}
.fs_inGroup {
position:relative;
margin-bottom:3.5%;
}
.fs_inGroup input {
font-size:18px;
display:block;
width:100%;
border:none;
border-bottom:1px solid rgba(255,255,255,0.65);
color:inherit;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:0;
padding:10px 10px 10px 5px;
}
.fs_inGroup input:focus {
outline:none;
}
.fs_inGroup label {
color:#999;
font-size:1.25em;
font-weight:400;
position:relative;
pointer-events:none;
left:7px;
top:-29px;
transition:.2s ease all;
user-select:none;
}
.fs_inGroup input:focus ~ label,.fs_inGroup input:valid ~ label {
top:-62px;
font-size:14px;
color:#ff8553;
}
.fs_inGroup .fs_bar {
position:relative;
display:block;
}
.fs_inGroup .fs_bar:before,.fs_inGroup .fs_bar:after {
content:'';
height:3px;
width:0;
bottom:0;
position:absolute;
transition:.2s ease all;
background:#ff8453;
}
.fs_bar:before {
left:50%;
}
.fs_inGroup .fs_bar:after {
right:50%;
}
.fullscreen input:focus ~ .fs_bar:before,.fullscreen input:focus ~ .fs_bar:after {
width:50%;
}
.fs_container {
display:block;
position:relative;
padding-left:29px;
margin-bottom:12px;
cursor:pointer;
font-size:14px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.fs_container input {
opacity:0;
}
.fs_checkmark {
position:absolute;
left:0;
background:#fedfd4;
}
.fs_checkmall .fs_checkmark {
width:20px;
height:20px;
top:10%;
}
.fs_container:hover input ~ .fs_checkmark {
background:#ff6120;
}
.fs_container input:checked ~ .fs_checkmark {
background:#EC4500;
}
.fs_checkmark:after {
content:"";
position:absolute;
display:none;
}
.fs_container input:checked ~ .fs_checkmark:after {
display:block;
}
.fs_container .fs_checkmark:after {
border:solid #FFF;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.fs_checkmall .fs_checkmark:after {
left:8px;
top:4px;
width:5px;
height:10px;
border-width:0 3px 3px 0;
}
.fullscreen .button_submit {
text-transform:uppercase;
}
/**** END Full Screen Login *****/#2 Now go themes/MinDI and open file index.template.php
Find:
                        <li><a href="', $scripturl, '?action=register">', $txt['register'], '</a></li>';
        echo '
                    </ul>
                </li>
            </ul>
        </div>
    </div></nav>';And replace to:
                        <li><a href="', $scripturl, '?action=register">', $txt['register'], '</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div></nav>
   
    <div id="loginModal" class="modal fullscreen">
        <div class="fs_Inner">
            <script src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
            <form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', ' autocomplete="off" >
                <input autocomplete="false" name="hidden" type="text" style="display:none;">
                <div class="fs_inGroup" style="margin-top: 25px;">
                    <input type="text" name="user" size="10" class="input_text" autocomplete="off" required/>
                    <span class="fs_bar"></span>
                    <label>', $txt['username'], '</label>
                </div>
                <div class="fs_inGroup">
                    <input type="password" name="passwrd" size="10" class="input_password" autocomplete="nope" required/>
                    <span class="fs_bar"></span>
                    <label>', $txt['password'], '</label>
                </div>
                <label class="fs_container fs_checkmall">', $txt['always_logged_in'], '
                    <input type="checkbox" name="cookieneverexp" class="input_check" />
                    <span class="fs_checkmark"></span>
                </label>
                <div class="downer">
                    <input type="submit" value="', $txt['login'], '" class="button_submit" />
                    <a href="', $scripturl, '?action=reminder">', $txt['forgot_your_password'], '</a>
                </div>
                <input type="hidden" name="hash_passwrd" value="" /><input type="hidden" name="', $context['session_var'], '" value="', $context['session_id'], '" />
            </form>
        </div>
    </div>';
Effects:
x.png

#2 Sory fix:
<li><a href="', $scripturl, '?action=register">', $txt['register'], '</a></li>';
echo '
</ul>
</li>
</ul>
</div>
</div></nav>

<div id="loginModal" class="modal fullscreen">
<div class="fs_Inner">
<script src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
<form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', ' autocomplete="off" >
<input autocomplete="false" name="hidden" type="text" style="display:none;">
<div class="fs_inGroup" style="margin-top: 25px;">
<input type="text" name="user" size="10" class="input_text" autocomplete="off" required/>
<span class="fs_bar"></span>
<label>', $txt['username'], '</label>
</div>
<div class="fs_inGroup">
<input type="password" name="passwrd" size="10" class="input_password" autocomplete="nope" required/>
<span class="fs_bar"></span>
<label>', $txt['password'], '</label>
</div>
<label class="fs_container fs_checkmall">', $txt['always_logged_in'], '
<input type="checkbox" name="cookieneverexp" class="input_check" />
<span class="fs_checkmark"></span>
</label>
<div class="downer">
<input type="submit" value="', $txt['login'], '" class="button_submit" />
<a href="', $scripturl, '?action=reminder">', $txt['forgot_your_password'], '</a>
</div>
<input type="hidden" name="hash_passwrd" value="" /><input type="hidden" name="', $context['session_var'], '" value="', $context['session_id'], '" />
</form>
</div>
</div>';