How to edit this to fit simple portal?

Support for PhpBB3.
Post here to get help with any phpBB3 related issue
Forum rules
In order the get any support, you will have to do following:
1. Use a describing title!
2. Describe your problem and what happened when the problem occured
3. Tell us what version of phpBB3 you are currently using.
If not your topic may be ignored or locked!

How to edit this to fit simple portal?

Post by pororo »

Hi!

I'm trying to make the recent topics mod to fit into the simple portal just like how it's been fitted on this site.

I added this code to the simpleportal_body.html

Code: Select all

<!-- Recent Topics -->
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>Recent Topcis</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums">
			<li>
			<div class="content" style="width:auto; height:auto; padding:10px; padding-bottom:0px;">
<!-- IF RECENT_TOPICS_DISPLAY --><!-- INCLUDE recent_topics_body.html --><!-- ENDIF -->
			</div>
			</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- End Recent Topics -->
This is the result. Can anyone help out?

Image



I want to make it look like below. Make it fit the simple portal.

Image
Last edited by pororo on 29 Apr 2010, 02:09, edited 1 time in total.
Top

Re: How to edit this to fit simple portal?

Post by Stoker »

You have some code before and after you need to remove. So you will have to give us some more code.
Top

Re: How to edit this to fit simple portal?

Post by pororo »

Stoker » 29 Apr 2010, 04:39 wrote:You have some code before and after you need to remove. So you will have to give us some more code.
This is the simpleportal body template.

Code: Select all

<!-- INCLUDE overall_header.html -->

<ul class="linklist rightside">
		<li><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE} | {CURRENT_TIME}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></li>
</ul>

<h2 style="color: black;">{SITENAME} {L_PORTAL_HEADLINE}</h2>

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top">

<!-- Start Welcome -->
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_PORTAL_WELCOME} {SITENAME}</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums">
			<li>
			<div class="content" style="width:auto; height:auto; padding:10px; padding-bottom:0px;">
			<p style="font-size:18px; text-align:center;">{S_WELCOME}</p><p style="font-size:14px;">{L_PORTAL_WELCOME_CONTENT}</p>
			<hr />
			<p style="text-align:right; font-style:italic; font-size:14px;">{L_PORTAL_MANAGEMENT}</p>
			</div>
			</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- End Welcome -->
	
	<!-- Recent Topics -->
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>Recent Topcis</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums">
			<li>
			<div class="content" style="width:auto; height:auto; padding:10px; padding-bottom:0px;">
<!-- IF RECENT_TOPICS_DISPLAY --><!-- INCLUDE recent_topics_body.html --><!-- ENDIF -->
			</div>
			</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- End Welcome -->

	<!-- Start Statistics -->
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_STATISTICS}</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums">
			<li>
			<div class="content" style="width:auto; height:auto; padding:10px; padding-bottom:0px;">
			<!-- IF NEWEST_USER -->
				<p>{TOTAL_POSTS} &bull; {POSTS_PER_YEAR} &bull; {POSTS_PER_DAY} &bull; {POSTS_PER_TOPIC} &bull; {POSTS_PER_USER}<br />
				{TOTAL_TOPICS} &bull; {TOPICS_PER_YEAR} &bull; {TOPICS_PER_DAY} &bull; {TOPICS_PER_USER}<br />
				{TOTAL_FILES} &bull; {FILES_PER_YEAR} &bull; {FILES_PER_DAY} &bull; {FILES_PER_USER}<br />
				{TOTAL_USERS} &bull; {USERS_PER_YEAR} &bull; {USERS_PER_DAY} &bull; {NEWEST_USER}<br />
				{L_START_DATE} <strong>{START_DATE}</strong></p>
			<!-- ENDIF -->
			</div>
			</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- End Statistics -->

The recent topic is calling this template.

Code: Select all

<!-- IF RECENT_TOPICS_PAGINATION -->
<div class="topic-actions">
	<div class="pagination">
		{RECENT_TOPICS_PAGE_NUMBER} &bull; <span>{RECENT_TOPICS_PAGINATION}</span>
	</div>
</div>
<!-- ENDIF -->
<!-- BEGIN recent_topics -->
	<!-- IF not recent_topics.S_TOPIC_TYPE_SWITCH and not recent_topics.S_FIRST_ROW -->
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- ENDIF -->

	<!-- IF recent_topics.S_FIRST_ROW or not recent_topics.S_TOPIC_TYPE_SWITCH -->
		<div class="forumbg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
				<dt>{L_RECENT_TOPICS}</dt>
					<dd class="posts">{L_REPLIES}</dd>
					<dd class="views">{L_VIEWS}</dd>
					<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
				</dl>
			</li>
		</ul>
		<ul class="topiclist topics">
	<!-- ENDIF -->

		<li class="row<!-- IF recent_topics.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
			<dl class="icon" style="background-image: url({recent_topics.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt style="<!-- IF recent_topics.TOPIC_ICON_IMG -->background-image: url({T_ICONS_PATH}{recent_topics.TOPIC_ICON_IMG}); background-repeat: no-repeat;<!-- ENDIF -->" title="{recent_topics.TOPIC_FOLDER_IMG_ALT}"><!-- IF recent_topics.S_UNREAD_TOPIC --><a href="{recent_topics.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{recent_topics.U_VIEW_TOPIC}" class="topictitle">{recent_topics.TOPIC_TITLE}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --> &bull; <a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a> &bull; <!-- ENDIF -->
					<!-- IF recent_topics.S_TOPIC_UNAPPROVED or recent_topics.S_POSTS_UNAPPROVED --><a href="{recent_topics.U_MCP_QUEUE}">{recent_topics.UNAPPROVED_IMG}</a> <!-- ENDIF -->
					<!-- IF recent_topics.S_TOPIC_REPORTED --><a href="{recent_topics.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF --><br />
					<!-- IF recent_topics.PAGINATION --><strong class="pagination"><span>{recent_topics.PAGINATION}</span></strong><!-- ENDIF -->
					<!-- IF recent_topics.ATTACH_ICON_IMG -->{recent_topics.ATTACH_ICON_IMG} <!-- ENDIF -->{L_POST_BY_AUTHOR} {recent_topics.TOPIC_AUTHOR_FULL} &raquo; {recent_topics.FIRST_POST_TIME}
					<!-- IF recent_topics.U_VIEW_FORUM and recent_topics.FORUM_NAME --><br />{L_IN} <a href="{recent_topics.U_VIEW_FORUM}" style="font-weight: bold;">{recent_topics.FORUM_NAME}</a><!-- ENDIF -->
				</dt>
				<dd class="posts">{recent_topics.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
				<dd class="views">{recent_topics.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
				<dd class="lastpost"><span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {recent_topics.LAST_POST_AUTHOR_FULL}
					<a href="{recent_topics.U_LAST_POST}">{LAST_POST_IMG}</a> <br />{recent_topics.LAST_POST_TIME}</span>
				</dd>
			</dl>
		</li>

	<!-- IF recent_topics.S_LAST_ROW -->
			</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- ENDIF -->

<!-- BEGINELSE -->
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
		<strong>{L_NO_TOPICS}</strong>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- END recent_topics -->
Last edited by pororo on 29 Apr 2010, 02:46, edited 2 times in total.
Top

Re: How to edit this to fit simple portal?

Post by pororo »

Nevermind. Got it working by deleting some li's, dl's and div's.

Man, that took me over an hour doing trial & error routine. Whew~~~ :)
Top

Re: How to edit this to fit simple portal?

Post by pat_1 »

hello

Demo http://www.phpbb-premod.fr/forums/ , http://www.phpbb-seo.com/fr/mods-phpbb- ... t5481.html ;)
Last edited by pat_1 on 29 Apr 2010, 11:07, edited 1 time in total.
Top

Return to “PhpBB3 Support”