MyBB Community Forums

Full Version: Square theme
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Quote:<div class="logo"><div class="logo2"><i class="fa fa-cube fa-fw"></i></div> Square</div>
i change
Quote:<div class="logo"><div class="logo2"><i class="fa fa-cube fa-fw"></i></div> chochimcanh.com</div>
=> fail
[Image: MqApWxE.png]
how to fix ?
That's because the width of the "chochimcanh.com" it's more than the menu can handle.

Go to ACP > Templates & Styles > Styles > Square > Square.css

Search this:

.logo {
    float: left;
    font-family: 'Exo 2', sans-serif;
    font-size: 72px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 40px;
    transition: all 0.5s ease;
}

And modify like this:

.logo {
    float: left;
    font-family: 'Exo 2', sans-serif;
    font-size: 50px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 60px;
    transition: all 0.5s ease;
}

Now search this:

.logo2 {
    float: left;
    color: #FFFFFF;
    margin-top: 20px;
    transition: all 0.5s ease;
}

And modify like this:

.logo2 {
    float: left;
    color: #FFFFFF;
    margin-top: 15px;
    transition: all 0.5s ease;
}

And that's all.
Is the popup feature installed with download or is it a plugin?
It comes with mybb for default ^^.

Big update for this.

- Fixed the minimum width of all the containers to bring a correct display.
- Added a custom plugin to display custom text from custom variables, to give the user an easy way to translate if they want to.

Detailed information comes with a .txt file on how to do the translation. Hope you guys like it and thanks to @Dark Neo from bringing such useful plugin ^^.
move button "new thread"?
[Image: 1QTuLDc.png]
I remove the top buttons on square theme...

If you add a new button you need to style it to fit, in that case it's something like this:

ACP > Templates & Styles > Templates > Square Templates > Forum Display Templates > forumdisplay_threadlist

You need to add the button in this way:

<div class="float_right" style="padding-bottom: 17px;">
	{$newthread}
</div>

Modify the padding bottom to your liking.
how can i remove the sidebar?
Thanks eNvy ! support very good Smile
(2014-10-10, 03:48 AM)PinoyTechz Wrote: [ -> ]how can i remove the sidebar?

ACP > Templates & Styles > Templates > Square templates > Index page templates and open index template

Replace all the template with this:

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
	lang.no_new_posts = "{$lang->no_new_posts}";
	lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
{$forums}
<br class="clear" /><br />
{$boardstats}
{$footer}
</body>
</html>

Now go to Navigation templates and open nav template, delete ONLY this:

	<a class="buttons" title="{$lang->xstyled_hidesidebar}" style="float: right;"><i style="font-size: 14px;" class="fa fa-compress fa-fw"></i></a>
	<a class="clickedbuttons" title="{$lang->xstyled_showsidebar}" style="float: right;"><i style="font-size: 14px;" class="fa fa-expand fa-fw"></i></a>

Now, Ungrouped templates and open headerinclude template

Search and delete this:

<script type="text/javascript">
jQuery(function($) {
    $(".clickedbuttons").hide();
    $(".buttons").click(function() {
        $(".sidebar").animate({height: "hide", opacity: 0}, 500,
            function() {
                $(".forums").animate({width: "984px"}, 500);
            });
        $(this).hide();
        $(".clickedbuttons").show();
        $.cookie("sidebar","collapsed", {expires: 365});
        return false;
    });
    $(".clickedbuttons").click(function() {
        $(".forums").animate({width: "724px"}, 500,
            function() {
                $(".sidebar").animate({height: "show", opacity: 1}, 500);
            });
        $(this).hide();
        $(".buttons").show();
        $.cookie("sidebar","expanded", {expires: 365});
        return false;
    });
    if($.cookie("sidebar") == "collapsed") {
        $(".buttons").hide();
        $(".clickedbuttons").show();
        $(".forums").css("width","984px");
        $(".sidebar").hide();
    };
});
</script>

Finally, go to Styles, square.css, search and delete this:

.buttons {
    cursor: pointer;
    color: #FFFFFF;
    width: 44px;
    height: 29px;
    padding-top: 15px;
    text-align: center;
    background: #005ea7;
	transition: all 0.5s ease;
}

.buttons:hover {
    cursor: pointer;
    color: #FFFFFF;
    background: #0076D1;
	transition: all 0.5s ease;
}

.clickedbuttons {
    cursor: pointer;
    color: #FFFFFF;
    width: 44px;
    height: 29px;
    padding-top: 15px;
    text-align: center;
    background: #005ea7;
	transition: all 0.5s ease;
}

.clickedbuttons:hover {
    cursor: pointer;
    color: #FFFFFF;
    background: #0076D1;
	transition: all 0.5s ease;
}

And that's all.
I have an issue with the New Thread, here is what I see when opening a New Thread [attachment=32761]
There is no place to write the topic, how do I fix that?
Thank you