Würde ich gerne machen, jedoch habe ich die Seite zur Entwicklung leidiglich in einer lokalen Umgebung auf meine PC installiert.
Hier aber der Code:
template.css
Code:
html{
height: 100%;
}
form {
margin: 0;
padding: 0;
}
body{
font-size: 12px;
font-family: Verdane, Arial;
background: white; #url(../images/page_bg.png) repeat-x top center;
}
h3{
font-size: 14px;
font-family: Verdane, Arial;
}
a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: black;
}
a:hover {
text-decoration: underline;
font-weight: bold;
color: blue;
}
#container{
width: 85%;
margin: 0 auto;
}
#logo{
position: absolut;
width: 30%;
height: 200px;
background: url(../images/Desktop-PC.png) no-repeat top left;
}
#logo2{
position: absolut;
float:right;
width: 70%;
height: 150px;
margin-left: 30%;
margin-top: -150px;
background: url(../images/logo.png) no-repeat top right;
}
#topmenu{
float: left;
width: 100%;
height: 40px;
margin-top: 5px;
border-bottom: solid black 2px;
line-height:15px;
color: blue;
background: ;
}
#topmenu li {
float: left;
margin:0 20px 0 0px;
}
.search {
float:right;
height:22px;
width:197px;
padding:5px 0px 0px 0px;
background: ;
}
.search .inputbox {
float:right;
border: solid #696969 1px ;
color: #696969;
font-size:11px;
line-height:16px;
height:16px;
width:190px;
padding:2px 6px 4px 0;
background:none;
}
#mitte{
position: relative;
margin-top: 5px;
float: left;
width: 100%;
height: auto;
background: white;
}
#leftmenu{
float:left;
width: 15%;
color: blue;
background: ;
}
#content{
float: left;
width: 65%;
height: auto;
border: solid 0px black;
overflow: hidden;
background: ;
}
#rightmenu{
float: right;
width: 20%;
height: auto;
background: ;
}
#footer{
postition: relative;
float:left;
width: 60%;
height: 64px;
margin-top: 20px;
margin-left: 20%;
margin-right: 20%;
background: ;
color: ;
text-align:center;
}
/* small text */
.small {
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}
.modifydate {
height: 20px;
vertical-align: bottom;
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}
.createdate {
height: 20px;
vertical-align: top;
font-size: .90em;
color: #999;
font-weight: normal;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
}
index.php
Code:
<?php
//kein direkter Zugriff
//defined('JEXEC') or die('Zugriff verboten')
?>
<!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" lang="<?php echo $this->language; ?>" xml:lang="<?php echo $this->language; ?>">
<head>
<?php
$user =& JFactory::getUser();
if ($user->get('guest') == 1) {
$headerstuff = $this->getHeadData();
$headerstuff['scripts'] = array();
$this->setHeadData($headerstuff);}
if($my->id){
if(isset ($_REQUEST["task"]) && ($_REQUEST["task"] == "edit" || $_REQUEST["task"] == "new"))
{
initEditor();
}
}
?>
<jdoc:include type="head" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/blank_mal/css/template.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" />
</head>
<body>
<div id="container">
<div id="logo">
<jdoc:include type="modules" name="top" />
</div>
<div id="logo2">
</div>
<div id="topmenu">
<jdoc:include type="modules" name="user1" />
</div>
<!--<div id="search">
<jdoc:include type="modules" name="user2" />
</div>-->
<div id="mitte">
<div id="leftmenu">
<jdoc:include type="modules" name="left" />
</div>
<div id="content">
<jdoc:include type="component" />
</div>
<div id="rightmenu">
<jdoc:include type="modules" name="right" />
</div>
</div>
<div id="footer">
Powered by
<br>
<a href="http://validator.w3.org/check/referer">valid xhtml</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">valid css</a>
<jdoc:include type="modules" name="footer" />
</div>
</div>
</body>
</html>
LinkBack URL
About LinkBacks
Contentbreite anpassen
Zitieren
Zitat von mali2003
Lesezeichen