[3.0.7] SE Square Left

[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

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

Open colours.css
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;
}

[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.

[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

[Stoker]

Code: Select all

.forabg {
	background-color:

is the right colour to change.

When all done, CTRL + F5 to refresh the browser.

[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

[Stoker]

Download both styles. Copy the graphics you want to use and make some changes in the css.

[PJAmerica]

Download both styles. Copy the graphics you want to use and make some changes in the css.

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.

[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

[wagu]

I like, this style now is a new alternative for my forum
Thanks