zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Rahmen um Forum und Portal phpBB3

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.12.2013, 16:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.12.2013
Beiträge: 4
Kojote befindet sich auf einem aufstrebenden Ast
Standard Rahmen um Forum und Portal phpBB3

Hallo!

Ich habe mir die letzten Tage ein Forum inkl. Portal mit phpBB3 aufgebaut. Style Prosilver. Nun wollte ich um alles einen Rahmen haben, da mir der Stil des Rahmens hier sehr gut gefällt (darf ihn übernehmen, bekomm aber keine Hilfe zum Scripten):

Drachenblut • Portal

Mir geht es dabei um den unteren roten + seitlichen Rahmen, zudem das Menü wo Portal Forum und Co drin steht.

Einen Rahmen habe ich bisher in die Overall_header.php eingetragen:

PHP-Code:
  <div id="menubase_block">
      <
div class="menubase-l"></div>
      <
div class="menubase-m"></div>
      <
div class="menubase-r"></div>
   </
div>

   <
div id="border_block">
   <
div id="borderleft">
   <
div id="borderright"
Und in Overall_footer:

PHP-Code:
     <div id="footer_block">
  <
div class="foot-l"></div>
  <
div class="foot-m"></div>
  <
div class="foot-r"></div
Damit habe ich nun einen gesamten Rahmen um das Forum:

http://img5.fotos-hochladen.net/uplo...07agsmdcew.jpg

Der Stück mit R2D2 ist der obere Teil des Rahmens und nur ein Platzhalter für die richtige Grafik und soll nun an diese stelle die mit dem Pfeil markiert ist.

Das ist der Knackpunkt meines Problems. Irgendwie lässt sich beides nicht verbinden, da mein border_block den ich geschrieben habe nicht im inneren Bereich angenommen wird und mir so das gesamte Layout zerhaut.

Hoffe ich konnt mich gut genug ausdrücken wo mein Problem ist.

So sieht zur Zeit meine Overall_header.php aus:

PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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-style-type" content="text/css" />
<
meta http-equiv="content-language" content="{S_USER_LANG}" />
<
meta http-equiv="imagetoolbar" content="no" />
<
meta name="resource-type" content="document" />
<
meta name="distribution" content="global" />
<
meta name="keywords" content="" />
<
meta name="description" content="" />
{
META}
<
title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF 
S_ENABLE_FEEDS -->
    <!-- IF 
S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
    <!-- IF 
S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
    <!-- IF 
S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
    <!-- IF 
S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
    <!-- IF 
S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
    <!-- IF 
S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
    <!-- IF 
S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&amp;t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
    
phpBB style nameprosilver
    Based on style
:   prosilver (this is the default phpBB3 style)
    
Original author:  Tom Beddard http://www.subBlue.com/ )
    
Modified by:
-->

<
script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<!-- IF UA_GREY_STAR_SRC -->
<!-- INCLUDE kb/rating_js.html -->
<!-- ENDIF -->

<script type="text/javascript">
// <![CDATA[
    var jump_page = '{LA_JUMP_PAGE}:';
    var on_page = '{ON_PAGE}';
    var per_page = '{PER_PAGE}';
    var base_url = '{A_BASE_URL}';
    var style_cookie = 'phpBBstyle';
    var style_cookie_settings = '{A_COOKIE_SETTINGS}';
    var onload_functions = new Array();
    var onunload_functions = new Array();

    <!-- IF S_USER_PM_POPUP and S_NEW_PM -->
        var url = '{UA_POPUP_PM}';
        window.open(url.replace(/&amp;/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
    <!-- ENDIF -->

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

    /**
    * New function for handling multiple calls to window.onload and window.unload by pentapenguin
    */
    window.onload = function()
    {
        for (var i = 0; i < onload_functions.length; i++)
        {
            eval(onload_functions[i]);
        }
    };

    window.onunload = function()
    {
        for (var i = 0; i < onunload_functions.length; i++)
        {
            eval(onunload_functions[i]);
        }
    };

// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
<link href="{T_THEME_PATH}/chat.css" rel="stylesheet" type="text/css" />
    
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
    <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<style type="text/css">
  #menu ul li a {
      color: #{S_MENU_FONT_COLOR};
  }
  #menu ul li a:hover {    
    background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_bg_hover.gif') repeat-x;
    color: #{S_MENU_FONT_COLOR_HOVER};
    text-decoration: {S_MENU_DECORATION};      
  }
  #menu ul ul li {
    background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_subbg.gif') repeat-x;
  }
  #menu ul ul li a:hover {    
    background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_subbg_hover.gif') repeat-x;
  }
</style>

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

   <div id="menubase_block">
      <div class="menubase-l"></div>
      <div class="menubase-m"></div>
      <div class="menubase-r"></div>
   </div>
   <div id="border_block">
   <div id="borderleft">
   <div id="borderright">

<div id="wrap">
    <a id="top" name="top" accesskey="t"></a>
    <div id="page-header">
        <div class="headerbar">
            <div class="inner"><span class="corners-top"><span></span></span>

            <div id="site-description">
                <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                <h1>{SITENAME}</h1>
                <p>{SITE_DESCRIPTION}</p>
                <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
            </div>

        <!-- IF ( S_DISPLAY_SEARCH and not S_IN_SEARCH ) and not ( .buttons and S_MENU_SEARCH ) -->
            <div id="search-box">
                <form action="{U_SEARCH}" method="get" id="search">
                <fieldset>
                    <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                    <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                    <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
            </div>
        <!-- ENDIF -->

    <!-- IF .buttons -->
      <span class="corners-bottom" style="height:0px;"><span style="display: none;"></span></span></div>
    </div>
    <div id="menu" style="clear:both;margin-top:-4px;background: url('{T_THEME_PATH}/images/aussenrahmen_mitte_oben.gif') repeat-x;">
        <div class="inner">
        <span class="menu_corner-left" style="background: url('{T_THEME_PATH}/images/aussenrahmen_ecke_oben_links.gif') no-repeat;"></span>
        <span class="menu_corner-right" style="background: url('{T_THEME_PATH}/images/aussenrahmen_ecke_oben_rechts.gif') no-repeat;"></span>
        <ul>
        <!-- BEGIN buttons -->
            <li style="float:{S_MENU_ALIGN};"<!-- IF .buttons.sub --> onmouseover="getElementsByTagName('ul')[0].style.display = 'block';" onmouseout="getElementsByTagName('ul')[0].style.display = 'none';"<!-- ENDIF -->>
          <a href="{buttons.URL}" title="{buttons.NAME}"<!-- IF buttons.EXTERNAL --> target="_blank"<!-- ENDIF --> style="font-weight:{S_MENU_WEIGHT};text-transform:{S_MENU_TEXT_TRANSFORM};">{buttons.NAME}</a>
          <!-- IF .buttons.sub -->
            <ul>
              <!-- BEGIN sub --><li><a href="{sub.URL}" title="{sub.NAME}"<!-- IF sub.EXTERNAL --> target="_blank"<!-- ENDIF --> style="font-weight:{S_MENU_WEIGHT};text-transform:{S_MENU_TEXT_TRANSFORM};">{sub.NAME}</a></li><!-- END sub -->
              </ul>
            <!-- ENDIF -->
        </li>
      <!-- END buttons -->
        </ul>
    <!-- ENDIF -->

            <span class="corners-bottom"><span></span></span></div>
        </div>

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->

        <div class="navbar">
            <div class="inner"><span class="corners-top"><span></span></span>

            <ul class="linklist navlinks">
                <li class="icon-home"><!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> » <!-- ENDIF --><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

                <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

                <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
                <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
                <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
                <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
            </ul>

            <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
            <ul class="linklist leftside">
                <li class="icon-ucp">
                    <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
                        <!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
                    <!-- IF S_DISPLAY_SEARCH --> &bull;
                    <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
                    <!-- ENDIF -->
                    <!-- IF U_RESTORE_PERMISSIONS --> &bull;
                    <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
                    <!-- ENDIF -->
                </li>
            </ul>
            <!-- ENDIF -->

            <ul class="linklist rightside">
                <!-- IF not S_IS_BOT -->
                    <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
                    <li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
                <!-- ENDIF -->
            </ul>

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

    <a name="start_here"></a>
    <div id="page-body">
        <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
        <div id="information" class="rules">
            <div class="inner"><span class="corners-top"><span></span></span>
                <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
            <span class="corners-bottom"><span></span></span></div>
        </div>
        <!-- ENDIF -->
        
</div> 
Und die dazugehörige Common.css Teil:

Code:
/* General Markup Styles
---------------------------------------- */

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

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
}

body {
	/* Text-Sizing with ems: How to size text using ems | Clagnut § Typography · CSS techniques */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #FFFFFF;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #FFFFFF;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #989898;
	margin-top: 20px;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

img {
	border-width: 0;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #955e07;
	margin: 10px 0;
}

hr.solid {
	border-top: 1px solid #955e07;
	margin: 10px 0;
	margin-top: -5px;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
  padding: 0 20px;
  width: 93%;
  margin: auto;
}
/* Das obere Padding regelt breite des Inneren Forum und Portalkerns */

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
}

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 20px;
}

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	Margin-Right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 95px;
	background-color: #FFF;
}

#search-box input {
	border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	padding: 1px 5px;
}

#search-box li {
	text-align: right;
	margin-top: 4px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

#site-description h1 {
	margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

.navbar {
	background-color: #ebebeb;
	padding: 0 10px;
}

.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.forumbg {
	background: #ebebeb none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #f3f3f3;
	color: #3f3f3f;
}

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	background-color: #e2e2e2;
}

.fieldsbg {
	/*border: 1px #DBDEE2 solid;*/
	background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom {
	margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}

.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
  margin-left: 5%;
  width: 90%;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #f6f6f6;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0;
}

.forumbg-table > .inner {
	margin: 0 -1px;
}

.forumbg-table > .inner > span.corners-top {
	margin: 0 -4px -1px -4px;
}

.forumbg-table > .inner > span.corners-bottom {
	margin: -1px -4px 0 -4px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	color: #bcbcbc;
	font-weight: bold;
	font-size: 1em;
}

.reported {
	background-color: #f7f7f7;
}

li.reported:hover {
	background-color: #ececec;
}

div.rules {
	background-color: #ececec;
	color: #bcbcbc;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 1.1em;
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.rules {
	background-color: #ececec;
	background-image: none;
	padding: 5px;
}

p.rules img {
	vertical-align: middle;
	padding-top: 5px;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}

/* Rand um Forum und Portal von Lyrai
---------------------------------------- */

#menubase_block {
       margin: -12px;
       padding: 0px;
       margin-left: auto;
       margin-right: auto;
       width: 100%;
       clear: both;
}     
.menubase-l {
       background: url("{T_THEME_PATH}/images/menubase-left.jpg") no-repeat;
       height: 50px;
       float: left;
       width: 80px;
       padding: 0px;
}

.menubase-m {
       background: url("{T_THEME_PATH}/images/menubase-mid.jpg") repeat;
       height: 50px;
       width: auto;
       margin: 0px 50px 0px 50px;
       padding: 0px;
       text-align: center;
}

.menubase-r {
       background: url("{T_THEME_PATH}/images/menubase-right.jpg") no-repeat;
       height: 50px;
       float: right;
       margin-top: -50px;
       width: 80px;
       padding: 0px;
}

#content_main {
       color: #9ff4f5;
       margin-left:       70px;
       margin-right:       70px;
       clear: both;
       padding: 0px;
       overflow:hidden;
}

.bodyfill {
       background-color: #000000;
}


#border_block {
       margin: 0px;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: auto;
       padding: 0px;
       width: 100%;
       min-height: 100%;
       height: 100%;
       clear: both;
}

#borderleft {
       background: url("{T_THEME_PATH}/images/aussenrahmen_links.gif") left repeat-y;
}

#borderright {
       background: url("{T_THEME_PATH}/images/aussenrahmen_rechts.gif") right repeat-y;
}

#footer_block {
       margin: 0px;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: -20px;
       padding: 0px;
       width: 100%;
       clear: both;
}

.foot-l {
       background: url("{T_THEME_PATH}/images/aussenrahmen_ecke_unten_links.gif") no-repeat;
       height: 60px;
       float: left;
       width: 124px;
       padding: 0px;
}

.foot-m {
       background: url("{T_THEME_PATH}/images/aussenrahmen_mitte_unten.gif") repeat;
       height: 60px;
       margin: 0px 124px 0px 124px;
       width: auto;
       padding: 0px;
}

.foot-r {
       background: url("{T_THEME_PATH}/images/aussenrahmen_ecke_unten_rechts.gif") no-repeat;
       margin-top:   -60px;
       height: 60px;
       float: right;
       width: 124px;
       padding: 0px;
}
Hoffe ihr könnt mir da irgendwie weiter helfen.

Ach ja noch ein Problem, beim Vergrößern kommen die Inneren Bereiche des Forums über den Rahmen drüber, passen sich also nicht in der Breite an, wie kann das sein?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.12.2013, 15:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.12.2013
Beiträge: 4
Kojote befindet sich auf einem aufstrebenden Ast
Standard

Fehlen noch irgendwelche Angaben oder der gleichen, dass jemand helfen könnte?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.12.2013, 19:17
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Ich für meinen Teil kann deine Frage NICHT verstehen.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #4 (permalink)  
Alt 21.12.2013, 21:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.12.2013
Beiträge: 4
Kojote befindet sich auf einem aufstrebenden Ast
Standard

OK, dacht ich mir schon, viel mir auch schwer es zu beschreiben, dann mal anschaulich als Bild:

http://img5.fotos-hochladen.net/uplo...g8yw5tf0as.jpg

Auf der linken Seite ist das Forum wie es jetzt ist, also eigentlich wie das Standardforum mit Prosilver Skin, mit dem Unterschied ich hab bei mir aus dem normalen Menü ein Dropdown Menü gemacht.

Auf der rechten Seite sieht man wie es sein soll, ich möchte um das gesame Forum einen Rahmen (hell grün). Dazu beachten ist, dass jeder Abschnitt eine andere Grafik sein soll. In diesem Rahmen soll auch oben das Menü mit eingebunden werden, soll also alles aus einem Guss so zu sagen sein.

Mein Problem besteht darin, dass ich zwar den unterden Menürahmen hin bekomme und den an der Seite, jedoch den obeen Teil nicht, sprich die Anbindung an das Menü und um das Logo drum herum. Zudem besteht mein Problem beim jetzigen Stand darin, dass wenn ich in einer anderen Auflösung das Forum darstelle die Bereiche Logo, Forum und Co sich über den Aussenrahmen (grüner Rahmen) schieben.

Hoffe ich konnts nun besser erklären.
Mit Zitat antworten
  #5 (permalink)  
Alt 22.12.2013, 12:52
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2010
Beiträge: 528
K.Roland wird schon bald berühmt werden
Standard

Zitat:
Zitat von Kojote Beitrag anzeigen
Auf der rechten Seite sieht man wie es sein soll, ich möchte um das gesame Forum einen Rahmen (hell grün). Dazu beachten ist, dass jeder Abschnitt eine andere Grafik sein soll. In diesem Rahmen soll auch oben das Menü mit eingebunden werden, soll also alles aus einem Guss so zu sagen sein.
Man braucht halt für alles einem Plan.

Es ist schwer dir zu helfen, weil ich nicht weiß, wie das ganze Layout aufgebaut ist bei dir.
Erstelle dir doch erst mal selbst ein reduziertes Beispiel auf das wesentliche und teste, ob du so dein Layout grafisch hin bekommst. Dan weist du schon mal, wie der ganze Aufbau vonstattengehen müsste. Ob das was du derzeit hast sich dafür eignet keine Ahnung.

____________
Roland
Mit Zitat antworten
  #6 (permalink)  
Alt 22.12.2013, 13:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.12.2013
Beiträge: 4
Kojote befindet sich auf einem aufstrebenden Ast
Standard

Dafür hatte ich ja die Overalheader angefügt, da steht der Aufbau drin. Deine Idee bringt mir leider nix, da ich kompletter Anfänger bin und daher nicht einen Befehl kenne den ich Anwenden muss und selbst nach Wochen an Arbeit blick ich da 0 durch. Versuch durch Bereichverschiebung was zu erreichen. Bin aber damit am ende, da ich das so net hin bekomme. Müssten eben paar Zeilen neu geschrieben werden. Wegen mir auch für Bezahlung.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
flashbanner in phpbb3 forum einbauen Casperli Offtopic 6 30.08.2010 11:43
eigenen css rahmen definieren (phpbb3) @ndre CSS 12 30.05.2009 12:16
Phpbb3 Forum Help xaaser Offtopic 1 23.01.2009 01:29
Rahmen um Rahmen bei Bildern uooao388d99 CSS 3 13.12.2008 14:10
Button - Rahmen dieter99 CSS 1 06.12.2006 11:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:52 Uhr.