2015-11-11, 11:16 AM
(2015-11-09, 09:39 PM)Chillin Wrote: xpsamp.com/forum
Ok, first the logo
ACP > Templates & Styles > Templates > Square templates > Header group templates > open header template
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 with this:
<div id="header">
<div class="wrapper">
<div class="logo"><img src="path to your custom image" alt="" /></div>
</div>
</div>
You need to change this
src="path to your custom image"
And insert the path where you have your own image uploaded (If you upload your image inside the folder of the theme, simply put "images/square/nameofyourimage.extension", example:
src="images/square/mylogo.png"
Now go to ACP > Templates & Styles > Styles > Square > and 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 with this:
.logo {
text-align: center;
margin: 40px auto 0 auto;
padding: 0px;
}
If you make all fine, you will have your custom image centered.
Now think where you want to put your menu and the user menu.
I don't give support on PM.