Black Pearl

[Mighty Gorgon]

Would you mind either confirming the answer to the question I asked above or providing a more accurate answer if it is incorrect?

Hi, it seems that answers are correct, did you already try?

I have been using this template on our forum for a few years now and it has served us well. But at the moment i am looking at making the forum look more like our home page and would like to add a background image to the stylesheet.css.

It depends on where you want the background to appear. If you want it in the body you can alter body element:

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #CCCCCC;

	background: url('./images/my_bg.gif') repeat;

	background-color: #111111;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0px 10px 0px 10px;
}

Any update yet on 3.0.7 compatibility???

Styles still in the queue...

You can use one of the styles linked here: Mighty Gorgon phpBB 3 Styles

But remember that these styles are not the ones approved by the Styles Team, so when they will approve the styles, something could be changed to reflect the changes suggested by them.

[Erisar]

Style Updated to version 1.6.1
See first post for Download Link

[TheInquistor]

its has been a long time since i updated this style. there are mods on the forums, and i dont remember the best route to update a style with mods. Do i have to seperately reinstall the mods?

[Joshua203]

its has been a long time since i updated this style. there are mods on the forums, and i dont remember the best route to update a style with mods. Do i have to seperately reinstall the mods?

you could try using WinMerge to compare the files and find all changes and differences .. it's free

[survivalist]

Wanting to change header on board with this awesome theme to 300px high however when I do all the navagation and breadcrumb links are showing over the header image. If I keep the image at 150px everything loads fine but my image is off.... What exactly do I need to change to allow the board to move down under the larger 300px high header image and not get the links mixed up within it?

thanks in advance!

[spaceace]

Wanting to change header on board with this awesome theme to 300px high however when I do all the navagation and breadcrumb links are showing over the header image. If I keep the image at 150px everything loads fine but my image is off.... What exactly do I need to change to allow the board to move down under the larger 300px high header image and not get the links mixed up within it?

thanks in advance!

open template/overall_header.html
find

Code: Select all

<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

change the height to 300

open theme/stylesheet.css
find

Code: Select all

#top_logo{
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('./images/top_header.png') repeat;
	height: 150px;
}

change the height to 300px

keep in mind that the header image for the background gradient is only 150px high and will repeat with a 300px high header

[survivalist]

open template/overall_header.html
find

Code: Select all
<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>



change the height to 300

open theme/stylesheet.css
find

Code: Select all
#top_logo{
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('./images/top_header.png') repeat;
height: 150px;
}



change the height to 300px

keep in mind that the header image for the background gradient is only 150px high and will repeat with a 300px high header

AWESOME! Thank you so very much! Works PERFECTLY

[survivalist]

Okay one other question... how can I make it so guests can not view who's online? When I try to add the if statement to the template index_body.html

original

Code: Select all

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<br clear="all" />

	<div id="viewonline_h" style="display:none;">
	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><img style="padding-top:9px;padding-right:6px;float:right;cursor:pointer;" src="{T_THEME_PATH}{$MG_MAX}" onclick="javascript:ShowHide('viewonline_nh','viewonline_h','viewonline_nh');" alt="{L_WHO_IS_ONLINE}" /><div class="tbl-title"><h4>{L_WHO_IS_ONLINE}</h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
	<tr><td class="row1"><span class="gensmall">&nbsp;</span></td></tr>
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
	</div>

trying to change to:

Code: Select all

<!-- IF S_USER_LOGGED_IN and S_DISPLAY_ONLINE_LIST -->

I get an error... so apparently this if statement is in the wrong place or I am forgetting something...

Thanks!

[spaceace]

Okay one other question... how can I make it so guests can not view who's online? When I try to add the if statement to the template index_body.html

original

Code: Select all

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<br clear="all" />

	<div id="viewonline_h" style="display:none;">
	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><img style="padding-top:9px;padding-right:6px;float:right;cursor:pointer;" src="{T_THEME_PATH}{$MG_MAX}" onclick="javascript:ShowHide('viewonline_nh','viewonline_h','viewonline_nh');" alt="{L_WHO_IS_ONLINE}" /><div class="tbl-title"><h4>{L_WHO_IS_ONLINE}</h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
	<tr><td class="row1"><span class="gensmall">&nbsp;</span></td></tr>
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
	</div>

trying to change to:

Code: Select all

<!-- IF S_USER_LOGGED_IN and S_DISPLAY_ONLINE_LIST -->

I get an error... so apparently this if statement is in the wrong place or I am forgetting something...

Thanks!

you could always do this

Code: Select all

<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_ONLINE_LIST -->

then find

Code: Select all

	<!-- IF LEGEND -->
		<tr><td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td></tr>
	<!-- ENDIF -->
	<tr><td class="cat-bottom" colspan="2">&nbsp;</td></tr>
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
	</div>
<!-- ENDIF -->

add after

Code: Select all

<!-- ENDIF -->

that should work with no problems.

[survivalist]

Thanks! That did the trick and I even applied it to the portal page.

[flyboy1957]

Hello,

Very new to forum desigh and Phpbb. I recent'y installed a forum and applied the black pearl style. Every one loves the look great job!

Now though people are clamering for a portal. I've looked till my eyes are fuzzy at portals, even downloaded a few. Is there one specifically designed for black pearl?

One thing I don't have is a forum set up on my pc to test portals on. Is something like joomla best to do this so I can run the forum "offline" on my machine. Any points to links on what tools are best used for this will be much appreciated.

[spaceace]

Hello,

Very new to forum desigh and Phpbb. I recent'y installed a forum and applied the black pearl style. Every one loves the look great job!

Now though people are clamering for a portal. I've looked till my eyes are fuzzy at portals, even downloaded a few. Is there one specifically designed for black pearl?

One thing I don't have is a forum set up on my pc to test portals on. Is something like joomla best to do this so I can run the forum "offline" on my machine. Any points to links on what tools are best used for this will be much appreciated.

i use board3 portal. i also use Black Pearl. so, if you want to see Black Pearl with that portal, you can go to my site and select Black Pearl in the Board Style menu on the left. also, you don't have to register to do so

secondly, no portal is designed to work with specific styles. i'll include the Black Pearl portal config below

open /styles/black_pearl/template/portal/_block_config.html
replace everything with the following

Code: Select all

<!--version $Id: _block_config.html 544 2009-09-10 12:35:25Z christian_n $ //-->
<!-- Config for the left and right blocks //-->
<!-- DEFINE $LR_BLOCK_H_L = '<div><div class="tbl-h-l" style="padding-left: 5px"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><span style="float: left">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</span></div></div></div></div>' -->
<!-- DEFINE $LR_BLOCK_F_L = '<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;' -->
<!-- DEFINE $LR_BLOCK_F_R = '</div></div></div></div><br />' -->

<!-- DEFINE $C_BLOCK_H_L = '<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><span style="float: center">' -->
<!-- DEFINE $C_BLOCK_H_R = '</span></div></div></div></div>' -->
<!-- DEFINE $C_BLOCK_F_L = '<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;' -->
<!-- DEFINE $C_BLOCK_F_R = '</div></div></div></div><br />' -->

<!-- Images-URL //-->
<!-- DEFINE $WHOS_IMAGES = '/images/whosonline.gif' -->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->

<!-- Vertical distance between left/right and center Blocks -->
<!-- DEFINE $BLOCK_DISTANCE = '10px' -->

<!-- show Icons in left/right Blocks? 0=no 1=yes -->
<!-- DEFINE $S_BLOCK_ICON = 1 -->

<!-- override the column width settings of the ACP for this style? 0=no 1=yes -->
<!-- DEFINE $S_COLUMNS_WIDTH_OVERRIDE = 0 -->

<!-- override the column width settings of the ACP - set the width if enabled -->
<!-- DEFINE $PORTAL_LEFT_COLUMN_OVERRIDE = '200' -->
<!-- DEFINE $PORTAL_RIGHT_COLUMN_OVERRIDE = '200' -->

[flyboy1957]

Thanks for the response and info. I'll look into board3 this weekend. Appreciate the blackpearl code as well. Great site btw!

[Raimon]

Style Updated to version 1.6.3
See first post for Download Link

[Raimon]

Style Updated to version 1.6.4
See first post for Download Link