MinDI

[Diego Andrés]

Link to the theme

Free & Premium Responsive Themes for SMF

MinDI
Developed by Diego Andrés
Designed by buhthc

Features

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

Demo Online
GitHub

[margarett]

B-U-T-FUL!

[Diego Andrés]

B-U-T-FUL!

Thanks 

[Diego Andrés]

Updated
Added forum width setting

[NHWD]

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:



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



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

[Diego Andrés]

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

Fixed, open Index.template.php and search:

Code Select Expand

<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:

Code Select Expand

<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.

[NHWD]

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

[smoked]

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!

[Diego Andrés]

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

[IchBin™]

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!

[smoked]

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

Yes, sorry I didn't say that.

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?

[Diego Andrés]

Display.template.php search and remove:

Code Select Expand

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

[smoked]

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.

[Pipee]

nice theme Diego.

[Asusrev]

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.

[Diego Andrés]

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

Regards!

[Asusrev]

Ok!

[Diego Andrés]

Try this

[Asusrev]

Thx, Dude!

[lifeguard81]

Thanks for this! Realy nice theme.

[lifeguard81]

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

[Diego Andrés]

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;
}

[lifeguard81]

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!

[ForumMix]

Neat theme.

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

[Diego Andrés]

Theme Updated!
- MinDI is now Responsive

[vanbreuk]

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 - hxxp:wavesplatform.org [nonactive]

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.

[vanbreuk]

Sorry, correct URL to see the issue:

wavestalk.org

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

[Diego Andrés]

Sorry, correct URL to see the issue:

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

[Diego Andrés]

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

[Smoky "Rider" Blue]

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

Thank you, Diego..

[Deaks]

wow Smoky lives!

im sloopz

[dodos26]

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%
 

[dodos26]

How fix login menu?

[dodos26]

How fix login menu?

For others who need it!

#1 Go to themes/minDI/css folder and open file index.css and insert:

Code Select Expand

/**** 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:

Code Select Expand

                        <li><a href="', $scripturl, '?action=register">', $txt['register'], '</a></li>';
        echo '
                    </ul>
                </li>
            </ul>
        </div>
    </div></nav>';And replace to:

Code Select Expand

                        <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:
You cannot view this attachment.

[dodos26]

#2 Sory fix:

Code Select Expand

<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>';