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-06, 03:27 PM)eNvy Wrote: [ -> ]
(2015-04-05, 06:51 PM)Ferdaus Wrote: [ -> ]
(2015-04-05, 06:16 PM)eNvy Wrote: [ -> ]You can but you need to remove some spacing inside the postbit, and rearrange another elements.

Can you link me where I can find it specifically please, and the code label, I'm not quite a pro.


Thanks.

ACP > Templates & Styles > Templates > Square Templates > Postbit Templates > postbit_classic

Replace all the content with this:


{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="post classic {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">
<div class="post_author scaleimages">
   <span style="position: absolute;">{$post['onlinestatus']}</span>
   <div class="largetext centered">{$post['profilelink']}</div>
   <div class="smalltext centered">{$post['usertitle']}</div>
 <div class="author_information">
 {$post['useravatar']}
 <span class="smalltext">
 {$post['userstars']}
 {$post['groupimage']}
 </span>
 </div>
 <div class="author_statistics" style="margin: 0 auto; width: 120px;">
 {$post['user_details']}
 </div>
</div>
<div class="post_content">
 <div class="post_head">
 {$post['posturl']}
 {$post['icon']}
 <span class="post_date">{$post['postdate']} <span class="post_edit" id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></span>
 {$post['subject_extra']}
 </div>
 <div class="post_body scaleimages" id="pid_{$post['pid']}">
 {$post['message']}
 </div>
 {$post['attachments']}
 {$post['signature']}
 <div class="post_meta" id="post_meta_{$post['pid']}">
 {$post['iplogged']}
 </div>
</div>
<div class="post_controls" style="padding: 11px 7px;">
 <div class="postbit_buttons author_buttons float_left">
 {$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}&nbsp;
 </div>
 <div class="postbit_buttons post_management_buttons float_right">
 {$post['button_edit']}{$post['button_quickdelete']}{$post['button_quickrestore']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_purgespammer']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
 </div>
</div>
</div>

Now go to ACP > Templates & Styles > Styles > Square > Global.css

Search this class:


.post.classic .post_author div.author_statistics

Replace that with this:


.post.classic .post_author div.author_statistics {
    float: none;
    margin: 6px 0 0 0;
}

That's the minimum, with that, you will get something like this:

[Image: Z8PRGh3.png]

(Ignore the buttons, I don't have the plugin installed, that's why you see the buttons incomplete)


(2015-04-06, 02:43 PM)Aventador Wrote: [ -> ]I was wondering the same. The message size is too large right now. I would like to make it smaller

This is the last thing that i would like to change, everything else is perfect.

And thank you very much for your theme. It looks very good!

Thanks for your kind words =)
I changed this code to try to change the orientation and size of the postbit for each post, but no luck nothing changed. Here are two pictures showing what I have now to what I would like to get. Thanks for your help.

(2015-05-04, 01:17 PM)pilonl14 Wrote: [ -> ]
(2015-04-06, 03:27 PM)eNvy Wrote: [ -> ]
(2015-04-05, 06:51 PM)Ferdaus Wrote: [ -> ]
(2015-04-05, 06:16 PM)eNvy Wrote: [ -> ]You can but you need to remove some spacing inside the postbit, and rearrange another elements.

Can you link me where I can find it specifically please, and the code label, I'm not quite a pro.


Thanks.

ACP > Templates & Styles > Templates > Square Templates > Postbit Templates > postbit_classic

Replace all the content with this:



{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="post classic {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">
<div class="post_author scaleimages">
   <span style="position: absolute;">{$post['onlinestatus']}</span>
   <div class="largetext centered">{$post['profilelink']}</div>
   <div class="smalltext centered">{$post['usertitle']}</div>
 <div class="author_information">
 {$post['useravatar']}
 <span class="smalltext">
 {$post['userstars']}
 {$post['groupimage']}
 </span>
 </div>
 <div class="author_statistics" style="margin: 0 auto; width: 120px;">
 {$post['user_details']}
 </div>
</div>
<div class="post_content">
 <div class="post_head">
 {$post['posturl']}
 {$post['icon']}
 <span class="post_date">{$post['postdate']} <span class="post_edit" id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></span>
 {$post['subject_extra']}
 </div>
 <div class="post_body scaleimages" id="pid_{$post['pid']}">
 {$post['message']}
 </div>
 {$post['attachments']}
 {$post['signature']}
 <div class="post_meta" id="post_meta_{$post['pid']}">
 {$post['iplogged']}
 </div>
</div>
<div class="post_controls" style="padding: 11px 7px;">
 <div class="postbit_buttons author_buttons float_left">
 {$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}&nbsp;
 </div>
 <div class="postbit_buttons post_management_buttons float_right">
 {$post['button_edit']}{$post['button_quickdelete']}{$post['button_quickrestore']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_purgespammer']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
 </div>
</div>
</div>

Now go to ACP > Templates & Styles > Styles > Square > Global.css

Search this class:



.post.classic .post_author div.author_statistics

Replace that with this:



.post.classic .post_author div.author_statistics {
    float: none;
    margin: 6px 0 0 0;
}

That's the minimum, with that, you will get something like this:

[Image: Z8PRGh3.png]

(Ignore the buttons, I don't have the plugin installed, that's why you see the buttons incomplete)



(2015-04-06, 02:43 PM)Aventador Wrote: [ -> ]I was wondering the same. The message size is too large right now. I would like to make it smaller

This is the last thing that i would like to change, everything else is perfect.

And thank you very much for your theme. It looks very good!

Thanks for your kind words =)
I changed this code to try to change the orientation and size of the postbit for each post, but no luck nothing changed. Here are two pictures showing what I have now to what I would like to get. Thanks for your help.


Here is what I would like the postbit to look like. Hope this is a simple fix. thanks.
Nice One! For header *claps*
What should I change to get the same postbit of @Zaishen?
good job
blank ? 
need support Big Grin 
[attachment=34276]
link : www.animekimi.com
if you need acp account to login massage me 

thanks
(2015-05-15, 12:35 PM)HumanError Wrote: [ -> ]blank ? 
need support Big Grin 

link : www.animekimi.com
if you need acp account to login massage me 

thanks

instal the plugin that comes with theme
(2015-05-15, 02:31 PM)subzr1 Wrote: [ -> ]
(2015-05-15, 12:35 PM)HumanError Wrote: [ -> ]blank ? 
need support Big Grin 

link : www.animekimi.com
if you need acp account to login massage me 

thanks

instal the plugin that comes with theme

done thanks Big Grin 
Hey guys Smile
I have a Little "Problem". Maybe that is nothing that have to do with the Theme. But when i go to my Forum without "/index.php" all Icons are gone. When i put my URL with /index.php i have all the Icons ^^

Does anyone have a solution?

Fixed. You have to put this in your .htaccess: DirectoryIndex index.php

So it Redirects to your Forum-Page, when you want to Load a Portal, you Need this: DirectoryIndex portal.php index.php
the option to bold algin etc is lost ? 
please help 
[Image: 11295566_1450947955216273_49709323826863...cf1c2614dd]
Hi all,


First off, I love you theme eNvy! I love how dynamic, responsive, and clean it is. I really like the blue look, and had a similar theme back on myBB 1.6 and have been waiting for a theme like this on 1.8!

I'm slowly making the preparations for making it my new default theme layout. However I have a question...

I want to expand the margins of the forum so there is less white space on the left and right.

As in my screenshot I want to expand the forum width out to about where those red lines are.

[Image: t5YjqUD.png]


I found half the answer in an earlier post, but haven't had further time to keep looking through this thread, so sorry if it has been previously answered completely.

http://community.mybb.com/thread-159593-...pid1106063


In Square Templates » Index is where you can edit the margins in pixels for the sidebar and forum:

<div class="forums" style="float: left; width: 724px;">
 {$forums}
</div>

However when I expand the above to say 1500px, nothing changes. You can see it expand while the page is refereshing, but it just snaps back to its regular postion after. I can also make the side bar bigger, but then it overlaps the forum.

I understand there is no way to center float the forum, you can only align left and right, but what is the best way to expand the forum width equally left and right?

Thank you for anyone who helps!

Never mind, found the post that solved my problem:

http://community.mybb.com/thread-159593-...pid1113125

Thanks for the great theme!

Another quick question though....

Is updating the font-awesome icons as simple as downloading the new version (4.3) and replacing the files with the new files in the directory images/square/font-awesome ?

Thanks!