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.
(2015-04-11, 07:12 AM)JarimHosting Wrote: [ -> ]After install this theme plugins not working , how I will fix it or active it ?

www.hostingboard.co.uk
Follow the instructions on the 'installation' which comes with it, you'll need to upload the language and the xml file, then go into themes and activate it as 'default' aswell as 'force on users'

As for the finishing touches, I want to expand this... to 1024px min width, the same as the header (where can I find this?).

http://gyazo.com/2c1b9bd0cd6df6b8737ac0a7f9454af5

I want to have this next to it, and remove this... from the index.php

http://gyazo.com/f718655a35343205cb06c3826506d69d

Alongside that, this needs to be aligned all the way to the left, at the beginning... Which I'm pretty sure I can do myself. http://gyazo.com/e0cef84a483521bbe27a549da137fcfb

But this I need help on, making this shuffle a bit more to the right, in order to be align and right next to the icon, when I've finished.
http://gyazo.com/cd1b2cdac30880d2f950be80bc53e165

Thanks.
(2015-04-11, 10:38 AM)Ferdaus Wrote: [ -> ]
(2015-04-11, 07:12 AM)JarimHosting Wrote: [ -> ]After install this theme plugins not working , how I will fix it or active it ?

www.hostingboard.co.uk
Follow the instructions on the 'installation' which comes with it, you'll need to upload the language and the xml file, then go into themes and activate it as 'default' aswell as 'force on users'

As for the finishing touches, I want to expand this... to 1024px min width, the same as the header (where can I find this?).

http://gyazo.com/2c1b9bd0cd6df6b8737ac0a7f9454af5

I want to have this next to it, and remove this... from the index.php

http://gyazo.com/f718655a35343205cb06c3826506d69d

Alongside that, this needs to be aligned all the way to the left, at the beginning... Which I'm pretty sure I can do myself. http://gyazo.com/e0cef84a483521bbe27a549da137fcfb

But this I need help on, making this shuffle a bit more to the right, in order to be align and right next to the icon, when I've finished.
http://gyazo.com/cd1b2cdac30880d2f950be80bc53e165

Thanks.

1. Search into Square.css

.panel {
  background: #003965;
  height: 50px;
  min-width: 1024px;
}

Change the "min-width" to your liking.

2. It's the breadcrumb, you can't move around from one template to another, but you can have this next to the panel section.

Go to ACP > Templates & Styles > Templates > Square Templates > Header Templates and open header

Search this:

<br />
<navigation>

Delete the <br /> tag, and that's all.

3. You can't put that all the way to the left because the icon have a minimum spacing (Happens with all the icons), it's already floated to the left on Square.

4. Don't understand too much what you want to do, if you want to put the nick almost near to the icon, you can but remember this... your nickname is short, the spacing I've left there is on purpose to be more pleasant to the people who uses long nicknames.

If you want to move the nickname a bit more to the right, do this:

ACP > Templates & Styles > Styles > open Square.css

Search this class:

.usermenu {
  font-size: 13px;
  margin-right: 20px;
}

Change a bit the "margin-right" property in order to put a bit closer the nickname to the icon (Minor than 15px it's kind of annoying XD).
How can I add a custom Icon to one of the navigation tabs? I added a donation tab to the top and I want to know how I could possibly add an icon to it along with the text. Thanks

This is what I am using but the icon is not showing up

<li><a href="{$mybb->settings['bburl']}/donate.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/square/dollar.png" alt="" title="" /><br/>Donate</a></li>
(2015-04-11, 06:16 PM)Triage Wrote: [ -> ]How can I add a custom Icon to one of the navigation tabs? I added a donation tab to the top and I want to know how I could possibly add an icon to it along with the text. Thanks

This is what I am using but the icon is not showing up

<li><a href="{$mybb->settings['bburl']}/donate.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/square/dollar.png" alt="" title="" /><br/>Donate</a></li>

You can use FontAwesome Icons to replace the image if you want: http://fontawesome.io/icons/

Simply change that code to this:

<li><a href="{$mybb->settings['bburl']}/donate.php"><i class="fa fa-WHAT YOU WANT fa-fw"></i><br/>Donate</a></li>

Replace "what you want" for one of the icons on that web.
In which template can I find the bottom bar with the Mark all read and stuff. I want to add another | to it that has Stats.
(2015-04-12, 03:23 AM)conner Wrote: [ -> ]In which template can I find the bottom bar with the Mark all read and stuff. I want to add another | to it that has Stats.

Index_boardstats is the template you're searching.

	<td class="tcat" style="text-align: left;">
		<span class="smalltext">
			<a href="misc.php?action=markread{$post_code_string}">{$lang->markread}</a> |
			<a href="showteam.php">{$lang->forumteam}</a>
		</span>
	</td>
please help me
i want remove sidebaar from index
& where setting for forum wight size.
[Image: attachment.php?aid=34184]
(2015-04-16, 03:08 PM)doneonline Wrote: [ -> ]please help me 
i want remove sidebaar from index
& where setting for forum wight size.
[Image: attachment.php?aid=34184]

1. Replace your index template with this code:

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

2. Replace the nav template with this code:

<fieldset class="breadcrumb">
	<span class="crumbs">{$nav}{$activesep}
		<span class="crust">{$activebit}</span>
	</span>
</fieldset>

3. Replace your headerinclude template with this:

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />

<link href='http://fonts.googleapis.com/css?family=Exo+2:400,600' rel='stylesheet' type='text/css'>
<link href="{$mybb->settings['bburl']}/images/square/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />

<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1804"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1804"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1804"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/tipsy.js"></script>

{$stylesheets}
<script type="text/javascript">
<!--
	lang.unknown_error = "{$lang->unknown_error}";

	lang.select2_match = "{$lang->select2_match}";
	lang.select2_matches = "{$lang->select2_matches}";
	lang.select2_nomatches = "{$lang->select2_nomatches}";
	lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";
	lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";
	lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";
	lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";
	lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";
	lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";
	lang.select2_loadmore = "{$lang->select2_loadmore}";
	lang.select2_searching = "{$lang->select2_searching}";

	var cookieDomain = "{$mybb->settings['cookiedomain']}";
	var cookiePath = "{$mybb->settings['cookiepath']}";
	var cookiePrefix = "{$mybb->settings['cookieprefix']}";
	var deleteevent_confirm = "{$lang->deleteevent_confirm}";
	var removeattach_confirm = "{$lang->removeattach_confirm}";
	var loading_text = '{$lang->ajax_loading}';
	var saving_changes = '{$lang->saving_changes}';
	var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
	var my_post_key = "{$mybb->post_code}";
	var rootpath = "{$mybb->settings['bburl']}";
	var imagepath = "{$theme['imgdir']}";
  	var yes_confirm = "{$lang->yes}";
	var no_confirm = "{$lang->no}";
	var MyBBEditor = null;
	var spinner_image = "{$theme['imgdir']}/spinner.gif";
	var spinner = "<img src='" + spinner_image +"' alt='' />";
	var modal_zindex = 9999;
// -->
</script>

<script type="text/javascript">
jQuery(document).ready(function($) {

function DropDown(el) {
	this.dd = el;
	this.initEvents();
		}
			DropDown.prototype = {
				initEvents : function() {
					var obj = this;

					obj.dd.on('click', function(event){
						$(this).toggleClass('active');
						event.stopPropagation();
			});	
			}
		}

			$(function() {
                                var dd = new DropDown( $('#dd') );

				$(document).click(function() {
					$('.wrapper-dropdown-5').removeClass('active');
				});

			});
});
</script>

<script type="text/javascript">
jQuery(function() {

    var quotes = jQuery(".quotes");
    var quoteIndex = -1;
    
    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(500)
            .delay(12000)
            .fadeOut(500, showNextQuote);
    }
    
    showNextQuote();

});
</script>

<script type="text/javascript"> 
jQuery(function() {
	jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
	jQuery("title").tipsy({gravity: jQuery.fn.tipsy.autoNS});
	jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
	jQuery("i").tipsy({gravity: jQuery.fn.tipsy.autoNS});
	jQuery("span").tipsy({gravity: jQuery.fn.tipsy.autoNS});
	jQuery("div").tipsy({gravity: jQuery.fn.tipsy.autoNS});
	jQuery("label").tipsy({gravity: jQuery.fn.tipsy.autoNS});
	jQuery("input").tipsy({gravity: jQuery.fn.tipsy.autoNS});
});
</script>

<script type="text/javascript">
jQuery(document).ready(function($) {

    $(".catdesc").hide();

    $(".cattitle").on('mouseover mouseout', function(event) {

        var catdesc = $(this).parent().children('.catdesc');

        var content = catdesc.text();

        if (content !== "") {
            if (event.type == 'mouseover') {
                catdesc.fadeIn('slow');
            } else {
                catdesc.stop(true, true).fadeOut('slow');
            }
        }

    });

});
</script>

<script type="text/javascript">
jQuery(document).ready(function() {
    var offset = 100;
    var duration = 250;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery(".scrolltotop").fadeIn(duration);
        } else {
            jQuery(".scrolltotop").fadeOut(duration);
        	}
    });
    
    jQuery('.scrolltotop').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, 600);
        	return false;
    	})
});
</script>

And that's all.
how can i fix the panel section on theme? user panel and news ?
Hey I downloaded your theme for a friend and its not coming out right for some reason.
Yes I did upload all the files in "Upload"
-image snip-

Edit: Nevermind ,forgot to active your plugin *facepalm*