AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Kein Support auf phpBB Styles direkt!
No support directly to phpBB Styles!


Topic author
StayTuned
Active Member
Active Member
Posts: 5
Joined: 30. August 2009 03:08

AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Post by StayTuned » 10. October 2009 18:39

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]

User avatar

Mike
Former Team Member
Former Team Member
Posts: 1862
Joined: 3. July 2008 23:59
Location: Schwarzwald / FDS

Re: AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Post by Mike » 10. October 2009 19:06

Code: Select all

.wrap {
   width: 97%;
   margin: 0 auto;
   min-width: 850px;
   margin-top: 5px;
}
Schonmal versucht, "width" in der css zu ändern? ;)
kein Support per PN / Messenger
no Support via PM / Messenger


Topic author
StayTuned
Active Member
Active Member
Posts: 5
Joined: 30. August 2009 03:08

Re: AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Post by StayTuned » 10. October 2009 19:14

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?


Topic author
StayTuned
Active Member
Active Member
Posts: 5
Joined: 30. August 2009 03:08

Re: AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Post by StayTuned » 10. October 2009 19:55

Okay habs geschafft


Musste die Stylesheet im CCS bearbeiten und nicht im Root

Thanks!

User avatar

Mike
Former Team Member
Former Team Member
Posts: 1862
Joined: 3. July 2008 23:59
Location: Schwarzwald / FDS

Re: AeroBlue Board zentrieren / Forum verkleinern und zentrieren

Post by Mike » 11. October 2009 19:07

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
kein Support per PN / Messenger
no Support via PM / Messenger

User avatar

sina54
Valued Contributor
Valued Contributor
Posts: 63
Joined: 4. November 2014 20:05
phpBB.de User: sina54
phpBB.com User: sina54

Re: AeroBlue Board zentrieren / Forum verkleinern und zentri

Post by sina54 » 7. November 2014 20:11

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

User avatar

Kirk
Portal Professional
Portal Professional
Posts: 1602
Joined: 27. July 2010 18:02
phpBB.de User: Kirk

Re: AeroBlue Board zentrieren / Forum verkleinern und zentri

Post by Kirk » 8. November 2014 10:50

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.

User avatar

sina54
Valued Contributor
Valued Contributor
Posts: 63
Joined: 4. November 2014 20:05
phpBB.de User: sina54
phpBB.com User: sina54

Re: AeroBlue Board zentrieren / Forum verkleinern und zentri

Post by sina54 » 8. November 2014 20:15

ok verstehe..dann warte ich :-)

Return to “Styles Support”