Board3


https://board3.de/

AeroBlue Board zentrieren / Forum verkleinern und zentrieren

https://board3.de/viewtopic.php?t=2844

Page 1 of 1

AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Posted: 10. October 2009 18:39
by StayTuned
Deine Portal Version: 1.0.3
Typ Deines phpBB Forums: Standard phpBB3
MODs installiert: Nein
Dein Wissensstand: Grundwissen
Link zu Deinem Forum: http://www.flowro.com

Was hast Du gemacht, bevor das Problem aufgetreten ist?


Was hast Du bereits versucht um das Problem zu lösen?
Google, selbst bisschen rumcoden, hier im Forum suchen...

Fehlerbeschreibung und Nachricht
Hi,

ich habs geschafft das Portal zu verkleinern ( ist jetzt auf 70% der Gesammtgröße ), aber ich kriegs einfach nicht zentriert!

Auszug aus der portal_body.html

Code: Select all

<!--version $Id: portal_body.html 487 2009-03-23 17:45:47Z kevin74 $ //-->
<table cellpadding="0" cellspacing="0" border="0" width="70%" align="center">
Das align="center" zeigt keine Wirkung.

Und wenn man mals ins Forum geht, ist die Breite auf 100%. Wie krieg ich die auf 70% und wie zentriere ich das Forum dann?

Den Header würd ich auch gern zentrieren...

Hier ist mal n grober Teil der Stylesheet.css

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #CCE3F3;
       background-image: url('./images/bg.gif');
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: scroll;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0 auto;
}

.wrap {
	width: 97%;
	margin: 0 auto;
	min-width: 850px;
	margin-top: 5px;
}

#wrapheader {


}

.midlink {
	padding-right: 8px;
}

.logo {
	padding-left: 8px;
	padding-bottom: 5px;
}

#wrapsimple {
	margin: 25px 25px 0 25px;
}

#wrapcentre { margin: 0 10px 0 10px; }

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#logodesc {
	margin-bottom: 5px;
	padding: 5px 25px;
	background: #D9DFE4;
	border-bottom: 1px solid #4787A7;
}

#menubar {
	margin: 0 25px;
}

#datebar {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
Und hier ist die Overall_header des Styles

Code: Select all

<!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>

<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="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 480, 180, '_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 per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

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

/**
* Find a member
*/
function find_username(url)
{
	popup(url, 870, 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 -->

function selectCode(a)
{
   // Get ID of code block
   var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];

   // Not IE
   if (window.getSelection)
   {
      var s = window.getSelection();
      // Safari
      if (s.setBaseAndExtent)
      {
         s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      // Firefox and Opera
      else
      {
         var r = document.createRange();
         r.selectNodeContents(e);
         s.removeAllRanges();
         s.addRange(r);
      }
   }
   // Some older browsers
   else if (document.getSelection)
   {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
   }
   // IE
   else if (document.selection)
   {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
   }
}

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

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

<table class="wrap" width="100%" cellpadding="0" cellspacing="0">
<tr><td>

<div id="wrapheader">
<table width="70%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="0" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
    <td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
    <td width="0" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
  </tr>
  <tr>
    <td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
    <td>
  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="0" height="250" style="background:url('{T_THEME_PATH}/images/midl.png');"><div class="logo"><a class="headw" href="{U_INDEX}">{SITENAME}</a><br /><span class="genmedw">{SITE_DESCRIPTION}</span></div></td>
<td width = "1000" height="250" style="background:url('{T_THEME_PATH}/images/midm.png');">&nbsp;</td>
<td width="0" height="250" align="right" valign="top" style="background:url('{T_THEME_PATH}/images/midr.png');">


<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div class="midlink">

</div>
<!-- ENDIF -->
      </td>
  </tr>
  </table>
  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
<td height="24" align="left" style="background:url('{T_THEME_PATH}/images/bottomm.png');">

<div class="buttonwrapper">
<div class="navspacel"></div>

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
<!-- IF S_USER_LOGGED_IN -->
<!-- ELSEIF S_REGISTER_ENABLED -->
<a class="squarebuttonl" href="{U_REGISTER}"><span>{L_REGISTER}</span></a><div class="navspacel"></div>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<a class="squarebuttonl" href="{U_PROFILE}"><span>{L_PROFILE}</span></a><div class="navspacel"></div>
<!-- IF S_DISPLAY_PM -->
<a class="squarebuttonl" href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a><div class="navspacel"></div>
<!-- ENDIF -->
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS -->
<a class="squarebuttonl" href="{U_RESTORE_PERMISSIONS}"><span>{L_RESTORE_PERMISSIONS}</span></a>
<!-- ENDIF -->
<!-- ENDIF -->
</div>

</td>
<td width="431" height="24" align="right" style="background:url('{T_THEME_PATH}/images/bottomr.png');">

<div class="buttonwrapper">
<div class="navspacer"></div>
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
<!-- IF not S_IS_BOT -->
<a class="squarebuttonr" href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a><div class="navspacer"></div>
<!-- IF S_DISPLAY_MEMBERLIST -->
<a class="squarebuttonr" href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a><div class="navspacer"></div>
<!-- ENDIF -->
<!-- ENDIF -->
<a class="squarebuttonr" href="{U_FAQ}"><span>{L_FAQ}</span></a>
<!-- ENDIF -->
</div>

</td>
    </tr>
  </table>
</td>
    <td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
  </tr>
  <tr>
    <td width="18" height="18" align="right"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
    <td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
    <td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
  </tr>
</table>
</div>
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
	<div id="datebar">
		<table width="100%" cellspacing="0">
			<!-- IF S_BOARD_DISABLED -->
            <tr><td class="gensmall">
			<span class="error">{L_BOARD_DISABLED}</span>
            </td></tr>
            <!-- ENDIF -->
            <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>
	</div>

	<!-- 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 />
<!-- ENDIF -->
<!-- IF S_BOARD_DISABLED -->
<!-- IF $S_IN_PORTAL and not S_DISPLAY_PHPBB_MENU -->
	<div id="datebar">
		<table width="100%" cellspacing="0">
            <tr>
				<td class="gensmall">
					<span class="error">{L_BOARD_DISABLED}</span>
				</td>
			</tr>
		</table>
	</div>
<!-- ENDIF -->
<!-- ENDIF -->
Wenn ich in der Forumslist_body.html da die width auf 70% passen sich zwar die Foren an, aber zb der Bereich "Portal » Foren-Übersicht Alle Zeiten sind UTC" usw bleibt auf 100%...

Hoffe es kann mir hier jemand helfen.

MfG[/i]

Re: AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Posted: 10. October 2009 19:06
by Mike

Code: Select all

.wrap {
   width: 97%;
   margin: 0 auto;
   min-width: 850px;
   margin-top: 5px;
}
Schonmal versucht, "width" in der css zu ändern? ;)

Re: AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Posted: 10. October 2009 19:14
by StayTuned
Ja ich hab da schon ziemlich viel ausprobiert. Das kuriose, kaum etwas, dass ich in der css ändere, hat auch wirklich einen sichtbaren Effekt auf der Seite


edit: ich merke grade, wenn ich die stylesheet.css einfach lösche, passiert da GAR NICHTS... das is doch total unlogisch, oder?

Re: AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Posted: 10. October 2009 19:55
by StayTuned
Okay habs geschafft


Musste die Stylesheet im CCS bearbeiten und nicht im Root

Thanks!

Re: AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Posted: 11. October 2009 19:07
by Mike
Was? wie im Css und nicht im Root...
Die Stylesheets sind im theme Ordner drin, und nicht im Root :?

Außerdem musst du nach jeder Änderung deine Caches löschen, sonst ist klar das du die Veränderungen nicht siehst... ;)
Knowledge Base: Änderungen an den Styles Dateien

Re: AeroBlue Board zentrieren / Forum verkleinern und zentri

Posted: 7. November 2014 19:11
by sina54
Hallo

kann man den areo styl auch auf das Board3 2.1.0-b1 anwenden?
Mir gefällt der Styl super

auch habe ich das neue Forum 3.1.1
hätte da auch gerne den areo blue styl

lg sina

Re: AeroBlue Board zentrieren / Forum verkleinern und zentri

Posted: 8. November 2014 09:50
by Kirk
Hallo
sina54 wrote:kann man den areo styl auch auf das Board3 2.1.0-b1 anwenden?
Wenn es diesen Style für phpBB 3.1.x gibt dann ja.

Re: AeroBlue Board zentrieren / Forum verkleinern und zentri

Posted: 8. November 2014 19:15
by sina54
ok verstehe..dann warte ich :-)
All times are UTC+02:00
Page 1 of 1

Powered by phpBB® Forum Software © phpBB Limited