PhpBB3 BBCodes

Database and Demo for phpBB3 BBCodes, Mods and Smilies
https://phpbb3bbcodes.com/

How to edit this to fit simple portal?

https://phpbb3bbcodes.com/viewtopic.php?t=675

Page 1 of 1

How to edit this to fit simple portal?

Posted: 29 Apr 2010, 04:07
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

Re: How to edit this to fit simple portal?

Posted: 29 Apr 2010, 04:39
by Stoker
You have some code before and after you need to remove. So you will have to give us some more code.

Re: How to edit this to fit simple portal?

Posted: 29 Apr 2010, 04:43
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 -->

Re: How to edit this to fit simple portal?

Posted: 29 Apr 2010, 07:17
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~~~ :)

Re: How to edit this to fit simple portal?

Posted: 29 Apr 2010, 13:05
by pat_1
hello

Demo http://www.phpbb-premod.fr/forums/ , http://www.phpbb-seo.com/fr/mods-phpbb- ... t5481.html ;)
All times are UTC+02:00
Page 1 of 1

Powered by phpBB® Forum Software © phpBB Limited