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.
Sure like this theme! Almost as good as waffles Smile
Hi, this is a very nice theme. But how can I chnage the Square Icon ? ;D

Thank you,
CabCon
(2015-10-16, 09:26 PM)CabCon Wrote: [ -> ]Hi, this is a very nice theme. But how can I chnage the Square Icon ? ;D

Thank you,
CabCon

Do you want to use another icon or a custom image?
Hey envy awesome theme. How would I without messing the layout of the site add social links above the menu. My site is http://ytgaming.com I am trying to create a gaming and youtube community as it something I do every day. Just for fun.

I would like to add a Facebook, twitter and YouTube social link bar with icons for each and if they hover over the youtube it will say subscribe to YTGaming channel, or if it is Facebook when the user hovers over it will say like our facebook page
(2015-10-17, 06:08 AM)WAZY Wrote: [ -> ]Hey envy awesome theme. How would I without messing the layout of the site add social links above the menu. My site is  http://ytgaming.com I am trying to create a gaming and youtube community as it something I do every day. Just for fun.

I would like to add a Facebook, twitter and YouTube social link bar with icons for each and if they hover over the youtube it will say subscribe to YTGaming channel, or if it is Facebook when the user hovers over it will say like our facebook page

HTML

ACP > Templates & Styles > Templates > Square > Header Templates > open header template

Inside search this:

<div id="header">
		<div class="wrapper">
          	<div class="logo"><div class="logo2"><i class="fa fa-cube fa-fw"></i></div> {$lang->xstyled_logo}</div>
          	<div class="menu">
              	<ul>
                  	<li><a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-comments fa-2x"></i><br />{$lang->xstyled_index}</a></li>
                  	<li><a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-2x"></i><br />{$lang->xstyled_search}</a></li>
                  	<li><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-users fa-2x"></i><br />{$lang->xstyled_members}</a></li>
                  	<li><a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar-o fa-2x"></i><br />{$lang->xstyled_calendar}</a></li>
                	<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-question-circle fa-2x"></i><br />{$lang->xstyled_help}</a></li>
              	</ul>
          	</div>
		</div>
	</div>

Modify like this:

<div id="header">
    <div class="wrapper">
        <div class="logo"><div class="logo2"><i class="fa fa-cube fa-fw"></i></div> <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
        <div class="menu">
            <ul>
                <li><a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-comments fa-2x"></i><br />{$lang->xstyled_index}</a></li>
                <li><a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-2x"></i><br />{$lang->xstyled_search}</a></li>
                <li><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-users fa-2x"></i><br />{$lang->xstyled_members}</a></li>
                <li><a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar-o fa-2x"></i><br />{$lang->xstyled_calendar}</a></li>
                <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-question-circle fa-2x"></i><br />{$lang->xstyled_help}</a></li>
           </ul>
        </div>
        <div class="social">
            <ul>
                <li><a href="#" title="{$lang->xstyled_facebook}"><i class="fa fa-facebook-square fa-fw"></i></a></li>
                <li><a href="#" title="{$lang->xstyled_twitter}"><i class="fa fa-twitter-square fa-fw"></i></a></li>
                <li><a href="#" title="{$lang->xstyled_youtube}"><i class="fa fa-youtube-play fa-fw"></i></a></li>
            </ul>
        </div>
    </div>
</div>

Replace the "#" in each <li> tag with the URL of your facebook/twitter/youtube. Also, I modified the logo section, so you don't need to put a custom code there, simply go to ACP > Templates & Styles > Styles > Square and click options > edit theme.

Search "Board Logo" and then put the path of your custom logo there, the theme will be loading your logo automatically.

CSS

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

At the end of the file, paste this:

.social {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	float: right;
	text-align: right;
	margin: 17px 0 0 0;
	padding: 0;
}

.social ul {
	margin: 0;
	padding: 0;
}

.social ul li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
}

.social ul li a:link, .social ul li a:visited {
	color: #FFFFFF;
	opacity: 0.5;
	font-size: 20px;
	transition: all 0.5s ease;
}

.social ul li a:hover, .social ul li a:active {
	opacity: 1;
	transition: all 0.5s ease;
}

Now go to your forum root > inc > languages > english > open vars_envy.lang.php

At the end of the file, put this:

$l['xstyled_facebook'] = "Like our Facebook page!";
$l['xstyled_twitter'] = "Follow us on Twitter!";
$l['xstyled_youtube'] = "Subscribe to YTGaming channel!";

Remember, the file needs to end with the "?>" symbol, if you want to change the text go ahead, but only change the "like, follow, subscribe" thing, not the variable itself. Also, be careful with the symbols in that file, if you delete one the plugin itself will fail.
I need to reinstall your theme because I did a error on my side. Maybe on the square theme page remind people to enable xstyle cause I didn't and there was no text so I re did the whole theme with text instead of the xstyled and then checked the plugin section and Installed the plugin lol so it would of being fixed.

Also thanks for the quick update Smile I will add it in soon

P.S awesome theme it is really good

EDIT: My site looks good now http://ytgaming.com/ however I think @Euan T will be upset cause I just made his 10 minutes of setting the my alert for nothing when I reset the theme, now I feel bad
(2015-10-17, 12:07 PM)WAZY Wrote: [ -> ]I need to reinstall your theme because I did a error on my side. Maybe on the square theme page remind people to enable xstyle cause I didn't and there was no text so I re did the whole theme with text instead of the xstyled and then checked the plugin section and Installed the plugin lol so it would of being fixed.

Also thanks for the quick update Smile I will add it in soon

P.S awesome theme it is really good

EDIT: My site looks good now http://ytgaming.com/ however I think @Euan T will be upset cause I just made his 10 minutes of setting the my alert for nothing when I reset the theme, now I feel bad

That's why I said in the install.txt file how to install the theme... I'm sorry but people needs to pay attention to this kind of things, I wouldn't put .txt files for nothing.
Yea I thought I read it fully (obviously I didn't).

Umm not sure but on this page I keep getting a error message I think it is a php one http://ytgaming.com/forumdisplay.php?fid=2

it has something to do with header information already passed via vars-lang or something and inc/functions can't modify something
(2015-10-18, 01:04 AM)WAZY Wrote: [ -> ]Yea I thought I read it fully (obviously I didn't).

Umm not sure but on this page I keep getting a error message I think it is a php one http://ytgaming.com/forumdisplay.php?fid=2

it has something to do with header information already passed via vars-lang or something and inc/functions can't modify something

Check the symbols in the vars_envy.lang.php.
<?php
/**
 * Author: eNvy
 * Plugin: My vars
 * Version: 1.0
 * Plugin Language File: english
 */

$l['xstyled_aboutus'] = "About us";
$l['xstyled_aboutfirst'] = "YTGaming is a online community for gamers and YouTuber's."; /* 39 Characters maximum. */
$l['xstyled_aboutsecond'] = "We want to help you grow your channel"; /* 39 Characters maximum. */
$l['xstyled_aboutthird'] = "We will also have amazing community events"; /* 39 Characters maximum. */
$l['xstyled_aboutfourth'] = "So join YTGaming today and be apart of our amazing community"; /* 39 Characters maximum. */
$l['xstyled_aboutfifth'] = "You will be happy you did!"; /* 39 Characters maximum. */
$l['xstyled_navigation'] = "Navigation";
$l['xstyled_index'] = "Index";
$l['xstyled_search'] = "Search";
$l['xstyled_members'] = "Members";
$l['xstyled_calendar'] = "Calendar";
$l['xstyled_help'] = "Help";
$l['xstyled_quicklinks'] = "Quick links";
$l['xstyled_threads'] = "Threads";
$l['xstyled_posts'] = "Posts";
$l['xstyled_moderators'] = "Moderators:";
$l['xstyled_newthread'] = "New thread";
$l['xstyled_startedby'] = "Started by:";
$l['xstyled_replies'] = "Replies";
$l['xstyled_views'] = "Views";
$l['xstyled_golastpost'] = "Go to the last post";
$l['xstyled_userbrowsing'] = "Browsing:";
$l['xstyled_logo'] = "Square";
$l['xstyled_loginat'] = "Login at";
$l['xstyled_loginfirstphrase'] = "Square is a minimalistic template, renewed to 1.8 MyBB series. You can find a lot of details in the design, and of course, all squared."; /* 135 Characters máximum. */
$l['xstyled_loginsecondphrase'] = "Enjoy the crossbrowser design, tested in the latest Google Chrome, Mozilla Firefox and Opera versions."; /* 102 Characters máximum. */
$l['xstyled_loginthirdphrase'] = "¡¿What are you waiting for?! Join us now!"; /* 102 Characters máximum.*/
$l['xstyled_welcomephrase'] = "Welcome,";
$l['xstyled_usercp'] = "User CP";
$l['xstyled_friendlist'] = "View friend list";
$l['xstyled_changeavatar'] = "Change avatar";
$l['xstyled_changesignature'] = "Change signature";
$l['xstyled_pms'] = "Private messages";
$l['xstyled_logout'] = "Log out";
$l['xstyled_admincp'] = "Administration CP";
$l['xstyled_modcp'] = "Moderation CP";
$l['xstyled_latestactivity'] = "Latest Activity";
$l['xstyled_usersonline'] = "Users online:";
$l['xstyled_hidesidebar'] = "Hide sidebar";
$l['xstyled_showsidebar'] = "Show sidebar";
$l['xstyled_deletepm'] = "Delete PM";
$l['xstyled_edit'] = "Edit";
$l['xstyled_forwardpm'] = "Forward PM";
$l['xstyled_multiquote'] = "Multiquote";
$l['xstyled_purgespammer'] = "Purge Spammer";
$l['xstyled_delete'] = "Delete";
$l['xstyled_restore'] = "Restore";
$l['xstyled_reply'] = "Reply";
$l['xstyled_replypm'] = "Reply PM";
$l['xstyled_replyallpm'] = "Reply all PM";
$l['xstyled_report'] = "Report";
$l['xstyled_warn'] = "Warn";
$l['xstyled_newreply'] = "New reply";
$l['xstyled_threadclosed'] = "Thread closed";
$l['xstyled_createdby'] = "Created by:";
$l['xstyled_facebook'] = "Like our Facebook page!";
$l['xstyled_twitter'] = "Follow us on Twitter!";
$l['xstyled_youtube'] = "Subscribe to YTGaming channel!";
?>

Everything appears fine in the file all looks the same, maybe it is a issue with my functions.php ?

it appears something to do with this line in functions.php

header($cookie, false);
Also this line in forumdisplay.php
my_setcookie('mybb[announcements]', 0, (TIME_NOW - (60*60*24*365)));