[For 1.8] Square theme

[quangcuong]

nice theme! Thanks

[Lyvyoo]

After last Square update, some user can't view my smileys images, and the forum show up the url adress of this specific smiley. Must users in forum view corectly the smileys.

Printscreen, recived from a user that claim this bug:

   

Printscreen with my view:

   

Both we use Chrome, with the cache cleared today.

I use the last Mybb Version and pHp 5.6.19

L.E. It works in incognito mode of Chrome, but not in normal mode. Strange...

[eNvy]

The latest update only changes a few things on templates, like the jQuery version and things like that.

I don't know why is displayed in that way but the update is not the problem.

[maintainin]

Is there a way to successfully use a full length logo across the top of this theme without it interfering and pushing the top links and menu down and out of place? I really like this theme but I want to use a large logo all the way across the top. You can visit Cardinalforums.com and make sure you select the "CF under construction" theme to see what I'm talking about. Here is a pic of what I'm talking about:

   

Better yet, I think I would like to delete the news and annoncements section and move those top links in its place. Any advice on how to do that?

edit: I removed the news and annocuncements. just want to move the top links in its place.

---

Most frustrating theme ever. This is going to be third time Ive deleted this. Ive butchered this trying to figure it out. I like 90% of this theme and hate the rest. I need some help. I DONT WANT THE TOP LINKS IN THE LOGO FIELD. THATS FOR THE LOGO.

[eNvy]

Is there a way to successfully use a full length logo across the top of this theme without it interfering and pushing the top links and menu down and out of place? I really like this theme but I want to use a large logo all the way across the top. You can visit Cardinalforums.com and make sure you select the "CF under construction" theme to see what I'm talking about. Here is a pic of what I'm talking about:



Better yet, I think I would like to delete the news and annoncements section and move those top links in its place. Any advice on how to do that?

edit: I removed the news and annocuncements. just want to move the top links in its place.

---

Most frustrating theme ever. This is going to be third time Ive deleted this. Ive butchered this trying to figure it out. I like 90% of this theme and hate the rest. I need some help. I DONT WANT THE TOP LINKS IN THE LOGO FIELD. THATS FOR THE LOGO.

Square has his header divided in two, one part for the logo and the other for the menu. Both parts have 512px of width, if you put any logo more big than that of course it's gonna break the menu.

Your site only has three themes: CF Dark, CF Light and CF Stark. I don't know if you have deleted it or not.

[maintainin]

Sorry, I did delete it. I was in the templates messing around and deleted some things and tried some things and really screwed things up so I deleted it and restarted. It is back up now. What I would really like is to get rid of the news and announcements section and put those top menu in its place on the panel. The logo I want to use goes all the way across the top.

[eNvy]

Sorry, I did delete it. I was in the templates messing around and deleted some things and tried some things and really screwed things up so I deleted it and restarted. It is back up now. What I would really like is to get rid of the news and announcements section and put those top menu in its place on the panel. The logo I want to use goes all the way across the top.

So, you want to put the actual header menu where the announcements are, right?

-----------------------------------------------------------------------------------------------------------------------------------------------------

Well, first go to ACP > Templates & Styles > Templates > Square templates > Header group templates > open header template

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

Replace all of that with this new code:

<div id="header">
    <div class="wrapper">
        <div class="logo"><img src="the link of your image goes here" alt="Logo" /></div>
    </div>
</div>

Now go to ACP > Templates & Styles > Styles > Square > open 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;
}

Replace that class with this new one:

.logo {
  	width: 100%;
        min-width: 100%;
        max-width: 100%;
  	margin: 40px auto 0px auto;
  	text-align: center;
}

That's only for the logo.

-----------------------------------------------------------------------------------------------------------------------------------------------

Now, for the menu:

ACP > Templates & Styles > Templates > Square templates > Header group templates > Open header template

Search this code:

<div class="news">
    <div class="announcements"><i class="fa fa-microphone fa-2x"></i></div>
    <div class="automsj">
        <ul>
            <li class="quotes">¡Welcome to Square Theme!</li>
            <li class="quotes">This news are in header template.</li>
            <li class="quotes">Please ignore this message.</li>
        </ul>
    </div>
</div>

Replace all of that with this new code:

<div class="menu">
    <ul>
        <li><a href="{$mybb->settings['bburl']}/index.php">{$lang->xstyled_index}</a></li>
        <li><a href="{$mybb->settings['bburl']}/search.php">{$lang->xstyled_search}</a></li>
        <li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->xstyled_members}</a></li>
        <li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->xstyled_calendar}</a></li>
        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->xstyled_help}</a></li>
    </ul>
</div>

Now, ACP > Templates & Styles > Styles > Square > Open Square.css

Search this:

.menu {
  	width: 492px;
  	float: right;
  	margin: 75px 0 0 0;
  	padding: 0;
  	text-align: right;
}

Replace with this:

.menu {
  	width: 492px;
  	float: left;
  	margin: 13px 0 0 0;
  	padding: 0;
  	text-align: left;
}

Search this:

.menu ul li {
  	list-style: none;
  	display: inline-block;
  	margin: 0 0 0 25px;
  	padding: 0;
  	text-align: center;
  	width: 60px;
  	height: 60px;
  	line-height: 30px;
}

Replace with this:

.menu ul li {
  	list-style: none;
  	display: inline-block;
  	margin: 0 5px 0 0;
  	padding: 0;
  	text-align: center;
}

Finally, search this:

.menu ul li a:link, .menu ul li a:visited {
  	color: rgba(255, 255, 255, 0.5);
  	text-decoration: none;
  	transition: all 0.5s ease;
}

.menu ul li a:hover, .menu ul li a:active {
  	color: rgba(255, 255, 255, 1);
  	text-decoration: none;
  	transition: all 0.5s ease;
}

And replace with this:

.menu ul li a:link, .menu ul li a:visited {
  	color: #000000;
  	text-decoration: none;
  	transition: all 0.5s ease;
}

.menu ul li a:hover, .menu ul li a:active {
  	color: #ff0000;
  	text-decoration: none;
  	transition: all 0.5s ease;
}

Tell me if it works fine.

Regards.

[dripdropdrap]

Hello, great theme!
How do you change the number om posts in "Latest Activity" to max 5?

[eNvy]

Hello, great theme!
How do you change the number om posts in "Latest Activity" to max 5?

The latest version don't use the jQuery code to show the latest activity due to huge loads of querys from the portal. Is better if you use a plugin.

[dripdropdrap]

Thanks for your answer!