subAndreas08

[Styles Robot]

Style name: subAndreas08
Author: tagalong
Style description: A simple style based on andreas08 by Andreas Viklund
Style version: 1.0.3
Tested on phpBB version: 3.0.6

Download file: subAndreas08.zip
File size: 203.14 KiB

Style overview page: View

The phpBB Team is not responsible nor required to provide support for this Style. By installing this Style, you acknowledge that the phpBB Support Team or phpBB Style Customisations Team may not be able to provide support.

-->Style support<--

[Erisar]

Style validated/released

Notes:

[tagalong]

Many humble thanks to the styles team!

[Erisar]

Style download link has been updated. See first post for link.

[Erisar]

Style Updated to version 1.0.2
See first post for Download Link

[2McAbre]

Hi I recently found the subAndreas08 style and like it for its clean easy look, and for the wider post area layout.

I ran across a couple small issues that I tried to correct on my own, but am stumped on where I need to make changes to remove the scrollbars from the bottom of two popup windows.

The problem after installing this theme was that the "View more Smilies" and "Upload Progress" popup windows had the tables set too wide, which stretched the data and caused the pages to scroll left/right. I located and edited the code in both:

styles/subAndreas08/template/posting_smilies.html
styles/subAndreas08/template/posting_progress_bar.html

To get the tables to fit within the generated popup window, but cannot for the life of me figure out how to make the scrollbar go away. You can see in the attached images that the tables fit the window, but the scrollbar remains.

I have ver 3.0.4 and moderate editing skills (understand the concepts and language).

smilie.jpg

progres.jpg

Any help in locating where/what I need to edit to get rid of the scrollbar is greatly appreciated. I'm sure its something simple I've over looked, but its not registering in my brain

Thanks!
2McAbre @ Xploitation Group

[tagalong]

I located and edited the code in both:

styles/subAndreas08/template/posting_smilies.html
styles/subAndreas08/template/posting_progress_bar.html

To get the tables to fit within the generated popup window, but cannot for the life of me figure out how to make the scrollbar go away. You can see in the attached images that the tables fit the window, but the scrollbar remains.

This should do it, but I'm not sure that it won't break somewhere else. I did a brief look through on my site and it looked OK though, let me know if it works or not.

Open subAndreas08/theme/stylesheet.css
Find

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana,Tahoma,Arial,sans-serif;
	color: #303030;
	background-color: #e8eaec;
	font-size: 76%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	min-width: 750px;
}

Replace with

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana,Tahoma,Arial,sans-serif;
	color: #303030;
	background-color: #e8eaec;
	font-size: 76%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}

Also, can you post what your changes are in posting_smilies.html & posting_progress_bar.html?

Thanks!

[guitarfans]

Thanks for your great work.

[2McAbre]

This should do it, but I'm not sure that it won't break somewhere else. I did a brief look through on my site and it looked OK though, let me know if it works or not.

Open subAndreas08/theme/stylesheet.css

Also, can you post what your changes are in posting_smilies.html & posting_progress_bar.html?

Thanks!

Hi and Thanks! I never would have associated that in the css file with the problem. I did work with it a little and found if I removed the min-width: 750px completely, it still scrolled so I altered it to a different number which works very nicely.

Open subAndreas08/theme/stylesheet.css

Find

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana,Tahoma,Arial,sans-serif;
	color: #303030;
	background-color: #e8eaec;
	font-size: 76%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	min-width: 750px;
}

Replace with

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana,Tahoma,Arial,sans-serif;
	color: #303030;
	background-color: #e8eaec;
	font-size: 76%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	min-width: 200px;
}

As far as the changes I made in posting_smilies.html & posting_progress_bar.html I found that I could replace them with the originals, as now they worked fine. However I did make one small mod to both as I thought it looked a little better.

Open subAndreas08/template/posting_smilies.html

Find

Code: Select all

<td class="row1" align="center" valign="middle"><!-- BEGIN smiley --> <a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true, true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" hspace="2" vspace="2" /></a> <!-- END smiley --><br /><a class="nav" href="#" onclick="window.close(); return false;">{L_CLOSE_WINDOW}</a></td>
		</tr>
		</table>
	</td>
</tr>
</table>

<!-- INCLUDE simple_footer.html -->

Replace with

Code: Select all

<td class="row1" align="center" valign="middle"><!-- BEGIN smiley --> <a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true, true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" hspace="2" vspace="2" /></a> <!-- END smiley --><br /><br /><a class="nav" href="#" onclick="window.close(); return false;">{L_CLOSE_WINDOW}</a><br /><br /><!-- INCLUDE simple_footer.html --></td>
		</tr>
		</table>
	</td>
</tr>
</table>

Open subAndreas08/template/posting_progress_bar.html

Find

Code: Select all

<td valign="top" class="row1" align="center"><br /><span class="genmed">{L_UPLOAD_IN_PROGRESS}</span><br /><br /><div style="align:center">{PROGRESS_BAR}</div><br /><br /><span class="genmed"><a href="#" onclick="window.close(); return false;">{L_CLOSE_WINDOW}</a></span><br /><br /></td>
		</tr>
		</table>
	</td>
</tr>
</table>

<script type="text/javascript">
// <![CDATA[
	close_popup();	
// ]]>
</script>
<!-- INCLUDE simple_footer.html -->

Replace With

Code: Select all

<td valign="top" class="row1" align="center"><br /><span class="genmed">{L_UPLOAD_IN_PROGRESS}</span><br /><br /><div style="align:center">{PROGRESS_BAR}</div><br /><br /><span class="genmed"><a href="#" onclick="window.close(); return false;">{L_CLOSE_WINDOW}</a></span><br /><br /><!-- INCLUDE simple_footer.html -->
</td>
		</tr>
		</table>
	</td>
</tr>
</table>

<script type="text/javascript">
// <![CDATA[
	close_popup();	
// ]]>
</script>

As you can see by the examples pictured below, it simply moves the simple footer into the existing tables for both popups, which looks better (IMO).

[gfcon]

Hi guys
Great style, but how can I remove the block of blue (where the board name goes) from the style?

Thanks
Graham

[prototech]

Style Updated to version 1.0.3
See first post for Download Link

[dontcoz]

love this style.. could you pls show where to change the posts font size and if it's possible to make the logo text area clickable and opening the board index. thanks.

[rautamiekka]

The font size in CODEs is unreadably small.

[dontcoz]

i agree:)

i've increased the default size to 80%

[rautamiekka]

i agree:)

i've increased the default size to 80%

How did you do that ?