Page 1 of 8
[3.0.7] SE Square Left
Posted: 10 Mar 2010, 16:42
by Stoker
Author: Stoker
Style name: SE Square Left
Style version: 1.0.2
PhpBB version: 3.0.7
Description: A dark blue colored phpBB3 prosilver based style with no corners and profiles to the left.
Screenshot/demo:
Moved:
viewtopic.php?f=45&t=1359
Re: [3.0.7] SE Square Left
Posted: 10 Mar 2010, 17:26
by DoYouSpeakWak
Add a menu.
Written by Stoker.
HERE
Menu
Lets add a menu to this style, we only need 2 edits.
Open overall_header.html
Find:
Code: Select all
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
Before add:
Code: Select all
<div class="headerbarmenu"><a href="{U_INDEX}"><span>{L_INDEX}</span></a><a href="{U_FAQ}"><span>{L_FAQ}</span></a><!-- IF U_ACP --><a href="{U_ACP}"><span>ACP</span></a><!-- ENDIF --><!-- IF U_MCP --><a href="{U_MCP}"><span>MCP</span></a><!-- ENDIF --></div>
At the bottom add:
Code: Select all
.headerbarmenu {
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
background-color: #2A7BBA;
border: 1px solid #4f91b6;
border-top: none;
padding: 6px 0px 6px 10px;
margin: -4px 0 4px 0;
}
.headerbarmenu a {
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
background-color: #2A7BBA;
color: #FFFFFF;
font-size: 12px;
padding: 6px;
}
.headerbarmenuactive a {
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
background-color: #FFFFFF;
color: #000000;
font-size: 12px;
padding: 6px;
}
.headerbarmenu a:visited {
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
background-color: #2A7BBA;
color: #FFFFFF;
font-size: 12px;
padding: 6px;
}
.headerbarmenu a:hover {
background-image: none;
background-color: #2A7BBA;
color: #FFFFFF;
text-decoration: none;
}
Re: [3.0.7] SE Square Left
Posted: 15 Mar 2010, 12:11
by DoYouSpeakWak
Personally iwe had some problems with signatures. They split up into two coloumns. It was easy to fix.
Open
memberlist_view.html
Find
Code: Select all
<div class="postbody"><div class="signature" style="border-top:none; margin-top: 0;">{SIGNATURE}</div></div>
Replace with
Code: Select all
<div class="signature" style="border-top:none; margin-top: 0;">{SIGNATURE}</div>
Note: This worked for me, it may not work for you or be the way the author does it, But if you get this problem, its worth trying.
Re: [3.0.7] SE Square Left
Posted: 17 Mar 2010, 15:05
by DoYouSpeakWak
While trying to recolor this style im having a few problems. Styles is not my strong side, so i hope someone can help out.
Problem.
se_left_sqaure_Index page_1268830756386.png
The color is "20354C" when searching for that in the css files there is only 2 hits.
Code: Select all
.headerbar {
height: 123px;
background-color: #20354c;
background-image: url("{T_THEME_PATH}/images/bg_header.png");
color: #FFD40F;
border: 1px solid #4f91b6;
}
Code: Select all
.forabg {
background-color: #20354c;
background-image: url("{T_THEME_PATH}/images/bg_list.png");
border: 1px solid #4f91b6;
}
Code: Select all
.forumbg {
background-color: #20354c;
background-image: url("{T_THEME_PATH}/images/bg_header.png");
border: 1px solid #4f91b6;
}
Iwe tried to change all of them to FFFFFF or whatever is needed. Tried to delete the background-image from all 3 codes so only background-color remained.
In all cases. Theme,imageset,template and main cache was purged. But None of these actions have any effect. The blue remains.
Any ideas ?
Edit:Making these changes have to result in some changes. so i have to conclude that the uploaded file is not changed properly. So it might be a problem with my isp. But please dont hold back with advise
Re: [3.0.7] SE Square Left
Posted: 17 Mar 2010, 15:26
by Stoker
is the right colour to change.
When all done, CTRL + F5 to refresh the browser.
Re: [3.0.7] SE Square Left
Posted: 23 Mar 2010, 13:38
by PJAmerica
Hello, I have borrowed a bit from the se sqare left regarding images to use in se sqare. I don't like the online bit used in this style. However, I was wondering if someone could help me figure out how to move the post author information from the right to the left.
The Lounge • View topic - Moved everything to off topic_1269346948009.JPG
Re: [3.0.7] SE Square Left
Posted: 23 Mar 2010, 14:29
by Stoker
Download both styles. Copy the graphics you want to use and make some changes in the css.
Re: [3.0.7] SE Square Left
Posted: 23 Mar 2010, 17:13
by PJAmerica
I explained I did that already I thought. Telling me to edit css doesn't tell me how to achieve what I am desiring though. if I knew exactly what to do I would not be asking.
Re: [3.0.7] SE Square Left
Posted: 23 Mar 2010, 17:27
by Stoker
Okay, so it is actually SE Square you want help with and not SE Square Left?
There is a tutorial here:
http://www.stsoftware.biz/support/viewt ... f=17&t=528
Re: [3.0.7] SE Square Left
Posted: 27 Mar 2010, 18:09
by wagu
I like, this style now is a new alternative for my forum
Thanks
