News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

MinDI

Started by Diego Andrés, November 19, 2013, 12:15:09 AM

Previous topic - Next topic

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

SMF Tricks - Free & Premium Responsive Themes for SMF.

margarett

Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

QuoteOver 90% of all computer problems can be traced back to the interface between the keyboard and the chair

Diego Andrés


SMF Tricks - Free & Premium Responsive Themes for SMF.

Diego Andrés

Updated
Added forum width setting

SMF Tricks - Free & Premium Responsive Themes for SMF.

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

SMF Tricks - Free & Premium Responsive Themes for SMF.

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?

SMF Tricks - Free & Premium Responsive Themes for SMF.

IchBin™

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!
IchBin™        TinyPortal

smoked

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

.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:
// Group Stars
echo '
<li class="stars">', $message['member']['group_stars'], '</li>';

SMF Tricks - Free & Premium Responsive Themes for SMF.

smoked

Quote from: Diego Andrés on December 04, 2013, 06:43:08 PM
Display.template.php search and remove:
// Group Stars
echo '
<li class="stars">', $message['member']['group_stars'], '</li>';

Ok thanks, ill play around.

Pipee


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!

SMF Tricks - Free & Premium Responsive Themes for SMF.

Asusrev


Diego Andrés


SMF Tricks - Free & Premium Responsive Themes for SMF.

Asusrev


lifeguard81

Thanks for this! Realy nice theme.
www.doenwenu.nl
Excuse me for my english. i am from holland :)

lifeguard81

Is it possible to make the menu so, that its always on top of the page, even if you scroll down?
www.doenwenu.nl
Excuse me for my english. i am from holland :)

Diego Andrés

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

SMF Tricks - Free & Premium Responsive Themes for SMF.

lifeguard81

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

Sorry for my late comment, but i am gonna try this :)
Yes, it works. Great thanks!
www.doenwenu.nl
Excuse me for my english. i am from holland :)

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

SMF Tricks - Free & Premium Responsive Themes for SMF.

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:

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.

Diego Andrés

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

SMF Tricks - Free & Premium Responsive Themes for SMF.

Diego Andrés

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

SMF Tricks - Free & Premium Responsive Themes for SMF.

Smoky "Rider" Blue

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.. ;)
**Take the time to remember friendships and family.. Sometimes it's all we have, and missed very much**

Deaks

wow Smoky lives!

im sloopz
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

dodos26

#31
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

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

dodos26

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

live627

Could I request that this theme be remade for 2.1 please?

Diego Andrés

Definitely, not sure if I'll get it before end of Q2. I'm currently over-engineering a base using our 3.0 work.
I'm basically done, but will do Reseller first for a dry run.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Advertisement: