Fixa till portalen så den matchar övriga delar på forumet.

Frågor kring forumdesign (teman/themes) för phpBB 3 (3.0.0 eller senare).

Moderatorer: Moderatorgrupp, Supportgrupp

Skriv svar
Morgan84
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 264
Blev medlem: 2011-05-17 20:54
Svar: 0

Fixa till portalen så den matchar övriga delar på forumet.

Inlägg av Morgan84 »

Hejsan. Jag har lyckats installera portalen easy_portal.
Men portal_body.html ser ut så här:

Kod: Markera allt

<!-- INCLUDE overall_header.html -->

<div style="width: 22%; float: {S_CONTENT_FLOW_BEGIN};">
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_BOARD_NAVIGATION}</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums" style="padding: 0.05cm">
			<li>&raquo; <a href="{U_PORTAL}">{L_HOME}</a></li>
			<li>&raquo; <a href="{U_INDEX}">{L_FORUM}</a></li>
			<li>&raquo; <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li>
			<li>&raquo; <a href="{U_FAQ}">{L_FAQ}</a></li>
			<li>&raquo; <a href="{U_SEARCH}">{L_SEARCH}</a></li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>

	<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" style="padding: 0.05cm">
			<li>{TOTAL_USERS}</li>
			<li>{NEWEST_USER}</li>
			<li>&nbsp;</li>
			<li>{TOTAL_POSTS} {TOTAL_TOPICS}</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>

	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_RECENT_TOPICS}</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums" style="padding: 0.05cm">
			<!-- IF NO_RECENT -->
				<li>{NO_RECENT}</li>
			<!-- ELSE -->
				<!-- BEGIN recent_topic_row -->
					<li>&raquo; <a href="{recent_topic_row.U_TITLE}">{recent_topic_row.L_TITLE}</a><br />
					{recent_topic_row.POSTED_BY}</li>
				<!-- END recent_topic_row -->
			<!-- ENDIF -->
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>

	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_LINKS}</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums" style="padding: 0.05cm">
			<li style="text-align: center;">
				<a href="http://www.phpbb.com"><img src="{T_THEME_PATH}/images/phpbb.gif" width="88" height="31" alt="phpBB.com" /></a>
			</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
</div>


<div style="width: 55%; float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_BEGIN}: 0.5%">
	<!-- IF SHOW_WELCOME_TEXT -->
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_WELCOME}</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums" style="padding: 0.05cm">
			<li>
				{WELCOME_MESSAGE}
			</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- ENDIF -->

	<!-- BEGIN fetchpost_row -->
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_ANNOUNCEMENT}: {fetchpost_row.TITLE}</dt>
					<dd>{L_POSTED}: <b>{fetchpost_row.POSTER}</b> @ {fetchpost_row.TIME}</dd>
				</dl>
			</li>
		</ul>
		<div class="post" style="background-color: #eef5f9; background-image: url('{T_THEME_PATH}/images/gradient.gif'); background-repeat: repeat-x; margin-bottom: 0px; padding: 0.05cm;">
			<div class="inner"><span></span>
				<div class="postbody" style="width: 100%">
					<div class="content" style="font-family: Verdana; font-size: 10px;">{fetchpost_row.TEXT}<br /><br />
					<!-- IF fetchpost_row.TRIMMED -->
					[ <a href="{fetchpost_row.U_READ_FULL}">{L_READ_FULL}</a> ]<br />
					<!-- ENDIF -->
					{L_COMMENTS}: {fetchpost_row.REPLIES} :: <a href="{fetchpost_row.U_VIEW_COMMENTS}">{L_VIEW_COMMENTS}</a> (<a href="{fetchpost_row.U_POST_COMMENT}">{L_POST_COMMENT}</a>)</div>
				</div>
			<span class="corners-bottom" style="background-image: none; height: 0px;"></span></div>
		</div>

		<span class="corners-bottom"><span></span></span></div>
	</div>	
	<!-- END fetchpost_row -->
</div>

<div style="width: 22%; float: {S_CONTENT_FLOW_END};">
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_WELCOME} {U_NAME_LINK}</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums" style="padding: 0.05cm">
			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
				<li style="text-align: center;">{AVATAR_IMG}</li>
				<li>{LAST_VISIT_DATE}</li>
				<li>&nbsp;</li>
				<li><a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a></li>
			<!-- ENDIF -->
			<li>{CURRENT_TIME}</li>
			<li>&nbsp;</li>
			<li>{S_TIMEZONE}</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>

<!-- IF not S_IS_BOT and not S_USER_LOGGED_IN -->
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_LOGIN}</dt>
				</dl>
			</li>
		</ul>
		<form method="post" action="{S_LOGIN_ACTION}">
			<ul class="topiclist forums" style="padding: 0.05cm">
				<li>{L_USERNAME}:</li>
				<li><input class="inputbox autowidth" type="text" name="username" size="15" /></li>
				<li>{L_PASSWORD}:<br /><input class="inputbox autowidth" type="password" name="password" size="15" /></li>
				<li><input type="checkbox" name="autologin" />&nbsp;{L_REMEMBER_ME}</li>
				<li><input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /></li>
				<li>&nbsp;</li>
				<li><a href="{U_SEND_PASSWORD}">{L_FORGOT_PASS}</a></li>
				<li>&nbsp;</li>
				<li>{REGISTER_ACCOUNT}</li>
				<li style="display: none"><input type="hidden" name="redirect" value="{U_PORTAL}" /></li>
			</ul>
		</form>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- ENDIF -->

	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_WHO_IS_ONLINE}</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums" style="padding: 0.05cm">
			<li>{TOTAL_USERS_ONLINE}</li>
			<li>&nbsp;</li>
			<li>{LOGGED_IN_USER_LIST}</li>
			<li>&nbsp;</li>
			<!-- IF U_VIEWONLINE -->
			<li style="text-align: center;">[ <a href="{U_VIEWONLINE}">{L_VIEW_COMPLETE_LIST}</a> ]</li>
			<li>&nbsp;</li>
			<!-- ENDIF -->
			<li>{RECORD_USERS}</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>

	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt>{L_POLL}</dt>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums" style="padding: 0.05cm">
			<li>
				<div class="content">
					<!-- IF S_POLL_QUESTION -->
					<form method="post" action="{S_POLL_ACTION}">
						<h2>{S_POLL_QUESTION}</h2>
						<!-- IF S_CAN_VOTE --><p class="author">{L_MAX_VOTES}</p><!-- ENDIF -->

						<fieldset class="polls">
						<!-- BEGIN poll_option_row -->
							<dl class="<!-- IF poll_option_row.OPTION_VOTED -->voted<!-- ENDIF -->"<!-- IF poll_option_row.OPTION_VOTED --> title="{L_POLL_VOTED_OPTION}"<!-- ENDIF -->>
								<dt style="width: auto;"><!-- IF S_CAN_VOTE --><label for="vote_{poll_option_row.OPTION_ID}">{poll_option_row.OPTION_TEXT}</label><!-- ELSE -->{poll_option_row.OPTION_TEXT}<!-- ENDIF --></dt>
								<!-- IF S_CAN_VOTE --><dd style="width: auto; float: {S_CONTENT_FLOW_END};"><!-- IF S_IS_MULTI_CHOICE --><input type="checkbox" name="vote_id[]" id="vote_{poll_option_row.OPTION_ID}" value="{poll_option_row.OPTION_ID}"<!-- IF poll_option_row.OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ELSE --><input type="radio" name="vote_id[]" id="vote_{poll_option_row.OPTION_ID}" value="{poll_option_row.OPTION_ID}"<!-- IF poll_option_row.OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ENDIF --></dd><!-- ENDIF -->
								<!-- IF S_DISPLAY_RESULTS --><dd style="width: auto; float: {S_CONTENT_FLOW_END};">{poll_option_row.OPTION_PERCENT}<!-- IF poll_option_row.OPTION_VOTED --><b title="{L_POLL_VOTED_OPTION}">x</b><!-- ENDIF --></dd><!-- ENDIF -->
							</dl>
						<!-- END poll_option_row -->

						<!-- IF S_DISPLAY_RESULTS -->
							<dl>
								<dt>&nbsp;</dt>
								<dd class="resultbar">{L_TOTAL_VOTES} : {TOTAL_VOTES}</dd>
							</dl>
						<!-- ENDIF -->

						<!-- IF S_CAN_VOTE -->
							<dl style="border-top: none;">
								<dt>&nbsp;</dt>
								<dd class="resultbar"><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="button1" /></dd>
							</dl>
						<!-- ENDIF -->

						<!-- IF not S_DISPLAY_RESULTS -->
							<dl style="border-top: none;">
								<dt>&nbsp;</dt>
								<dd class="resultbar"><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></dd>
							</dl>
						<!-- ENDIF -->
						{S_FORM_TOKEN}
						</fieldset>
					</form>
					<!-- ELSE -->
					{L_NO_POLL}
					<!-- ENDIF -->
				</div>
			</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
</div>

<br style="clear: both" /><br />

<!-- INCLUDE overall_footer.html -->
För att anpassa denna till mitt forum som har temat we_universal ska jag då endast ta information från index_body.html och klistra in i koden för portal_body.html?

Koden för min index_body.html för we_universal ser ut så här:

Kod: Markera allt

<!-- INCLUDE overall_header.html -->

<span style="Line-height: 18px">
<div style="font-size:18px; color: #000000; font-weight: bold; font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif">
</div>
<p><div style="font-size:12px; color: #000000; font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif"><p>
<div id="menubar">
   <table class="meny" width="100%" cellspacing="1" cellpadding="0" style="margin-top: -8px;">
   <tr>
      <td class="row1">
		Kia Car Club &auml;r sveriges st&ouml;rsta obereonde Kia-forum. Tillsammans har vi byggt upp en stor kunskapsbank och v&aring;ra experter kan det mesta om bilarna vid det h&auml;r laget. F&ouml;rutom att vi sj&auml;lva genererar inneh&aring;ll s&aring; bevakar vi de st&ouml;rsta internationella forumen d&auml;r vi plockar upp tr&aring;dar som vi anser relevanta f&ouml;r den svenska marknaden.<br />
      </td>
   </tr>
   </table>
</div>
</div>
</span>
<br>

<p style="font-size:12px;"></p>
<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<ul class="linklist">
	<!-- IF S_DISPLAY_SEARCH -->
		<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_LOAD_UNREADS --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
	<!-- ENDIF -->
	<!-- IF not S_IS_BOT and U_MARK_FORUMS --><li class="rightside"><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li><!-- ENDIF -->
</ul>
<!-- ENDIF -->
<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->
<!-- INCLUDE forumlist_body.html -->

<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and not S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
	<form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
		<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
		<fieldset class="quick-login">
			<label for="username">{L_USERNAME}:</label>&nbsp;<input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" />
			<label for="password">{L_PASSWORD}:</label>&nbsp;<input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
			<!-- IF S_AUTOLOGIN_ENABLED -->
				| <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>
			<!-- ENDIF -->
			<input type="submit" name="login" value="{L_LOGIN}" class="button2" />
			{S_LOGIN_REDIRECT}
		</fieldset>
	</form>
<!-- ENDIF -->

<!-- IF CLOUD_ENABLED -->
    <h3>{L_TAG_CLOUD}</h3>
    <div id="contentError">{L_TAG_CLOUD_ERROR}</div>
    <script type="text/javascript" src="{T_TEMPLATE_PATH}/swfobject.js"></script>
    <script type="text/javascript">
        var so = new SWFObject("{T_TEMPLATE_PATH}/tagcloud.swf", "tagcloud", "{CLOUD_WIDTH}", "{CLOUD_HEIGHT}", "7", "#{CLOUD_BGCOLOR}");
        so.addVariable("tcolor", "0x{CLOUD_TCOLOR}");
        so.addVariable("tcolor2", "0x{CLOUD_TCOLOR2}");
        so.addVariable("hicolor", "0x{CLOUD_HICOLOR}");
        so.addVariable("distr", "{CLOUD_DISTR}");
        so.addVariable("tspeed", "{CLOUD_TSPEED}");
        <!-- IF CLOUD_TRANS -->so.addParam("wmode", "transparent");<!-- ENDIF -->
        so.addVariable("mode", "tags");
        <!-- IF CLOUD_MODE == 'titles' -->
        so.addVariable("tagcloud", "<tags><!-- BEGIN forumrow --><!-- IF forumrow.S_IS_CAT --><a href='{forumrow.U_VIEWFORUM}' style='20' color='0x{CLOUD_COLOR_CAT}'>{forumrow.FORUM_NAME}</a><!-- ELSE --><a href='{forumrow.U_VIEWFORUM}' style='16' color='0x{CLOUD_COLOR_FORUM}'>{forumrow.FORUM_NAME}</a><!-- ENDIF --><!-- BEGIN subforum --><a href='{subforum.U_SUBFORUM}' style='12' color='0x{CLOUD_COLOR_SUBFORUM}'>{subforum.SUBFORUM_NAME}</a><!-- END subforum --><!-- END forumrow --></tags>");
        <!-- ELSEIF CLOUD_MODE == 'search' -->
        so.addVariable("tagcloud", "<tags><!-- BEGIN cloud_search_loop -->{cloud_search_loop.CLOUD_SEARCH_LINK}<!-- END cloud_search_loop --></tags>");
        <!-- ELSE -->
        so.addVariable("tagcloud", "<tags><!-- BEGIN cloud_users_loop -->{cloud_users_loop.CLOUD_USERS_LINK}<!-- END cloud_users_loop --></tags>");
        <!-- ENDIF -->
        so.write("contentError");
    </script>
<!-- ENDIF -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
	<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />
{LOGGED_IN_USER_LIST}
	
<!-- ENDIF -->
<!-- INCLUDE mchat_stats.html -->
<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
	<h3>{L_BIRTHDAYS}</h3>
	<p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
<!-- ENDIF -->

<!-- IF NEWEST_USER -->
	<h3>{L_STATISTICS}</h3>
	<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p>
<!-- ENDIF -->

<!-- INCLUDE overall_footer.html -->
Eller vilka fler filer bör jag redigera?
Tacksam för all hjälp.

Mvh
Upp
Morgan84
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 264
Blev medlem: 2011-05-17 20:54
Svar: 0

Re: Fixa till portalen så den matchar övriga delar på forume

Inlägg av Morgan84 »

Bifogar en bild på mina önskningar=)
hjälp.jpg
hjälp.jpg (74.31 KiB) Visad 3427 gånger
Upp
Morgan84
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 264
Blev medlem: 2011-05-17 20:54
Svar: 0

Re: Fixa till portalen så den matchar övriga delar på forume

Inlägg av Morgan84 »

Fixat med hjälp av skaparen för modden ;)

Mvh
Upp
Skriv svar

Återgå till "3.0.x - Teman & Design"

Vilka är online

Användare som besöker denna kategori: 0 och 0 gäster