Modulpositionen erstellen / ändern - kein durchblick

**mimonet** · 05.03.2007 20:33

Habe folgendes Problem:
Die Modifizierung meines Templates macht mir große Schwierigkeiten.
Möchte dem Template zwei Positionen hinzufügen.

Oben die Position Banner. (wie im Anhang abgebildet) und die Position `rechts`.
Unten soll der Footer zentriert sein.

Habe schon verschiedene Sachen die hier im Forum beschrieben wurden ausprobiert. Zerreißt mir jedesmal das Template.
Hat wohl damit zutun dass ich keinen Plan von der Index PHP habe und die entsprechenden Stellen nicht finden kann.
hier ist die index.php

PHP-Code:


<?php

defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );

// needed to seperate the ISO number from the language file constant _ISO

$iso = split( '=', _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

if ( $my->id ) {

    initEditor();

}

mosShowHead();



$user1_color = "blue";         // blue/orange

$user2_color = "orange";     // blue/orange

$user3_color = "blue";         // blue/orange



?>

<meta **********="Content-Type" content="text/html; <?php echo _ISO; ?>" />

<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css"/>

<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/topmodules.css" rel="stylesheet" type="text/css"/>

<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/contentareas.css" rel="stylesheet" type="text/css"/>

<!--[if IE 6]>

<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie.css" rel="stylesheet" type="text/css"/>

<![endif]-->

<!--[if IE 7]>

<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie7.css" rel="stylesheet" type="text/css"/>

<![endif]-->

</head>

<body class="mainbody">

    <div id="center">

        <div id="wrapper">

            <div id="top"></div>

            <div id="headermain">

                <div id="headerleft">

                    <div id="logo"></div>

                </div>

                <div id="search">

                    <form action="index.php" method="post">

                      <div align="center">

                        <input class="inputbox" type="text" name="searchword" size="26" value="<?php echo _SEARCH_BOX; ?>"  onblur="if(this.value=='') this.value='<?php echo _SEARCH_BOX; ?>';" onfocus="if(this.value=='<?php echo _SEARCH_BOX; ?>') this.value='';" />

                        <input type="hidden" name="option" value="search" />

                      </div>

                    </form>

                </div>

            </div>

            <div id="mainbg1">

                <div id="mainbg2">

                    <div id="menubar"><?php mosLoadModules('top', -2); ?></div>

                    <div id="mainbg_ie">

                        <div id="mainbg3">            

                            <div id="mainbg4">

                                <div id="padding">

                                    <?php if (mosCountModules('user1') or mosCountModules('user2') or mosCountModules('user3')) { $showcase="yes"; } else { $showcase="no"; }

                                    if ($showcase == "yes") { ?>            

                                        <div id="topmodule_container">

                                            <div class="topmodule_<?php echo $user1_color; ?>"><div class="topmodule_inside"><?php mosLoadModules ( 'user1', -2 ); ?></div></div>

                                            <div class="topmodule_<?php echo $user2_color; ?>"><div class="topmodule_inside"><?php mosLoadModules ( 'user2', -2 ); ?></div></div>

                                            <div class="topmodule_<?php echo $user3_color; ?>"><div class="topmodule_inside"><?php mosLoadModules ( 'user3', -2 ); ?></div></div>

                                        </div>

                                    <?php } ?>

                                    <div id="left">

                                        <?php if ($showcase == "yes") { ?><div id="left_top"></div><?php } else { ?><div id="left_top_nobg"></div><?php } ?>

                                        <div id="left_content"><?php mosLoadModules ( 'left', -2 ); ?></div>

                                        <div id="left_bottom"></div>

                                    </div> 

                                    <div id="main_wide">

                                        <?php if ($showcase == "yes") { ?><div id="main_top_wide"></div><?php } else { ?><div id="main_top_wide_nobg"></div><?php } ?>

                                        <div id="main_content_wide"><?php mosMainBody(); ?></div>

                                        <div id="main_bottom_wide"></div><?php mosLoadModules ( 'footer' ); ?>

                                    </div>

                                                                                        <?php mosLoadModules ( 'user7' ); ?>

                            </div>

                            </div>

                                                    </div> 

                    </div>

                    <div id="bottom"><span id="bottom_logo"><a href="http://www.toolboxcreations.com"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/tbc_logo.png" border="0" alt="Toolbox:creations" /></a></span></div>

                </div>

            </div>

        </div>

    </div>

</body>

</html>

Bin für eure Hilfe mehr als DANKBAR.

**philipp1981** · 05.03.2007 20:54

Hi,

ich habe auch nicht sehr viel Ahnung von Templates, aber mir hat Dreamweaver sehr geholfen. Wie heist den das Template vielleicht kann ich mir das ja mal anschauen.

Ansonsten wie gesagt Dreamweaver hilft wenn man keine Ahnung von PHP hat, so wie ich

**marsh** · 05.03.2007 22:09

Zitat von philipp1981

Hi,

ich habe auch nicht sehr viel Ahnung von Templates, aber mir hat Dreamweaver sehr geholfen. Wie heist den das Template vielleicht kann ich mir das ja mal anschauen.

Ansonsten wie gesagt Dreamweaver hilft wenn man keine Ahnung von PHP hat, so wie ich

Was hat das mit PHP zu tun. Bei PHP kann Dir Dreamweaver auch nicht helfen.
Ist wohl eher ein Problem in der CSS-Datei.

@mimonet
Poste doch mal deine CSS-Datei

**mimonet** · 06.03.2007 08:33

@ marsh. Hier die template_css.css

html {
height : 100%;
margin-bottom : 1px;
}

Code:

body {
	margin:0px;
	margin-right: 1px;
	padding: 0;
	height:  100%;
	margin-bottom: 0px;
    background: #438FC2;
}

a:link, a:visited {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.inputbox {
border: 1px solid #aaa;
color:#000;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size:11px;
}

 .submit {
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}

h1 {
	font-weight: normal;
	font-size: 18px;
	color: #f00;
}

h2 {
	font-weight: normal;
	font-size: 16px;
	color: #f33;
}

td, p, div, span {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #3d4242;
	line-height: 120%;
	letter-spacing:0px;
	text-align:left;
}

h3, .componentheading {
	color: #CF7005;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin-bottom: 5px;
	padding-left:2px;
	vertical-align:middle;
	text-indent:5px;
	margin-top:5px;
	height:20px;
	line-height:20px;
}

.moduletable h3 {
	width:164px;
	background:#FCCA94 url(../images/heading_bg.png) 0 0 no-repeat;
	margin-top:5px;
}

h4 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #f33;
	text-decoration:underline;
}

h5 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	vertical-align:middle;
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	color: #af3182;
	text-decoration:none;
	letter-spacing:-1px;
}

.contentheading {
	color: #3d4242;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	padding: 0;
	margin: 0;
	text-transform:none;
	letter-spacing:0px;
}

.buttonheading {
	vertical-align: bottom;
}

.sectiontableheader {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

table.contenttoc {
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 5px;
}

span.small, td.createdate {
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

a.mainlevel {
	background:url(../images/menu_arrow3.png) 0 4px no-repeat;
	display: block;
	padding-left: 12px;
	margin-left:10px;
	width:95%;
	padding-top:1px;
	padding-bottom:1px;
}

div.clr {
	clear: both;
}

div#center {
	text-align: center;
}

div#wrapper {
	margin-left: auto;
	margin-right: auto;
	width:930px;
}

div#search {
	float:right;
	margin-right:100px;
	margin-top:18px;
	width:115px;
	height:20px;
}

div#top {
	position:relative; top:0px; left:0px;
    background: url(../images/header_top.png) 0 0 no-repeat;
	width:930px;
	height:42px;
}

div#headerleft {
	position:relative; top:0px; left:0px;
	float:left;
    background: url(../images/header_left.png) 0 0 no-repeat;
	width:240px;
	height:88px;
}

div#logo {
	position:relative; top:5px; left:40px;
	float:left;
    background: url(../images/logo.png) 0 0 no-repeat;
	width:194px;
	height:52px;
}

div#headermain {
	position:relative; top:0px; left:0px;
    background: #fff url(../images/header_bg.png) 240px 0 repeat-y;
	width:930px;
	height:88px;
}

div#mainbg1 {
	position:absolute;
    background: url(../images/shadow_left.png) 0% 0 repeat-y;
	width:15px;
}

div#mainbg2 {
	float:left;
    background: url(../images/shadow_right.png) 100% 0 repeat-y;
   	width:930px;
}

div#mainbg_ie {
	float:left;
	position:relative; top:0px; left:15px;
  	background:#F98D17 url(../images/mainbody_bg.png) 0 0 repeat-x;
  	width:900px;
  	margin:0;
}

div#mainbg3 {
	position:relative; top:0px; left:0px;
	float:left;
	width:900px;
}

div#mainbg4 {
	position:relative; top:0px; left:0px;
	float:left;
	width:900px;
}

div#menubar {
	position:relative; top:0px; left:15px;
    background: url(../images/menu_bg.png) 0 0 repeat-x;
	width:900px;
	height:27px;
}

div#padding {
	width:885px;
	margin-left:15px;
	margin-right:-15px;
}

div#content_bg {
width:900px;
}

div#left_top,
#left_top_nobg {
	width:178px;
	height:8px;
	background:url(../images/sidemodulebox_top.png) 0 0 no-repeat;
}

div#left_top_nobg {
	background:url(../images/sidemodulebox_top_nobg.png) 0 0 no-repeat;
}

div#left {
	float:left;
	display:block;
	margin-top:12px;
	margin-right:12px;
	margin-left:0;
	width:178px;
	background:url(../images/sidemodulebox_mid.png) 0 0 repeat-y;
}

div#left_content {
	margin:5px 0px 10px 10px;
	width:158px;
	min-height:200px;
	height:auto !important;
	height:200px;
}

div#left_bottom {
	width:178px;
	height:8px;
	background:url(../images/sidemodulebox_bot.png) 0 100% no-repeat;
}

div#container {
	float:left;
	width:900px;
}

div#bottom {
	position:relative;left:0px;
	float:left;
    background: url(../images/bottom.png) 0 0 no-repeat;
	width:930px;
	height:45px;
}

#bottom_logo {
	position:relative;left:0px;
	float:right;
	margin-top:0px;
	width:930px;
	height:45px;
	text-align:center;
}


div#main ul {
    margin-left: 0px;
    padding-left: 10px;
}
	
div#main li {	
    margin-left: 0px;
    padding-left: 20px;
}

div#menubar ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

div#menubar li {
	margin: 0px;
	padding: 0px;
}

div#menubar a {
	float:left;
	display:block;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	padding: 0px 15px 0px 5px;
	margin-left:5px;
	margin-right:0px;
	margin-top:0px;
	font-size: 12px;
	font-weight:bold;
	text-transform:none;
	color:#444;
	background: url(../images/menu_sep.png) 0 -1px  no-repeat;
	text-indent:15px;
}

ul#mainlevel-nav a {
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	background: url(../images/menu_sep.png) 0 0  no-repeat;
}

div#menubar a:hover {
	color:#F98D17;
}

div#menubar a.active_menu {
  	color: #484;
}

span.pathway {
	float: left;
	line-height: 20px;
}

**marsh** · 06.03.2007 09:46

Also was mir als erstes Aufgefallen ist.
Du benutzt ID's die garnicht in der CSS definiert sind.

zb. <div id="main_bottom_wide"> <div id="main_content_wide">

das würde ich doch zuerstmal korrigieren.

Gruß
Martin

**philipp1981** · 06.03.2007 21:24

Zitat von marsh

Was hat das mit PHP zu tun. Bei PHP kann Dir Dreamweaver auch nicht helfen.
Ist wohl eher ein Problem in der CSS-Datei.

@mimonet
Poste doch mal deine CSS-Datei

Es gibt ja auch kein Joomla Template Kit 2.0 für Dreamweaver
( http://www.m65.net/cms/ ) naja beschränken wir uns doch einfach
auf das Problem.

**marsh** · 06.03.2007 21:33

Zitat von philipp1981

Es gibt ja auch kein Joomla Template Kit 2.0 für Dreamweaver
( http://www.m65.net/cms/ ) naja beschränken wir uns doch einfach
auf das Problem.

Na, dann warten wir mal wie das "Dreamteam" diesen Fall löst.

**mimonet** · 09.03.2007 20:34

Hab das Problem nach unendlichen Versuchen mit Hilfe des Entwicklers lösen können.
Das Ganze funktioniert folgendermaßen:
Für ein Banner 234x60 muß folgendes getan werden:

In die template_css.css, folgendes einfügen :

div#topbanner {
position:relative;top:0px;left:105px;
float:left;
width:234px;
height:60px;
padding:0;
margin:0;
}

In der index.php, finde folgenden Code (ziemlich weit oben):

<div id="headermain">
<div id="headerleft">
<div id="logo"></div>
</div>
<div id="search">

Hier einfügen:

<div id="topbanner"><?php mosLoadModules ( 'toolbar', -2 ); ?></div>

Der neue Tag sieht jetzt so aus:

<div id="headermain">
<div id="headerleft">
<div id="logo"></div>
</div>
<div id="topbanner"><?php mosLoadModules ( 'toolbar', -2 ); ?></div>
<div id="search">

Die Modulposition heißt jetzt "toolbar".

**Alistair** · 10.03.2007 08:31

Hi, wie sieht das denn für den Positioner Rechts aus? Die fehlt bei meinem Template auch und Positioner Links ist schon ziemlich voll.....

**Schiggy** · 10.03.2007 12:10

hallo,

das mit dem rechten modul habe ich hinbekommen, nur jetzt komme ich nicht weiter und zwar, das modul wird auf der startseite angezeigt das ist i.o., aber sobald ich z.b. auf einen der menüpunkte gehe möchte ich, dass nicht nur die inhalte sondern auch die grafik des moduls abgeschaltet (deaktiviert) wird. hier ist es zu sehen: LINK . lässt sich sowas mit diesem template realisieren ? danke.

Thema: Modulpositionen erstellen / ändern - kein durchblick

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Modulpositionen erstellen / ändern - kein durchblick

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen