fitting portal with rainbow_pearl style

[durangod]

Your Portal Version: 1.0.6
Your phpBB Type: Standard phpBB3
MODs installed: Yes
Your knowledge: Basic Knowledge
Boardlink: http://www.durangodaves.com/vcforum

PHP Version: 3.0.8

What have you done before the problem was there?
first i had this issue before any of my other mods, the only other mid i have is the board watch mod.

im having trouble getting the sides of boxes to show and also getting the page spaced out, its all crunched together..
and some of the header images are not showing..

What have you already tryed to solve the problem?
the only thing i have done to try to fix this is i change _block_config.html from the standard to the code i have posted below, and thats all.. im not sure what to do here..

Description and Message
here is my _block_config.html that i got from a programmer that did his similar style...

Code: Select all

<!--version $Id: _block_config.html 479 2009-03-15 11:19:27Z kevin74 $ //-->
<!-- 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" style="padding-left: 5px"><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 />' -->

<!-- Config for the center blocks //-->
<!-- 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//online.png' -->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->

[/i]

[archivar]

Look here and take the:--------------->viewtopic.php?f=44&t=2864

[durangod]

ok ill check that out, im working on a solution right now, i found that that many of the box html files did not have the call to the navigation div and thats what i use for the borders so thats what im working on at the moment, but ill take a look at the link to help me thanks so much. as you can see the borders are slowly commin up but its tedious lol, thanks peace

[archivar]

Boardlink: http://www.durangodaves.com/vcforum

Make it as it is in the instructions.---> viewtopic.php?f=47&t=3836&p=24436&hilit=rainbow#p24436
More I can not help what you want.

[durangod]

i wanted to thank you for your help on this, i have not decided if i want to go back and rest it and start over, by the time i got your message i had already done it the long way and hand coded all the css to make it work.. lol oh well, if i have some time today i might go back and reset everything and do it the right way lol. i wanted to thank you for your help and your reply and also thank you for your mod, its a great mod...

i am curious why the wordgraph does not wrap, it puts all the words in one single column on the left side of the box, but other than that, its looken good... thanks

[durangod]

just fyi for anyone trying rainbow pearl or black pearl, i decided to go ahead and use the plack pearl on my other forum and try these instructions i followed them to the tee, and i got the same result as before, nothing has borders and is alignment is off.. so this is how i will fix it..

just fyi my board that i tried the black pearl on is http://www.forum.mycompanyaffiliate.comjust as i did with my rainbow pearl and i hope i remember this correctly

the first thing i did was i pasted the portal.css inside of the blackpearl stylesheet.css (its a dif format than the normal phpbb stylesheet.css) so just to be sure i didnt use the import i just took the contents of the portal.css and hard copied it inside the stylesheet.css and removed the import call.

now what i did next was i modified the contents of

Code: Select all

.portal-navigation{
width: auto;
}

to this......

Code: Select all

.portal-navigation{
width: auto;
border-right-style:solid;
border-left-style:solid;
border-right-width:1px;
border-left-width:1px;
border-left-color: #556677;
border-right-color: #556677;
padding:5px;
}

Now what you need to do to get the borders and alignment is you need to wrap the contents of the box in a div and call portal navigaion like this

Code: Select all

<div class="portal-navigation">

and then close the div when you done at the bottom..

Code: Select all

</div>

all the html files for the diffenent blocks of content are in
styles/black_pearl/template/portal/block



here is an example of one file i did...
you will need to do all of them ...
we will do an easy one

we will do the birthday_list.html

here is how it was orginally

Code: Select all

<!--version $Id: birthday_list.html 656 2010-05-02 18:23:10Z marc1706 $ //-->
{$LR_BLOCK_H_L}<!-- IF $S_BLOCK_ICON --><img src="{T_THEME_PATH}/images/portal/portal_birthday.png" width="16" height="16" alt="" />&nbsp;<!-- ENDIF -->{L_BIRTHDAYS}{$LR_BLOCK_H_R}
			<!-- IF BIRTHDAY_LIST -->
			<strong>{L_CONGRATULATIONS}:</strong><br /> {BIRTHDAY_LIST}
			<!-- ELSE -->
			{L_NO_BIRTHDAYS}
			<!-- ENDIF -->
			<!-- IF S_DISPLAY_BIRTHDAY_AHEAD_LIST -->
				<hr class="dashed" />
				<strong>{L_BIRTHDAYS_AHEAD}</strong>
				<br />
				<!-- IF BIRTHDAYS_AHEAD_LIST -->
				{BIRTHDAYS_AHEAD_LIST}
				<!-- ELSE -->
				{L_NO_BIRTHDAYS_AHEAD}
				<!-- ENDIF -->
			<!-- ENDIF -->
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}

all you need to do is wrap the content of the box so we will start after the header image and finish before the footer image..

the header image is usually $LR_BLOCK_H_R and the footer starts with $LR_BLOCK_F_L

so all you need to do is just put the div in between like so

Code: Select all

<!--version $Id: birthday_list.html 656 2010-05-02 18:23:10Z marc1706 $ //-->
{$LR_BLOCK_H_L}<!-- IF $S_BLOCK_ICON --><img src="{T_THEME_PATH}/images/portal/portal_birthday.png" width="16" height="16" alt="" />&nbsp;<!-- ENDIF -->{L_BIRTHDAYS}{$LR_BLOCK_H_R}

<div class="portal-navigation">
			<!-- IF BIRTHDAY_LIST -->
			<strong>{L_CONGRATULATIONS}:</strong><br /> {BIRTHDAY_LIST}
			<!-- ELSE -->
			{L_NO_BIRTHDAYS}
			<!-- ENDIF -->
			<!-- IF S_DISPLAY_BIRTHDAY_AHEAD_LIST -->
				<hr class="dashed" />
				<strong>{L_BIRTHDAYS_AHEAD}</strong>
				<br />
				<!-- IF BIRTHDAYS_AHEAD_LIST -->
				{BIRTHDAYS_AHEAD_LIST}
				<!-- ELSE -->
				{L_NO_BIRTHDAYS_AHEAD}
				<!-- ENDIF -->
			<!-- ENDIF -->
</div>
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}

for the most part all the files are the same format so just do all of them, there are times that you will see a UL and you need to wrap that section instead so it will be the div call then ul then /ul then the close div... it just takes some time...


what this will do is put the borders on the boxes and also pad the data so its not against the left side of the box...

hope this helps someone... thanks