Forumbredd?

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

Moderatorer: Moderatorgrupp, Supportgrupp

yeppe
Medlem
Medlem
Inlägg: 19
Blev medlem: 2004-02-08 20:19
Svar: 0

Forumbredd?

Inlägg av yeppe »

Hej!

Snabb fråga:
Finns det någon uttalad bredd, i pixlar, som forumet är avsett för?
Då jag kör frames är det intressant att veta...

Tack på förhand!
Användarens profilbild
Marcus
Hedersmedlem
Hedersmedlem
Inlägg: 4321
Blev medlem: 2004-01-07 22:12
Svar: 0

Re: Forumbredd?

Inlägg av Marcus »

Nej, du kan optimera för att passa din design så som du önskar.

För smalt kan dock blir lite knas med vissa element som via CSS lägger sig på varandra... (men testa genom att minska bredden på ett webbläsarfönster, så ser du hur det blir ju mindra bredd du tar).

/marcus
Marcus Farrington - Administratör på phpBB Sverige
OBS! På förekommen anledning ges ingen support via PM.

Webb- & Drupalutvecklare på Webbyrå Grebban.
Användarens profilbild
Element_Five
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 284
Blev medlem: 2005-08-05 18:46
Svar: 0

Re: Forumbredd?

Inlägg av Element_Five »

Kan man ändra forumets bredd konstant?

Jämför mitt forum http://www.skrivbordsgeneralen.se/forum ... /index.php

Med detta "smalare" forum http://www.krigsforum.se/forum/

Ser onekligen snyggare ut när det inte täcker över hela skärmen. Hur och var kan man justera detta? Procent eller Pixlar?
Skrivbordsgeneralen - ett mognare spelforum.
Användarens profilbild
tumba25
Hedersmedlem
Hedersmedlem
Inlägg: 2097
Blev medlem: 2007-04-18 10:38
Svar: 0

Re: Forumbredd?

Inlägg av tumba25 »

Öppna overall_header.html
Leta upp

Kod: Markera allt

<div id="wrap">
Ändra till

Kod: Markera allt

<div id="wrap" style="width: 800px;">
Du kan ändra 800px till vad du vill.

Öppna simple_header.html
Leta upp

Kod: Markera allt

<div id="simple-wrap">
Ändra till

Kod: Markera allt

<div id="simple-wrap" style="width: 800px;">
Bild
Developer @ phpBB MOD Team

Behöver du en modifikation skriven/installerad för ditt phpBB-forum? Eller kanske annan specialanpassad kod och/eller en server-administratör? https://tumba25.net/
Användarens profilbild
Element_Five
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 284
Blev medlem: 2005-08-05 18:46
Svar: 0

Re: Forumbredd?

Inlägg av Element_Five »

Tack så mycket, vad är skillnaden mellan overall_header.html och simple_header.html?

Måste jag ändra i båda?
Skrivbordsgeneralen - ett mognare spelforum.
Användarens profilbild
tumba25
Hedersmedlem
Hedersmedlem
Inlägg: 2097
Blev medlem: 2007-04-18 10:38
Svar: 0

Re: Forumbredd?

Inlägg av tumba25 »

simple_header används till bl a redirect-rutan. Jag har inte forskat så noga i var den används mer. Bättre att ändra i båda. Eller ändra bara i en så kan du rapportera sen var den används.
Bild
Developer @ phpBB MOD Team

Behöver du en modifikation skriven/installerad för ditt phpBB-forum? Eller kanske annan specialanpassad kod och/eller en server-administratör? https://tumba25.net/
Användarens profilbild
Element_Five
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 284
Blev medlem: 2005-08-05 18:46
Svar: 0

Re: Forumbredd?

Inlägg av Element_Five »

Aha oki tack ska testa mig fram men samma bredd på redirect och index är ju att föredra.
Skrivbordsgeneralen - ett mognare spelforum.
Användarens profilbild
Element_Five
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 284
Blev medlem: 2005-08-05 18:46
Svar: 0

Re: Forumbredd?

Inlägg av Element_Five »

Issue kan inte hitta de kodstyckena i overall_header.html och i simple_header.html

Overall_header.html

Kod: Markera allt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE ca_config.html -->
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
<!--
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
-->
</style>
{META}
<title>{SITENAME} - <!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF T_STYLESHEET_LINK -->
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
<!-- ELSE -->
<style type="text/css">
{T_THEME_DATA}
</style>
<!-- ENDIF -->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie7.css" />
<![endif]-->

<script type="text/javascript">
// <![CDATA[

<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var perpage = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page > 0)
	{
		document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * perpage);
	}
}

/**
* Find a member
*/
function find_username(url)
{
	popup(url, 760, 570, '_usersearch');
	return false;
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

if(navigator.userAgent && navigator.userAgent.indexOf('Mac OS X') > 0)
{
	document.write('<link rel="stylesheet" href="{T_THEME_PATH}/mac.css" type="text/css" />');
}

// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
	<td id="logorow" align="center"><div id="logotop">
		<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
	</div></td>
</tr>
<tr>
	<td class="navrow"><!-- IF not S_IS_BOT -->
			<!-- IF S_USER_LOGGED_IN --><a href="{U_PROFILE}">{L_PROFILE}</a> &#8226; <!-- ENDIF -->
			<!-- IF S_USER_LOGGED_IN -->
				<!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> &#8226; <!-- ENDIF -->
			<!-- ELSE --><a href="{U_REGISTER}">{L_REGISTER}</a> &#8226; <!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF U_RESTORE_PERMISSIONS --><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a> &#8226; <!-- ENDIF -->
		<a href="{U_FAQ}">{L_FAQ}</a>
		<!-- IF S_DISPLAY_SEARCH --> &#8226; <a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_MEMBERLIST --> &#8226; <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF not S_IS_BOT --> &#8226; <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- ENDIF -->	</td>
</tr>
<tr>
	<td id="contentrow">

<!-- IF not S_IS_BOT && not $CA_SKIP_PM_NOTIFY && S_USER_LOGGED_IN && S_DISPLAY_PM -->
	<!-- IF S_USER_NEW_PRIVMSG -->
		<div class="pm-notify-new"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
	<!-- ELSEIF S_USER_UNREAD_PRIVMSG -->
		<div class="pm-notify-unread"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
	<!-- ENDIF -->
<!-- ENDIF -->  

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
	<div class="pm-notify-new"><div class="pm-notify-header">{L_INFORMATION}</div>{L_BOARD_DISABLED}</div>
<!-- ENDIF -->

<table width="100%" cellspacing="0">
<tr>
	<td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
	<td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
</tr>
</table>

	<!-- IF S_DISPLAY_SEARCH -->
	<p class="searchbar">
		<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
		<!-- IF S_USER_LOGGED_IN -->
		<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->

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

	<!-- INCLUDE breadcrumbs.html -->

	<br />
simple_header.html

Kod: Markera allt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE ca_config.html -->
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} - <!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF T_STYLESHEET_LINK -->
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
<!-- ELSE -->
<style type="text/css">
{T_THEME_DATA}
</style>
<!-- ENDIF -->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie7.css" />
<![endif]-->

<script type="text/javascript">
<!--
if(navigator.userAgent && navigator.userAgent.indexOf('Mac OS X') > 0)
{
	document.write('<link rel="stylesheet" href="{T_THEME_PATH}/mac.css" type="text/css" />');
}

//-->
</script>
</head>

<body class="{S_CONTENT_DIRECTION}" id="body-simple">
<a name="top"></a>
<div id="wrapcentre">
Skrivbordsgeneralen - ett mognare spelforum.
Användarens profilbild
tumba25
Hedersmedlem
Hedersmedlem
Inlägg: 2097
Blev medlem: 2007-04-18 10:38
Svar: 0

Re: Forumbredd?

Inlägg av tumba25 »

Närmast beroende på att ditt forum är baserat på subsilver2 och koderna är för prosilver

För subsilver2 ska du. .hum
Öppna overall_header.html ska du iaf börja med.
Leta upp

Kod: Markera allt

<body class="{S_CONTENT_DIRECTION}">
Lägg till på en tom rad efter.

Kod: Markera allt

<div id="stora">
Öppna overall_footer.html
Leta upp

Kod: Markera allt

</div>
Lägg till efter

Kod: Markera allt

</div>
Samma lika i simple_header och simple_footer.

Öppna stylesheet.css
Leta upp

Kod: Markera allt

#wrapheader {
Lägg till FÖRE

Kod: Markera allt

#stora {
	padding: 8px;
	margin: 0px auto;
	width: 800px;
	text-align:left;
	background-color:#FFFFFF;
	border: 1px solid #555555;
}
Bredder, padding, färger och border får du leka lite med så dom passar.
Bild
Developer @ phpBB MOD Team

Behöver du en modifikation skriven/installerad för ditt phpBB-forum? Eller kanske annan specialanpassad kod och/eller en server-administratör? https://tumba25.net/
Användarens profilbild
Element_Five
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 284
Blev medlem: 2005-08-05 18:46
Svar: 0

Re: Forumbredd?

Inlägg av Element_Five »

Tack, men finner inte

Kod: Markera allt

<body class="{S_CONTENT_DIRECTION}">
i simple_heade.html om det var samma ändringar som göras där som i overall_header.html?
Skrivbordsgeneralen - ett mognare spelforum.
Användarens profilbild
tumba25
Hedersmedlem
Hedersmedlem
Inlägg: 2097
Blev medlem: 2007-04-18 10:38
Svar: 0

Re: Forumbredd?

Inlägg av tumba25 »

Ja, samma ändringar i simple_header.html som i overall_header.html och samma i simple_footer.html som i overall_footer.html.
Bild
Developer @ phpBB MOD Team

Behöver du en modifikation skriven/installerad för ditt phpBB-forum? Eller kanske annan specialanpassad kod och/eller en server-administratör? https://tumba25.net/
Användarens profilbild
Element_Five
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 284
Blev medlem: 2005-08-05 18:46
Svar: 0

Re: Forumbredd?

Inlägg av Element_Five »

Men jag hittar inte <body class="{S_CONTENT_DIRECTION}"> i simple_header som jag fann i overall_header? vårt att göra samma ändring då? :oops:
Skrivbordsgeneralen - ett mognare spelforum.
Användarens profilbild
tumba25
Hedersmedlem
Hedersmedlem
Inlägg: 2097
Blev medlem: 2007-04-18 10:38
Svar: 0

Re: Forumbredd?

Inlägg av tumba25 »

Aha... Tyckte jag såg den, ska titta igen. En sekund.

Kod: Markera allt

<body class="{S_CONTENT_DIRECTION}">
hittade jag i simple_header.html.

Leta efter

Kod: Markera allt

<body
och stoppa det på raden efter.
Bild
Developer @ phpBB MOD Team

Behöver du en modifikation skriven/installerad för ditt phpBB-forum? Eller kanske annan specialanpassad kod och/eller en server-administratör? https://tumba25.net/
Användarens profilbild
Element_Five
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 284
Blev medlem: 2005-08-05 18:46
Svar: 0

Re: Forumbredd?

Inlägg av Element_Five »

Jag som är halvblind, hittade och fick rätt på det. Nu till stylesheet.css

Kod: Markera allt

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background: #546F79 url(images/body.gif);
	font-size: 10px;
	margin: 0;
	padding: 0 5px;
}
#body-simple {
	background: #EFF2F3;
	padding: 5px;
}

/* Misc stuff */
img {
	border: none;
}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error, table td .error {
	color: #FF7F00;
}

.spacer {
	background: #56747F url(images/th.gif) top left repeat-x;
}

hr	{ height: 0px; border: solid #405D67 0px; border-top-width: 1px;}

.pagination {
	padding: 4px;
	font-size: 1em;
	font-weight: bold;
}

/* Links
 ------------ */
a {
	color: #405D67;
	text-decoration: none;
}

a:active,
a:visited {
	color: #405D67;
	text-decoration: none;
}

a:hover {
	color: #FF7F00;
	text-decoration: underline;
}

a.forumlink {
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle, .postbody a {
	color: #405D67;
}
a.topictitle:visited, .postbody a:visited {
	color: #55727D;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
	color: #405D67;
}
a.topictitle:hover, .postbody a:hover {
	color: #FF7F00;
}

/* Header and logo */
#maintable {
	border-style: solid;
	border-width: 0 2px 2px 2px;
	border-color: #355059;
	margin: 0 auto;
}
#logorow {
	background: url(images/logo_top.gif) top left repeat-x;
	text-align: center;
	padding: 0;
	min-height: 76px;
}
#logotop {
	background: url(images/logo_bottom.gif) bottom left repeat-x;
}

.pm-notify-new, .pm-notify-unread {
	border-left: solid 1px #4B6A75;
	border-right: solid 1px #405D67;
	border-top: solid 1px #4B6A75;
	border-bottom: solid 1px #405D67;
	background: #E8ECEE url(images/cell.gif) top left repeat-x;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
	margin-bottom: 10px;
	color: #666;
}
.pm-notify-new, .pm-notify-unread:hover {
	border-left: solid 1px #FF942A;
	border-right: solid 1px #FF7F00;
	border-top: solid 1px #FF942A;
	border-bottom: solid 1px #FF7F00;
}
.pm-notify-new { padding: 30px; }

/* Navigation buttons */
.navrow {
	background: url(images/buttons.gif) top left repeat-x; 
	height: 23px;
	overflow: hidden;
	color: #FFA44A;
	text-align: center;
	font-size: 11px;
	padding-bottom: 2px;
	padding-top: 0;
}
* html .navrow { height: 21px; }
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
	color: #405D67;
	text-decoration: none;
}
.navrow a:hover { 
	color: #FF7F00; 
	text-decoration: underline; 
}

a.link-new, a.link-new:visited { color: #FF7F00; }
a.link-new:hover, a.link-new:visited:hover { color: #55727D; }

/* Content and tables */
#contentrow {
	padding: 5px;
	background-color: #EFF2F3;
}

.tablebg {
	border: solid 1px #405D67; 
	background: #E8ECEE url(images/cell.gif) top left repeat-x;
}

.row1, .row2, .row3, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
	border-left: solid 1px #F6F8F8;
	border-right: solid 1px #A9B9BE;
	border-top: solid 1px #F6F8F8;
	border-bottom: solid 1px #A9B9BE;
	background: #E8ECEE url(images/cell.gif) top left repeat-x;
	padding: 4px;
}
th {
	color: #E9EDEE; 
	font-size: 11px; 
	font-weight: bold;
	background: #56747F url(images/th.gif) top left repeat-x;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	height: 26px;
	border-left: solid 1px #6A8995;
	border-right: solid 1px #56747F;
	border-top: solid 1px #66848E;
	border-bottom: solid 1px #56747F;
}
th a, th a:visited {
	color: #E9EDEE !important;
	text-decoration: underline;
}
th a:hover {
	color: #FFF;
	text-decoration: underline;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}
.catdiv {
	height: 24px;
	padding: 0 3px;
	border-left: solid 1px #F6F8F8;
	border-right: solid 1px #A9B9BE;
	border-top: solid 1px #F6F8F8;
	border-bottom: solid 1px #A9B9BE;
	background: #EAECEC url(images/cathead.gif) top left repeat-x;
}
.rtl .catdiv {
	background: #EAECEC url(images/cathead.gif) top left repeat-x;
}

.cat {
	height: 24px;
	padding: 0 3px;
	border-left: solid 1px #F6F8F8;
	border-right: solid 1px #A9B9BE;
	border-top: solid 1px #F6F8F8;
	border-bottom: solid 1px #A9B9BE;
	background: #EAECEC url(images/cathead.gif) top left repeat-x;
	text-indent: 4px;
}
.cathead {
	background: #EEEFEF url(images/catbottom.gif) top left repeat-x;
	height: 24px;
	padding: 1px 3px;
	border-left: solid 1px #6A8995;
	border-right: solid 1px #56747F;
	border-top: solid 1px #66848E;
	border-bottom: solid 1px #56747F;
}

.legend {
	padding: 4px;
}


/* Table header */
caption { 
	margin: 0; 
	padding: 0;
	background: url(images/hdr_mid.gif) top left repeat-x;
	white-space: nowrap;
	height: 27px;
	text-align: center;
}
.cap-left {
	background: url(images/hdr_left.gif) top left no-repeat;
}
.cap-right {
	background: url(images/hdr_right.gif) top right no-repeat;
	padding-top: 6px;
	height: 21px;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span { 
	font-size: 12px;
	font-weight: bold;
	color: #E8ECEE;
}
caption h1, caption h2, caption h3, caption h4, caption span { 
	display: inline;
}
caption a, caption a:visited {
	color: #E8ECEE;
	text-decoration: underline;
}
caption a:hover {
	color: #FFF;
	text-decoration: underline;
}


/* Footer */
#wrapfooter {
	text-align: center;
	color: #666;
	padding-top: 10px;
}

.copyright {
	color: #666;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.2em;
}
.copyright a, .copyright a:visited {
	color: #444;
	text-decoration: underline;
}
.copyright a:hover { color: #FF7F00; }


/* Breadcrumbs */
p.breadcrumbs {
	margin: 0;
	padding: 0;
	float: left;
	color: #AAA;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}
.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	padding: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

/* Index/viewforum */
.subforum.read { 
	background: url(images/sub_old.gif) top left no-repeat;
	padding-left: 12px;
}
.subforum.unread { 
	background: url(images/sub_new.gif) top left no-repeat;
	padding-left: 12px;
}
.legend {
	text-align: center;
	margin: 0 auto;
	padding: 2px;
}
.legend-viewforum { 
	margin: 0; 
	text-align: left; 
}

.forumrules {
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	border-left-color: #AAA;
	border-top-color: #AAA;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
	color: #FF7F00;
}

/* Post */
.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #405D67;
}
td.postbottom { 
	background: #D0D4D5 url(images/profile.gif) top left repeat-x; 
	font-size: 10px;
	color: #444;
	white-space: nowrap;
	padding: 2px;
	vertical-align: middle;
}
td.postbuttons { padding-top: 3px; }
.postdetails { 
	color: #666;
	font-size: 10px; 
	text-align: left;
}
.postdetails b {
	color: #444;
}
.posterrank		{ font-size: 9px; color: #666; }
.posterprofile	{ font-size: 10px; color: #666; }

.postauthor {
	color: #405D67;
	font-size: 12px;
	margin-bottom: 3px;
	font-weight: bold;
}
.postonline { margin-bottom: 2px; }

.postreported, .postreported a:visited, .postreported a:hover, .postreported a, .postreported a:active {
	margin: 1px 0px;
	color: #FF7F00;
	font-weight: bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a, .postapprove a:active {
	color: #00FF00;
	font-weight: bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postbody {
	font-size: 12px;
	line-height: 1.4em;
	margin: 3px 0;
}
.signature {
	font-size: 11px;
	color: #888;
	margin-top: 5px;
}
.signature .line { color: #AAA; }

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: #405D67;
}

.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #405D67;
}

.postbody a { text-decoration: underline; }

/* UCP */
.folder-current a, .folder-current a:visited {
	color: #000;
	font-weight: bold;
}
.folder-current a:hover { color: #FF7F00; }

td.pm_marked_colour { background: #FF7F00; }
td.pm_marked_colour_left { border-left: solid 3px #FF7F00; padding-left: 2px; }
td.pm_marked_colour_right { border-right: solid 3px #FF7F00; padding-right: 2px; }

td.pm_replied_colour { background: #405D67; }
td.pm_replied_colour_left { border-left: solid 3px #405D67; padding-left: 2px; }
td.pm_replied_colour_right { border-right: solid 3px #405D67; padding-right: 2px; }

td.pm_friend_colour { background: #007700; }
td.pm_friend_colour_left { border-left: solid 3px #007700; padding-left: 2px; }
td.pm_friend_colour_right { border-right: solid 3px #007700; padding-right: 2px; }

td.pm_foe_colour { background: #DD0000; }
td.pm_foe_colour_left { border-left: solid 3px #DD0000; padding-left: 2px; }
td.pm_foe_colour_right { border-right: solid 3px #DD0000; padding-right: 2px; }


/* Form Elements
 ------------ */
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #444;
	border: 1px solid #72929D;
	background-color: #DEE2E4;
}
#helpline { color: #444; }

input {
	font-size: 1.1em;
	padding: 1px;
}
textarea {
	font-size: 1.3em; 
	line-height: 1.4em;
	padding: 2px;
}
select {
	font-size: 1.1em;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

.rtl option {
	padding: 0 0 0 1em;
}

.post {
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	font-size: 1.1em;
	border: 1px solid #8DA1A8;
}
.btnbbcode:hover {
	border-color: #444;
	color: #000;
}

.btnmain {
	font-weight: bold;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: transparent;
	color: #444;
	border-style: none;
}

* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
	border-color: #405D67;
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
	border-color: #405D67;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
	border-color: #30474F; 
	color: #000;
}

label:hover { 
	color: #FF7F00; 
}

/* BBCode
 ------------ */
.quotetitle, .attachtitle, .codetitle {
	margin: 10px 5px 0px 5px;
	padding: 2px 4px;
	border: solid 1px #405D67;
	color: #405D67;
	background-color: #EFF2F4;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #405D67;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
/*	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
	background-color: #EFF2F4;
	color: #444;
}

.attachcontent {
	font-size: 0.85em;
}

.codecontent {
	direction: ltr;
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #405D67;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 11px;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #EFF2F4;
	color: #444;
}

.quotewrapper, .codewrapper, .attachwrapper {
	clear: both;
	margin: 10px 5px;
	background: #5D7A84 url(images/code_header.gif) top left no-repeat;
	padding-left: 19px;
	border: solid 1px #405D67;
}
.quotewrapper { background-image: url(images/quote_header.gif); }
.quotewrapper .quotetitle, .codewrapper .codetitle, .attachwrapper .attachtitle { 
	margin: 0; 
	border-width: 0 0 1px 1px;
}
.quotewrapper .quotecontent, .codewrapper .codecontent, .attachwrapper .attachcontent {
	margin: 0; 
	border-width: 0 0 0 1px;
}
.attachcontent, html>body .postbody {
        overflow: auto;
        overflow-x: auto;
}


.syntaxbg {
	color: #000;
}

.syntaxcomment {
	color: #666;
}

.syntaxdefault {
	color: #000;
}

.syntaxhtml {
	color: #000;
}

.syntaxkeyword {
	color: #FF7F00;
}

.syntaxstring {
	color: #405D67;
}


/* More misc stuff */
h1 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0px;
	float: left;
	color: #CCC;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0px;
}

p.topicdetails {
	margin: 1px 0px;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
	background: #CCC;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

.sep {
	color: #444;
}


/* bugs */
@media all and (min-width: 0px)
{
	/* reset file input style for Opera - it changes only text color and border, but not bg color */
	.btnfile, .btnfile:hover, .btnfile:focus { 
		border: none; 
		background-color: #FFF;
		color: #000;
	}

}
Där lyckas jag inte hitta #wrapheader { skumt nog? Blind igen månne?
Skrivbordsgeneralen - ett mognare spelforum.
Användarens profilbild
tumba25
Hedersmedlem
Hedersmedlem
Inlägg: 2097
Blev medlem: 2007-04-18 10:38
Svar: 0

Re: Forumbredd?

Inlägg av tumba25 »

Du kan t ex placera det efter

Kod: Markera allt

#body-simple {
   background: #EFF2F3;
   padding: 5px;
}
Bild
Developer @ phpBB MOD Team

Behöver du en modifikation skriven/installerad för ditt phpBB-forum? Eller kanske annan specialanpassad kod och/eller en server-administratör? https://tumba25.net/
Skriv svar

Vilka är online

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