Ergebnis 1 bis 2 von 2

Thema: Rahmen um Forum und Portal phpBB3

  1. #1
    HTML Newbie
    Registriert seit
    21.12.2013
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    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?

    Link zum Forum: http://lyaesh.de/portal.php

    Wenn man hier vergrößert sieht man unter anderem das Problem im Header Bereich und das Objekte aus der Mitte über den Rand kommen.

    Falls Angaben Fehlen, einfach anfragen. Hoffe ihr könnt mir weiter helfen!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Rahmen um Forum und Portal phpBB3


Ähnliche Themen

  1. Problem mit Avataren bei phpBB3 Forum
    Von Dr. Gore im Forum Webanwendungen - Webapplikationen
    Antworten: 9
    Letzter Beitrag: 24.12.2009, 10:24
  2. Suche Hilfsadmin für ein PHPbb3-Forum
    Von Kevin1996 im Forum Job Forum - Jobs für Grafiker, Programmierer und Webmaster
    Antworten: 0
    Letzter Beitrag: 22.06.2008, 15:50
  3. PHPBB3
    Von minder im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 14.06.2008, 09:59
  4. aktive forum-hilfe user könnten ein Portal aufbauen!
    Von eatofid im Forum Promotion - SEO - Suchmaschine (Google & Co) – Mitarbeiter & Linkpartnersuche
    Antworten: 107
    Letzter Beitrag: 13.02.2008, 18:10
  5. phpBB3
    Von infernus im Forum Off Topic und Quasselbox
    Antworten: 14
    Letzter Beitrag: 01.11.2006, 14:24

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •