PBWoW -> View topic - PBWoW & Board3 (Portal)

Tharis

< The Golden Order >

Donor

0. PBWoW & Board3 (Portal) » 11/19/2008 18:19

EDIT BY PAYBAS: This thread is somewhat outdated, because PBWoW now natively supports Board3 (since RC3). You don't need to make the edits described below anymore.

I have had a few people ask me how I did my portal page for Portal3 to work with pbwow.

It was quite simple, once I understood how the portal structure worked. All of my portal blocks work the same as far as how I modded it, so I will show a simple one. There may be more modification needed for larger blocks, but once you have this basis down, modding them is simple.

What I did is I took the style that was made up for the pbwow forum index page, and took the border elements from it, and applied it to whatever blocks I wanted to use. I didn't modify all blocks, just the ones you see on my site.

Here is a simple file, main_menu.html, for the main menu block. Please keep in mind that this was done for Portal3. Use on other portals use at your own risk.

Code: Select all:  <center> <div id="container" style="width: 220px; position: relative; text-align:right;">  <div class="border" style="width: 220px; margin: 0 auto;"> <div class="im1"> <div class="im2"> <div class="im3"> <div class="im4"> <div class="im5"> <div class="im6"> <div class="im7"> <div class="im8"> <div style="background: none; width: 100%; display: block;"> <div style="width: 175px; margin: 0 auto;">  <p class="clear"> <ul> <li><a href="{U_INDEX}">{L_INDEX}</a></li> <li><a href="{U_GALLERY_MOD}">{L_GALLERY}</a></li>  <li><a href="{U_SEARCH}">{L_SEARCH}</a></li>   <li><a href="{U_REGISTER}">{L_REGISTER}</a></li>  <li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li> <li><a href="{U_TEAM}">{L_THE_TEAM}</a></li>  <li><a href="{U_MCP}">{L_MCP}</a></li>   <li><a href="{U_ACP}">{L_M_ACP}</a></li>  <li><a href="{U_FAQ}">{L_FAQ}</a></li> <li><a href="{U_M_BBCODE}">{L_M_BBCODE}</a></li> <li><a href="{U_M_TERMS}">{L_M_TERMS}</a></li> <li><a href="{U_M_PRV}">{L_M_PRV}</a></li> </ul> </p> <div class="clear"></div> <div class="clear"></div> <div class="clear"></div>  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </div> </center> <br style="clear:both" />

That is all I did. Basically taking the large box layout from the forum index, and applied it to the portal blocks themselves. I hope this helps people out with their own modifications.

http://www.thegoldenorder.com

cybershark

1. Re: PBwow & Portal3 » 11/21/2008 19:09

hi,

can you tell me where I can found Portal3 plz.

thx

Nanza

2. Re: PBwow & Portal3 » 11/22/2008 12:01

http://www.board3.de

cybershark

3. Re: PBwow & Portal3 » 11/22/2008 17:36

thx a lot

barry

4. Re: PBwow & Portal3 » 11/25/2008 21:06

nice work! I am currently working on the portal and was wondering if you could post your news.html file so I could see how you arranged the content as I really like what you did with it.

Thanks in advance

Tharis

< The Golden Order >

Donor

5. Re: PBwow & Portal3 » 11/26/2008 17:10

barry wrote:
nice work! I am currently working on the portal and was wondering if you could post your news.html file so I could see how you arranged the content as I really like what you did with it.

Thanks in advance

Code: Select all:  <center> <div id="container" style="width: 775px; position: relative; text-align:right;">  <div class="border" style="width: 775px; margin: 0 auto;"> <div class="im1"> <div class="im2"> <div class="im3"> <div class="im4"> <div class="im5"> <div class="im6"> <div class="im7"> <div class="im8"> <div style="background: none; width: 100%; display: block;"> <div style="width: 700px; margin: 0 auto;">  <p class="clear"> <div><img src="{T_IMAGESET_PATH}/themes/custom1/header-news.gif" alt="Latest News" /></div> </p> <div class="postbody" style="width: 100%">   <div class="post bg2"> <div class="inner"><span class="portal-corners-top-inner"><span></span></span> <span style="text-align: center;"><strong>{L_NO_NEWS}</strong></span> <span class="portal-corners-bottom-inner"><span></span></span></div> </div>  <div class="postbg1"> <div class="inner"><span class="portal-corners-top-inner"><span></span></span> <h4 class="first"><a name="n"></a><a name="n{news_row.N_ID}"></a><a href="{news_row.U_VIEW_UNREAD}">{NEWEST_POST_IMG}</a><a href="{news_row.U_LAST_COMMENTS}">{READ_POST_IMG}</a> {news_row.ATTACH_ICON_IMG} <strong>{L_POLL}: </strong><img src="{T_ICONS_PATH}{news_row.TOPIC_ICON_IMG}" width="{news_row.TOPIC_ICON_IMG_WIDTH}" height="{news_row.TOPIC_ICON_IMG_HEIGHT}" alt="" /> <a href="{news_row.U_VIEW_COMMENTS}"><strong>{news_row.TITLE}</strong></a></h4> <strong class="pagination"><span>{news_row.PAGINATION}</span></strong> <font color="#C0C0C0">{POSTED_BY_TEXT} {L_POST_BY_AUTHOR}: {news_row.POSTER_FULL} {L_POSTED_ON_DATE} {news_row.TIME}</font> <div class="content"> <br /> <font color="#{news_row.POST_AUTHOR_COLOUR}"> {news_row.TEXT} </font> </div>  <dl class="attachbox"> <dt>{L_ATTACHMENTS}</dt>  <dd>{news_row.attachment.DISPLAY_ATTACHMENT}</dd>  </dl>  <br style="clear:both" /> <span style="float: left;">{L_TOPIC_VIEWS}: {news_row.TOPIC_VIEWS}  •  <a href="{news_row.U_VIEW_COMMENTS}" title="{L_VIEW_COMMENTS}">{L_COMMENTS}: {news_row.REPLIES}</a>  •  <a href="{news_row.U_POST_COMMENT}">{L_POST_REPLY}</a></span> <span style="float: right; margin: 0 0 5px 0">{news_row.OPEN}<a href="{news_row.U_READ_FULL}">{news_row.L_READ_FULL}</a>{news_row.CLOSE}</span> <div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div> <br style="clear:both" />    <hr class="dashed" /> <div class="pagination"> {TOTAL_NEWS}  • {NP_PAGE_NUMBER} • <span>{NP_PAGINATION}</span> • {NP_PAGE_NUMBER} </div>    <hr /> </span></span></div> </div>   </div> <div class="clear"></div> <div class="clear"></div> <div class="clear"></div>  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </div> </center>

Attachments

You do not have the required permissions to view the files attached to this post.

http://www.thegoldenorder.com

Tomyvk

< Vengeance >

Donor

6. Re: PBwow & Portal3 » 11/28/2008 18:16

thx m8 for this, but i have a problem on my portal tho, my font color is black and i cant find where to change it. Its only on the sidebars tho.

http://worldofvengeance.net/test

I hope that anyone could help me.

EDIT: Nvm Got it xD i know where i did the mistake

[ Last edited by Tomyvk on 07/18/2009 9:36, edited 1 time in total. ]

http://worldofvengeance.net

dewdad

7. Re: PBwow & Portal3 » 12/04/2008 23:04

I just wanted to say Thank you Tharis for the info you have shared with us.

Through reading some other posts I gathered you need to update your .ccs files

Im not sure I did it right but what I did was:

Edited my portal.css by c/p some info out of the master.css an wrath.css.
then I took your code an appended it to my news.html and other blocks.

The problem I have is that the only block that shows up correctly is the main_menu.html

The news.html doesn't change at all and the search.html I edited looks like the top image has been cut off.

I have been trying to figure it out on my own but cant seem to do it. Is it just an issue with my .css files? If so can you post your .css info.

Thank you for any help or advice you can give.

Tharis

< The Golden Order >

Donor

8. Re: PBwow & Portal3 » 12/05/2008 16:11

I didn't make any changes to the portal.css file. I know I mad CSS changes in other files for other changes I did, but those were not portal related.

The news block I posted is all I have in mine... you just overwrite your current one with it. I modified a few of the css NAMES in the code, but I didn't adjust any of the CSS.

http://www.thegoldenorder.com

dewdad

9. Re: PBwow & Portal3 » 12/05/2008 21:18

Thanks for the advice......I'll keep pluggin away then and see what i can come up with. Thx for the reply and info you have shared.

Modifications & Customizations > Mod Releases