template strecken (PS Business)

**Janssen** · 09.05.2005 17:07

Hallo...habe mir das Template schon etwas angepasst... jedoch habe ich das problem, das es zu klein ist, da es sich nicht in der Breite über die ganze seite erstreckt... wie und wo kann man das ändern...
Wäre nett, wenn ihr mir da weiterhelfen könnten...
mein Template heißt PS Business

**rennic** · 09.05.2005 17:16

Bearbeite Dein Template. Datei: /templates/name_des_templates/index.php
Und dann dort die Breitenangabe der Tabelle ändern (z.B. 100% oder 960px)

**Janssen** · 09.05.2005 17:19

auf was muss ich da achten??ich finde es nicht...
hast vielleicht irgendwie ein anhaltspunkt?

**rennic** · 09.05.2005 17:20

ICh kann nicht hellsehen, Du musst schon mal den Quelltext der Datei hier posten

**Janssen** · 09.05.2005 17:21

okay..
<!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' ) ) ? 2 : 1;
//script to determine which div setup for layout to use based on module configuration
$user1 = 0;
$user2 = 0;
$sandbox_area = 0;
// banner combos

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

//right based combos
if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$sandbox_area = 2;
} else {
$sandbox_area = 1;
$user1 = $user1 == 1 ? 3 : 4;
$user2 = $user2 == 1 ? 3 : 4;
}
?>
<meta **********="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/ps_business/css/template_css.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/templates/ps_business/images/favicon.ico"/>
</head>
<body class="page_bg">

<div align="center">
<div id="main_outline">
<div class="clr"></div>
<div id="header_area">
<div id="header"></div>
</div>
<div id="pathway_outline">
<div id="buttons">
<?php mosLoadModules ( 'user3', -1); ?>
</div>
</div>
<div id="search">
<?php mosLoadModules ( 'user4', -1 ); ?>
</div>
<div class="clr"></div>
<div id="left_outline">
<div id="left">
<?php mosLoadModules ( 'left' ); ?>
</div>
</div>
<div id="content_area">
<div id="content">
<?php
if ( mosCountModules ('banner') ) {
?>
<div id="banner_area">
<div id="banner">
<img src="<?php echo $mosConfig_live_site;?>/templates/ps_business/images/advertisement.png" alt="advertisement.png, 0 kB" title="advertisement" border="0" height="8" width="400"/><br />
<?php mosLoadModules( 'banner', -1 ); ?>
</div>
<br />
</div>
</div>
<?php
}
if ( mosCountModules( 'right' ) and ( empty ($_REQUEST['task'] ) || $_REQUEST['task']!='edit' ) ) {
?>
<div id="right_outline">
<div id="right">
<?php
if ( mosCountModules( 'top' ) ) {
mosLoadModules ( 'top' );
} else {
?>
<span class="error">Top Module Empty</span>
<?php
}
?>
</div>
<div id="right">
<?php mosLoadModules ( 'right' ); ?>
</div>
</div>
<?php
}
?>
<div id="sandbox_area_<?php echo $sandbox_area ?>">
<div class="sandbox_area">
<?php
if ( mosCountModules( 'user1' ) ) {
?>
<div id="user1_<?php echo $user1; ?>">
<div class="user1_outline">
<?php mosLoadModules ( 'user1' ); ?>
</div>
</div>
<?php
}
if (mosCountModules( 'user2' )) {
?>
<div id="user2_<?php echo $user2; ?>">
<div class="user2_outline">
<?php mosLoadModules ( 'user2' ); ?>
</div>
</div>
<?php
}
?>
<div class="clr"></div>
<div class="content_outline">
<?php mosMainBody(); ?>
</div>
<div class="clr"></div>
</div>
</div>
</div>
</div>
<div class="clr"></div>
</div>
<div class="dd">www.infplanet.de</a></div>
</div>
<?php mosLoadModules( 'debug', -1 );?>
</body>
</html>

**Janssen** · 09.05.2005 17:22

ganz schön lang...

**rennic** · 09.05.2005 17:24

Achso, das Template basiert komplett auf DIV-Tags und nicht auf Tabellen

Dann suche Dir mal bitte die CSS-Datei raus (templates/template_name/css/templates_css.css). dort müssten die Größenangaben drin stehen

**Janssen** · 09.05.2005 17:41

oh...danke schonmal das du dir so viel mühe machst zu helfen...find ich klasse

.clr {
clear: both;
}

#main_outline {
width: 802px !important;
width: 808px;
border: 1px solid #cccccc;
padding: 2px;
background-color:#ffffff;
}

#pathway_outline {
width: 633px !important;
width: 635px;
float: left;
border: 1px solid #cccccc;
margin-top: 2px !important;
margin-top: 2px;
margin-bottom: 2px !important;
margin-bottom: 2px;
background-color:#FFCC33;
}

#pathway {
float: right;
color: #83510C;
padding: 4px 3px 3px 5px;
}

#buttons {
float:left;
margin: 0px;
padding: 0px;
width: 100%;
}

ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}

ul#mainlevel-nav li
{
display: block;
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
width: auto !important;
width: 15%;
font-size: 11px;
line-height: 21px;
white-space: nowrap;
}

ul#mainlevel-nav li a
{

display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #003399;
}

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

ul#mainlevel-nav li a:hover
{
color: #FFFFFF;
background: #000000;
}

#search {
float: right;
border: 1px solid #cccccc;
padding: 0px;
width: 163px !important;
width: 165px;
height: 21px !important;
height: 23px;
overflow: hidden;
margin-top: 2px !important;
margin-top: 2px;
margin-bottom: 2px !important;
margin-bottom: 2px;
}

#search .inputbox {
border: 0px;
padding: 4px 3px 3px 5px !important;
padding: 3px 3px 3px 5px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
height: 17px !important;
height: 19px;
width: 153px !important;
width: 159px;
color: #000000;
}

#header_area {
width: 802px !important;
text-align: left;
border: 0px;
margin: 0px;
}

#header {
float: left;
padding: 0px;
margin: 0px;
width: 802px;
height: 100px;
background: url(../images/banner.gif) no-repeat;
}

#top_outline {
float: left;
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
float: left;
overflow: hidden;
height: 144px !important;
height: 150px;
width: 159px !important;
width: 165px;
}

#left_outline {
margin-top: 2px;
border-right: 2px dotted #ffcc00;
padding: 2px;
float: left;
width: 159px !important;
width: 165px;
background-color : #FFFFFF;
}

#content_area {
padding: 0px;
margin-top: 0px;
margin-left: 2px;
/** border: 1px solid #cccccc; **/
float: left;
width: 635px;;
}

#banner_area {
width: 635px;
margin-top: 2px;
margin-bottom: 0px !important;
margin-bottom: -3px;
}

#banner {
float: top;
padding: 0px;
width: 100px;
}

#poweredby {
float: left;
margin-left: 2px;
}

#sandbox_area_2 .sandbox_area {
float: left;
margin-top: 2px;
width: 468px;
}

#sandbox_area_1 .sandbox_area {
float: left;
margin-top: 2px;
width: 635px;
}

#right_outline {
border-left: 2px dotted #ffcc00;
margin-top: 2px;
float: right;
padding: 2px;
width: 159px !important;
width: 165px;
}

/** with both user1 and user2 visible **/
#user1_2 .user1_outline {
width: 227px !important;
width: 233px;
border: 1px solid #cccccc;
float: left;
margin: 0px;
padding: 2px;
margin-bottom: 2px;
}

#user2_2 .user2_outline {
width: 227px !important;
width: 233px;
border: 1px solid #cccccc;
float: right;
margin-left: 2px;
margin-bottom: 2px;
padding: 2px;
}

/** with either user1 or user2 visible **/
#user1_1 .user1_outline {
width: 462px !important;
width: 468px;
border: 1px solid #cccccc;
float: left;
margin: 0px;
padding: 2px;
margin-bottom: 2px;
}

#user2_1 .user2_outline {
width: 462px !important;
width: 468px;
border: 1px solid #cccccc;
float: right;
margin-bottom: 2px;
padding: 2px;
}

/** based on 100% content width **/
#user1_4 .user1_outline {
width: 311px !important;
width: 317px;
border: 1px solid #cccccc;
float: left;
margin: 0px;
padding: 2px;
margin-bottom: 2px;
}

#user2_4 .user2_outline {
width: 310px !important;
width: 316px;
border: 1px solid #cccccc;
float: right;
margin-left: 2px;
margin-bottom: 2px;
padding: 2px;
}

/** with either user1 or user2 visible **/
#user1_3 .user1_outline {
width: 629px !important;
width: 635px;
border: 1px solid #cccccc;
float: left;
margin: 0px;
padding: 2px;
margin-bottom: 2px;
}

#user2_3 .user2_outline {
width: 629px !important;
width: 635px;
border: 1px solid #cccccc;
float: right;
margin-bottom: 2px;
padding: 2px;
}

/** adjust content area based on right nav **/
#sandbox_area_2 .content_outline {
width: 462px !important;
width: 468px;
padding: 2px;
}

#sandbox_area_1 .content_outline {
width: 629px !important;
width: 635px;
padding: 2px;
}

#active_menu {
color:#FFFF00;
background-position: 0px -25px;
font-weight: bold;
}

a#active_menu:hover {
color: #A76810;
}

.maintitle {
color: #ffffff;
font-size: 40px;
padding-left: 15px;
padding-top: 20px;
}

.error {
font-style: italic;
text-transform: uppercase;
padding: 5px;
color: #cccccc;
font-size: 14px;
font-weight: bold;
}

/** old stuff **/

.back_button {
float: left;
font-size: 11px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;
border: 1px solid #cccccc;
width: 40px;
padding: 4px;
}

.page_bg {
background: #FDE3BE url(../images/bg_fade.png);
padding: 0px 0px 20px 0px;
margin: 0px;
border: 0px;
}

.pagenav {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 1px solid #cccccc;
width: auto;
padding: 4px;
margin: 1px;
}

.pagenavbar {
padding-right: 5px;
float: right;
}

#footer {
text-align: center;
padding: 3px;
}

**Janssen** · 09.05.2005 17:42

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}

td {
text-align: left;
font-size: 11px;
}

body {
margin: 15px;
height: 100%;
padding: 0px;
font-family: Arial, Helvetica, Sans Serif;
font-size: 11px;
color: #333333;
background: #E3E3E3;
}

/* mambo core stuff */
a:link, a:visited {
color:#003399; text-decoration: none;
font-weight: bold;
}

a:hover {
color:#003366; text-decoration: none;
font-weight: bold;
}

table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
}

table.contentpane td {
margin: 0px;
padding: 0px;
}

table.contentpane td.componentheading {
padding-left: 4px;
}

table.contentpane td.contentheading {
padding-left: 15px;
padding-top: 9px;
}

.button {
padding: 2px 5px 2px 5px;
height: 22px;
border:solid 1px #cccccc;
background-color: #ffffff;
color: #000000;
font-family: Arial, Helvetica, Sans Serif;
text-align: center;
font-size: 11px;
font-weight: bold;
}

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

#sandbox_area_2 .componentheading {
background: url(../images/subhead_bg.png) repeat-x;
color: #FFFFFF;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
width: 458px !important;
width: 462px;
}

#sandbox_area_1 .componentheading {
background: url(../images/subhead_bg.png) repeat-x;
color: #FFFFFF;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
width: 625px !important;
width: 629px;
}

.contentcolumn {
padding-right: 5px;
}

.contentheading {
height: 20px;
/*border-left: 1px solid #ffcc00;
border-right: 1px solid #ffcc00;
border-top: 1px solid #ffcc00;*/
border-bottom: 2px dotted #ffcc00;
/*background-color:#cccccc;*/
color: #000000;
text-align: left;
padding-top: 3px;
padding-left: 10px;
font-weight: bold;
font-size: 11px;
white-space: nowrap;
}

.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #000000;
text-align:left;
}

table.searchinto {
width: 100%;
}

table.searchintro td {
font-weight: bold;
}

table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

table.moduletable th {
background: url(../images/subhead_bg.png) repeat-x;
color: #FFFFFF;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
}

table.moduletable td {
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}

table.pollstableborder td {
padding: 2px;
}

.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
background-color : #ffffff;
}

.sectiontableentry2 {
background-color : #f9f9f9;
}

.small {
color: #999999;
font-size: 11px;
font-weight: bold;
}

.createdate {
height: 15px;
padding-bottom: 10px;
color: #999999;
font-size: 11px;
font-weight: bold;
}

.modifydate {
height: 15px;
padding-top: 10px;
color: #999999;
font-size: 11px;
font-weight: bold;
}

table.contenttoc {
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}

table.contenttoc th {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/menu_bg.png) no-repeat;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: left;
padding-top: 5px;
padding-left: 18px;
height: 19px !important;
height: 24px;
width: 100%;
text-decoration: none;
}

a.mainlevel:hover {
background-position: 0px -25px;
text-decoration: none;
color: #FFCC00;
}

a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #000000;
text-align: left;
}

a.sublevel:hover {
color: #7A7A7A;
text-decoration: none;
}
.highlight {
background-color: Yellow;
color: Blue;
padding: 0px 2px 0px 2px;
}
.code {
background-color: #ddd;
border: 1px solid #bbb;
}

.dd {
color: #ff0000;
clear: both;
}

**rennic** · 09.05.2005 17:52

Das Template scheint auf SolarFlare zu basieren, zumindest sieht die CSS so aus. Da erwartet Dich leider viel Bastel- und Rechenarbeit.

Der außenrahmen wird hier definiert:

#main_outline {
width: 802px !important;
width: 808px;
border: 1px solid #cccccc;
padding: 2px;
background-color:#ffffff;
}

Aber alle anderen Größenangaben musst Du dann auch auch noch entsprechend erhöhen. Ich wünsche Dir viel geduld

Thema: template strecken (PS Business)

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

template strecken (PS Business)

Ähnliche Themen

TmjgSoft template won't work in Mambo 4.5.2

SidoGold.com Template Ersteller gesucht!

Template download question.

Sicheres und aufgeräumtes Template

Lesezeichen

Lesezeichen

Berechtigungen