+ Antworten
Ergebnis 1 bis 4 von 4

Thema: hintergrund wie ändern?

  1. #1
    Neu an Board
    Registriert seit
    10.03.2006
    Beiträge
    25
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard hintergrund wie ändern?

    hallo leute;

    hier meine seite http://lunaticsskate.com.
    Wie ihr seht ist nur der äüßerste rand schwarz, ich würde es aber gerne so machen das
    der rand bis zum template oder content bereich (weiss nich wie ichs erklären soll) schwarz ist. ich hab schon in der css nachgeguckt aber nix gefunden. Also mein wunsch ist es, dass alles schwarz ist der ganze rand um die "richtige" seite soll schwarz sein oder am besten durch ein bild ausgetauscht werden. wie das bei dem ganz kleinen äußeren rand geht weiss ich. ich hab im css bei body "background-color: #000000;" gesetzt.
    aber bei dem anderen teil komme ich einfach nicht weiter bitte helft mir.
    Hier folgt noch die index.php und die css-datei des Templates...:

    Index.php
    PHP-Code:
    <?php
    defined
    '_VALID_MOS' ) or die( 'Restricted access' );
    // needed to seperate the ISO number from the language file constant _ISO
    $iso explode'='_ISO );
    // xml prolog
    echo '<?xml version="1.0" encoding="'$iso[1] .'"?' .'>';
    ?>
    <!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">
    <head>
    <?php mosShowHead(); ?>
    <?php
    if ( $my->id ) {
        
    initEditor();
    }
    $collspan_offset = ( mosCountModules'right' ) + mosCountModules'user2' ) ) ? 1;
    //script to determine which div setup for layout to use based on module configuration
    $user1 0;
    $user2 0;
    $colspan 0;
    $right 0;
    // banner combos

    //user1 combos
    if ( mosCountModules'user1' ) + mosCountModules'user2' ) == 2) {
        
    $user1 2;
        
    $user2 2;
        
    $colspan 3;
    } elseif ( 
    mosCountModules'user1' ) == ) {
        
    $user1 1;
        
    $colspan 1;
    } elseif ( 
    mosCountModules'user2' ) == ) {
        
    $user2 1;
        
    $colspan 1;
    }

    //right based combos
    if ( mosCountModules'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
        
    $right 1;
    }
    ?>
    <**** **********="Content-Type" content="text/html; <?php echo _ISO?>" />
    <link href="<?php echo $mosConfig_live_site;?>/templates/luna/css/template_css.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>

    <div align="center">
        <table border="0" cellpadding="0" cellspacing="0" width="808">
            <tr>
                <td class="outline">
                      <div id="buttons_outer">
                        <div id="buttons_inner">
                            <div id="buttons">
                            <?php mosLoadModules 'user3', -1); ?>
                            </div>
                        </div>
                      </div>
                      <div id="search_outer">
                        <div id="search_inner">
                        <?php mosLoadModules 'user4', -); ?>
                        </div>
                      </div>
                      <div class="clr"></div>
                      <div id="header_outer">
                          <div id="header">
                          &nbsp;
                          </div>
                          <div id="top_outer">
                            <div id="top_inner">
                            <?php
                              
    if ( mosCountModules'top' ) ) {
                                  
    mosLoadModules 'top', -);
                              } else {
                                  
    ?>
                                  <span class="error">Top Module Empty</span>
                                  <?php
                              
    }
                              
    ?>
                             </div>
                      </div>
                      </div>
                      <div id="left_outer">
                          <div id="left_inner">
                          <?php mosLoadModules 'left', -); ?>
                          </div>
                      </div>
                      <div id="content_outer">
                        <div id="content_inner">
                        <?php
                          
    if ( mosCountModules ('banner') ) {
                              
    ?>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" 
                            <tr>
                                    <td>
                                        <div id="banner_inner">
                                        <img src="<?php echo $mosConfig_live_site;?>/templates/luna/images/advertisement.png" alt="advertisement.png, 0 kB" title="advertisement" border="0" height="8" width="468"/><br />
                                      <?php mosLoadModules'banner', -); ?><br />
                                        </div>
                                        <div id="poweredby_inner">
                                            <img src="<?php echo $mosConfig_live_site;?>/templates/luna/images/powered_by.png" alt="powered_by.png, 1 kB" title="powered_by" border="0" height="68" width="165"/><br />
                                        </div>
                                    </td>
                                </tr>
                                </table>
                                <?php
                          
    }
                          
    ?>
                          <table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
                            <tr valign="top">
                                <td width="99%">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">

                                    <?php
                                    
    if ($colspan 0) {
                                    
    ?>
                                        <tr valign="top">
                                            <?php
                                          
    if ( $user1 ) {
                                              
    ?>
                                              <td width="50%">
                                                  <div class="user1_inner">
                                                  <?php mosLoadModules 'user1', -); ?>
                                                  </div>
                                              </td>
                                              <?php
                                          
    }
                                          if ( 
    $colspan == 3) {
                                             
    ?>
                                                <td width="2">
                                                    <img src="<?php echo $mosConfig_live_site;?>/templates/luna/images/spacer.png" alt="" title="spacer" border="0" height="10" width="2"/>
                                                </td>
                                            <?php
                                            
    }
                                          if ( 
    $user2 ) {
                                              
    ?>
                                              <td width="50%">
                                                  <div class="user2_inner">
                                                  <?php mosLoadModules 'user2', -); ?>
                                                  </div>
                                              </td>
                                              <?php
                                          
    }
                                            
    ?>
                                        </tr>
                                        <tr>
                                            <td colspan="<?php echo $colspan?>">
                                                <img src="<?php echo $mosConfig_live_site;?>/templates/luna/images/spacer.png" alt="" title="spacer" border="0" height="2" width="100"/><br />
                                            </td>
                                        </tr>
                                        <?php
                                        
    }
                                    
    ?>
                                    <tr>
                                        <td colspan="<?php echo $colspan?>">
                                            <div id="pathway_text">
                                            <?php mosPathWay(); ?>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="<?php echo $colspan?>" class="body_outer">
                                           <?php mosMainBody(); ?>
                                        </td>
                                    </tr>
                                    </table>


                                </td>
                                <?php
                                
    if ( $right ) {
                              
    ?>
                              <td>
                                  <div id="right_outer">
                                      <div id="right_inner">
                                      <?php mosLoadModules 'right', -); ?>
                                      </div>
                                  </div>
                              </td>
                              <?php
                          
    }
                          
    ?>

                            </tr>
                            </table>
                      </div>
                  </div>
              </td>
          </tr>
      </table>
    </div>
    <?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
    <?php mosLoadModules
    'debug', -);?>
    </body>
    </html>

  2. #2
    Neu an Board
    Registriert seit
    10.03.2006
    Beiträge
    25
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    css-datei
    PHP-Code:
    /* CSS Document */

    html {
        
    height100%;
        
    background-color#000000;
    }

    body {
        
    height100%;
        
    margin-bottom1px;
        
    background-color:#000000
    }

    .
    clr {
        
    clearboth;
    }

    .
    outline {
      
    border1px solid #cccccc;
      
    background#ffffff;
        
    padding2px;
    }

    #buttons_outer {
        
    width635px;
          
    margin-bottom2px;
        
    margin-right2px;
        
    floatleft;
    }

    #buttons_inner {
        
    border1px solid #cccccc;
        
    height21px;
    }

    #pathway_text {
      
    overflowhidden;
        
    displayblock;
        
    height25px;
        
    line-height25px !important;
        
    line-height22px;
        
    padding-left4px;
        
    border1px solid #ccc;
        
    margin-bottom2px;
    }

    #pathway_text img {
        
    margin-left5px;
        
    margin-right5px;
        
    margin-top6px;
    }

    #buttons {
        
    floatleft;
        
    margin0px;
        
    padding0px;
        
    widthauto;
    }


    ul#mainlevel-nav
    {
        list-
    stylenone;
        
    padding0;
        
    margin0;
        
    font-size0.8em;
    }

    ul#mainlevel-nav li
    {
        
    background-imagenone;
        
    padding-left0px;
        
    padding-right0px;
        
    floatleft;
        
    margin0;
        
    font-size11px;
        
    line-height21px;
        
    white-spacenowrap;
        
    border-right1px solid #cccccc;
    }

    ul#mainlevel-nav li a
    {
        
    displayblock;
        
    padding-left15px;
        
    padding-right15px;
        
    text-decorationnone;
        
    color#333333;
        
    backgroundtransparent;
    }

    #buttons>ul#mainlevel-nav li a { width: auto; }

        
    ul#mainlevel-nav li a:hover
    {
        
    color#fff;
        
    background#c64934;
    }


    #search_outer {
        
    floatleft;
        
    width165px;
    }

    #search_inner {
      
    border1px solid #cccccc;
        
    padding0px;
      
    height21px !important;
      
    height23px;
      
    overflowhidden;
    }

    #search_inner form {
      
    padding0;
      
    margin0;
    }

    #search_inner .inputbox {
        
    border0px;
        
    padding3px 3px 3px 5px;
        
    font-familyarialhelveticasans-serif;
        
    font-size11px;
        
    color#c64934;
    }

    #header_outer {
        
    text-alignleft;
        
    border0px;
        
    margin0px;
    }

    #header {
        
    floatleft;
        
    padding0px;
        
    margin-right2px;
        
    width635px;
        
    height150px;
        
    backgroundurl("http://lunaticsskate.com/images/stories/PageStyle/lunatics2.jpg"no-repeat;
    }

    #top_outer{
        
    floatleft;
        
    width165px;
    }

    #top_inner {
      
    border1px solid #cccccc;
        
    padding2px;
      
    height144px !important;
      
    height150px;
      
    overflowhidden;
      
    floatnone !important;
      
    floatleft;
    }

    #left_outer {
        
    floatleft;
        
    margin-top2px;
        
    width165px;
    }

    #left_inner {
      
    border1px solid #cccccc;
        
    padding2px;
      
    floatnone !important;
      
    floatleft;
    }

    #content_outer {
        
    padding0px;
        
    margin-top0px;
        
    margin-left2px;
        
    /** border: 1px solid #cccccc; **/
        
    floatleft;
        
    width635px;
    }

    #content_inner{
        
    floatnone !important;
        
    floatleft;
        
    padding0;
        
    padding-top2px;
        
    margin0;
        
    background-color#FFFFFF;
    }

    table.content_table {
      
    width100%;
        
    padding0px;
        
    margin0px;
    }

    table.content_table td {
        
    padding0px;
        
    margin0px;
    }


    #banner_inner {
        
    floatleft;
        
    padding0px;
        
    height70px;
    }

    #poweredby_inner {
        
    floatright;
        
    padding0px;
        
    margin-left0px;
        
    height70px;
    }

    #right_outer {
        
    margin-left2px;
        
    width165px;
    }

    #right_inner {
      
    floatnone !important;
      
    floatleft;
      
    border1px solid #cccccc;
      
    padding2px;
    }


    .
    user1_inner {
        
    border1px solid #cccccc;
      
    floatnone !important;
      
    floatleft;
        
    margin0px;
        
    padding2px;
    }

    .
    user2_inner {
        
    border1px solid #cccccc;
      
    floatnone !important;
      
    floatleft;
        
    margin0px;
        
    padding2px;
    }

    table td.body_outer {
        
    padding2px;
        
    border1px solid #cccccc;
    }

    .
    maintitle {
        
    color#ffffff;
        
    font-size40px;
        
    padding-left15px;
        
    padding-top20px;
    }

    .
    error {
      
    font-styleitalic;
      
    text-transformuppercase;
      
    padding5px;
      
    color#cccccc;
      
    font-size14px;
      
    font-weightbold;
    }

    /** old stuff **/

    .back_button {
        
    floatleft;
      
    text-aligncenter;
      
    font-size11px;
      
    font-weightbold;
      
    border3px double #cccccc;
      
    widthauto;
      
    backgroundurl(../images/button_bg.pngrepeat-x;
      
    padding0px 10px;
      
    line-height20px;
      
    margin1px;
    }

    .
    pagenav {
      
    text-aligncenter;
      
    font-size11px;
      
    font-weightbold;
      
    border3px double #cccccc;
      
    widthauto;
      
    backgroundurl(../images/button_bg.pngrepeat-x;
      
    padding0px 10px;
      
    line-height20px;
      
    margin1px;
    }


    .
    pagenavbar {
        
    margin-right10px;
        
    floatright;
    }

    #footer {
        
    text-aligncenter;
        
    padding3px;
    }

    ul
    {
    margin0;
    padding0;
    list-
    stylenone;
    }

    li
    {
    line-height15px;
    padding-left15px;
    padding-top0px;
    background-imageurl(../images/arrow.png);
    background-repeatno-repeat;
    background-position0px 2px;
    }


    td {
        
    text-alignleft;
        
    font-size11px;
    }



    body {
        
    margin15px;
        
    height100%;
        
    padding0px;
        
    font-familyArialHelveticaSans Serif;
        
    line-height120%;
        
    font-size11px;
        
    colorblack;
        
    background#FFFFFF;
    ;
    }

    /* Joomla core stuff */
    a:linka:visited {
        
    color#c64934; text-decoration: none;
        
    font-weightbold;
    }

    a:hover {
        
    color#900;    text-decoration: none;
        
    font-weightbold;
    }

    table.contentpaneopen {
      
    width100%;
        
    padding0px;
        
    border-collapsecollapse;
        
    border-spacing0px;
        
    margin0px;
    }

    table.contentpaneopen td {
       
    padding-right5px;
    }

    table.contentpaneopen td.componentheading {
        
    padding-left4px;
    }



    table.contentpane {
      
    width100%;
        
    padding0px;
        
    border-collapsecollapse;
        
    border-spacing0px;
        
    margin0px;
    }

    table.contentpane td {
        
    margin0px;
        
    padding0px;
    }

    table.contentpane td.componentheading {
        
    padding-left4px;
    }

    table.contentpaneopen fieldset {
        
    border0px;
        
    border-bottom1px solid #eee;
    }

    .
    button {
      
    color#c64934;
      
    font-familyArialHevlveticasans-serif;
      
    text-aligncenter;
      
    font-size11px;
      
    font-weightbold;
      
    border3px double #cccccc;
      
    widthauto;
      
    backgroundurl(../images/button_bg.pngrepeat-x;
      
    padding0px 5px;
      
    line-height18px !important;
      
    line-height16px;
      
    height26px !important;
      
    height24px;
      
    margin1px;
    }

    .
    inputbox {
        
    padding2px;
        
    border:solid 1px #cccccc;
        
    background-color#ffffff;
    }

    .
    componentheading {
        
    backgroundurl(../images/subhead_bg.pngrepeat-x;
        
    color#666666;
        
    text-alignleft;
        
    padding-top4px;
        
    padding-left4px;
        
    height21px;
        
    font-weightbold;
        
    font-size10px;
        
    text-transformuppercase;

    }

    .
    contentcolumn {
        
    padding-right5px;
    }

    .
    contentheading {
        
    height30px;

        
    color#c64934;
        
    font-weightbold;
        
    font-size14px;
        
    white-spacenowrap;
    }



    .
    contentpagetitle {
        
    font-size13px;
        
    font-weightbold;
        
    color#cccccc;
        
    text-align:left;
    }

    table.searchinto {
        
    width100%;
    }

    table.searchintro td {
        
    font-weightbold;
    }

    table.moduletable {
        
    width100%;
        
    margin-bottom5px;
        
    padding0px;
        
    border-spacing0px;
        
    border-collapsecollapse;
    }

    div.moduletable {
        
    padding0;
        
    margin-bottom2px;
    }

    table.moduletable thdiv.moduletable h3 {
        
    backgroundurl(../images/subhead_bg.pngrepeat-x;
        
    color#666666;
        
    text-alignleft;
        
    padding-left4px;
        
    height21px;
        
    line-height21px;
        
    font-weightbold;
        
    font-size10px;
        
    text-transformuppercase;
        
    margin0 0 2px 0;
    }

    table.moduletable td {
        
    font-size11px;
        
    padding0px;
        
    margin0px;
        
    font-weightnormal;
    }

    table.pollstableborder td {
      
    padding2px;
    }

    .
    sectiontableheader {
      
    font-weightbold;
      
    background#f0f0f0;
      
    padding4px;
    }

    .
    sectiontablefooter {

    }

    .
    sectiontableentry1 {
        
    background-color #ffffff;
    }

    .
    sectiontableentry2 {
        
    background-color #f9f9f9;
    }

    .
    small {
        
    color#999999;
        
    font-size11px;
    }

    .
    createdate {
        
    height15px;
        
    padding-bottom10px;
        
    color#999999;
        
    font-size11px;
    }

    .
    modifydate {
        
    height15px;
        
    padding-top10px;
        
    color#999999;
        
    font-size11px;
    }

    table.contenttoc {
      
    border1px solid #cccccc;
      
    padding2px;
      
    margin-left2px;
      
    margin-bottom2px;
    }

    table.contenttoc td {
      
    padding2px;
    }

    table.contenttoc th {
      
    backgroundurl(../images/subhead_bg.pngrepeat-x;
      
    color#666666;
        
    text-alignleft;
        
    padding-top2px;
        
    padding-left4px;
        
    height21px;
        
    font-weightbold;
        
    font-size10px;
        
    text-transformuppercase;
    }

    a.mainlevel:linka.mainlevel:visited {
        
    displayblock;
        
    backgroundurl(../images/menu_bg.pngno-repeat;
        
    vertical-alignmiddle;
        
    font-size11px;
        
    font-weightbold;
        
    color#ccc;
        
    text-alignleft;
        
    padding-top5px;
        
    padding-left18px;
        
    height20px !important;
        
    height25px;
        
    width100%;
        
    text-decorationnone;
    }

    a.mainlevel:hover {
        
    background-position0px -25px;
        
    text-decorationnone;
        
    color#fff;
    }

    a.mainlevel#active_menu {
        
    color:#fff;
        
    font-weightbold;
    }

    a.mainlevel#active_menu:hover {
        
    color#fff;
    }

    a.sublevel:linka.sublevel:visited {
        
    padding-left1px;
        
    vertical-alignmiddle;
        
    font-size11px;
        
    font-weightbold;
        
    color#c64934;
        
    text-alignleft;
    }

    a.sublevel:hover {
        
    color#900;
        
    text-decorationnone;
    }

    a.sublevel#active_menu {
        
    color#333;
    }

    .
    highlight {
        
    background-colorYellow;
        
    colorBlue;
        
    padding0;
    }
    .
    code {
        
    background-color#ddd;
        
    border1px solid #bbb;
    }

    form {
    /* removes space below form elements */
        
    margin0;
         
    padding0;
    }

    div.mosimage {
      
    border1px solid #ccc;
    }

    .
    mosimage {
      
    border1px solid #cccccc;
      
    margin5px
    }

    .
    mosimage_caption {
      
    margin-top2px;
      
    background#efefef;
      
    padding1px 2px;
      
    color#666;
      
    font-size10px;
      
    border-top1px solid #cccccc;
    }

    span.article_seperator {
        
    displayblock;
        
    height1.5em;

    ich wäre euch seeeeeeeeeeehr dankbar wenn ihr mir
    schnell und effizient helfen könntet

    MfG nico

  3. #3
    Gehört zum Inventar Avatar von upstream
    Registriert seit
    04.11.2005
    Ort
    Steinmaur CH
    Alter
    27
    Beiträge
    5.918
    Bedankte sich
    86
    Erhielt 1.580 Danksagungen
    in 1.439 Beiträgen

    Standard

    lösch mal deinen ersten body-Eintrag im css-File und ändere die Hintergrundfarbe beim zweiten Eintrag auf Schwarz. Dann solltest du haben, was du möchtest.

  4. #4
    Neu an Board
    Registriert seit
    10.03.2006
    Beiträge
    25
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    ahhhhhh, ich hab es dankeeeeeeeeeeeeeeeeeee
    das is das beste forum ihr helft immer.

    dankeschön
    Geändert von Skaterboi (27.09.2006 um 15:43 Uhr)

+ Antworten

Ähnliche Themen

  1. Hintergrund schwarz, leider auch in der Druckansicht
    Von Thomas_R im Forum Joomla Templates
    Antworten: 2
    Letzter Beitrag: 27.05.2007, 09:49
  2. SMF Forum Hintergrund
    Von Robin_Freak im Forum Joomla Komponenten
    Antworten: 1
    Letzter Beitrag: 02.06.2006, 00:48
  3. Hintergrund in der Druckfunktion
    Von woro im Forum Gelöste Themen - Allgemeine Fragen zu Joomla
    Antworten: 2
    Letzter Beitrag: 10.04.2006, 08:51
  4. Hintergrund der module :(
    Von meLbE im Forum Joomla Templates
    Antworten: 3
    Letzter Beitrag: 29.12.2005, 12:02

Lesezeichen

Berechtigungen

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