| Autor |
Nachricht |
paddyuboot
Threadersteller
Dabei seit: 11.08.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 19.02.2011 19:22
Titel Erstes eigenes Joomla Template |
  |
|
Hi,
ich bastle mir seit ca 2 Stunden ein eigenes Joomla Template. Soll heißen von der Picke (Html,Css) auf, baue ich mir ein komplett eigenes Template. Klappt soweit auch wunderbar, nun habe ich folgendes Problem: Die Texte, lauzfen aus den verschiedenen Div Containtern raus. Wieso weiß ich nicht, habe nun schon einiges probiert und ich weiß echt nicht, wieso es nicht geht. Denn sonst habe ich es auch immer so gemacht und da wurden Zeilenumbrüche gemacht :S. Kann mir jemand von euch helfen?
Hier sind die Codes:
Html, bzw Index.php:
| Code: |
<?php defined('_JEXEC') or die('Restricted access'); ?>
<?php echo '<?xml version="1.0" encoding="utf-8"?' .'>'; ?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<meta name="mssmarttagspreventparsing" content="true" />
<meta http-equiv="imagetoolbar" content="no" />
<link href="templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('widthStyle'); ?>.css" rel="stylesheet" type="text/css" media="screen" />
<link href="templates/<?php echo $this->template ?>/css/template_css.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="templates/<?php echo $this->template ?>/css/narrow.css" title="narrow" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="templates/<?php echo $this->template ?>/css/wide.css" title="wide" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="head">
<div id="logo">logo</div>
<div id="snmenu">snmenu</div>
</div>
<div id="marginer"></div>
<div id="banner_wrapper">banner_wrapper
<div id="navi_wrapper">navi_Wrapper
<div id="navi">navi</div>
</div>
<div id="bannerfoto">bannerfoto
<div id="hugo">hugo<div id="hugo_unterschrift">hugo_unterschrift</div></div>
</div>
</div>
<div id="blockunten_wrapper">blockunten_wrapper
<div id="seitenspalte_wrapper">seitenspalte_Wrapper
<div id="seitenspalte">
seitenspalte
</div>
</div>
<div id="content_wrapper">content_Wrapper
<div id="content">
content
</div>
</div>
</div>
</div>
</body>
</html>
|
Und Css
| Code: |
* {
margin : 0;
padding : 0;
}
html {
height : 100%;
}
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family : Tahoma, sans-serif;
font-size: 11px;
color: #dbdada;
background: url(../images/bg.jpg) repeat;
}
a:link, a:visited { color: #5b93ef; text-decoration: underline; font-weight: normal; }
a:active, a:hover { color: #5b93ef; text-decoration: none; }
p {
margin: 0px;
padding: 0px;
}
img {
margin: 0px;
padding: 0px;
border: none;
}
#wrapper {
width: 920px;
margin: 0 auto;
height:900px;
margin:20px auto;
}
#head {
clear: both;
width: 920px;
height: 110px;
background-color:#366333;
}
#logo {
float: left;
width: 450px;
height: 110px;
background-color:#444444;
}
#snmenu {
float: right;
width: 300px;
height: 50px;
margin-top:60px;
background-color:#444444;
}
#marginer
{
height:20px;
}
#banner_wrapper {
float:left;
width: 920px;
background-color:#875422;
}
#navi_wrapper {
float:left;
margin:10px;
width: 240px;
height: 110px;
background-color:#875454;
padding:10px;
}
#navi {
width: 240px;
height: 110px;
background-color:#872154;
}
#bannerfoto {
float:right;
margin:10px;
width: 600px;
height: 110px;
background-color:#555555;
padding:10px;
}
#hugo {
float:right;
margin:10px auto;
width: 240px;
height: 40px;
background-color:#875454;
padding:10px;
}
#hugo_unterschrift {
float:right;
margin:10px auto;
width: 50px;
height: 10px;
background-color:#222222;
padding:10px;
}
#content_wrapper_aussen
{
float:left;
width: 920px;
background-color:#777777;
}
#blockunten_wrapper {
float:left;
background-color:#996699;
}
#seitenspalte_wrapper {
float:left;
margin:10px;
width: 240px;
background-color:#875454;
padding:10px;
float:left;
}
#seitenspalte {
min-height:500px;
width: 240px;
background-color:#872154;
float:left;
}
#content_wrapper {
float:right;
margin:10px;
width: 600px;
background-color:#445555;
padding:10px;
}
#content{
width: 600px;
min-height:500px;
background-color:#872154;
}
|
|
|
| |
   |
 |
paddyuboot
Threadersteller
Dabei seit: 11.08.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 20.02.2011 02:18
Titel
|
|
|
|
Keiner ne Lösung :S?
|
|
| |
|
|
|
Anzeige
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: 
|
Verfasst So 20.02.2011 13:29
Titel
|
|
|
In welchem Browser hast du denn die Probleme? Bei mir im FF sieht es doch ganz gut aus.
Zuletzt bearbeitet von nicoG am So 20.02.2011 13:32, insgesamt 1-mal bearbeitet
|
|
| |
|
|
paddyuboot
Threadersteller
Dabei seit: 11.08.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 21.02.2011 17:21
Titel
|
|
|
Hi, danke erstmal fürs ausprobieren! Ja das Design stimmt, also es sieht genauso aus wie bei dir. Fülle ich nun z.B. die Seitenspalte via Joomla (In der Seitenspalte liegt ein Modul), dann läuft der Text aus der Spalte raus. Jedoch scheint dies jetzt auch behoben zu sein, ich wüsste dennoch gerne woran es lag 
Ps: hatte es mit Opera ausprobiert
Zuletzt bearbeitet von paddyuboot am Mo 21.02.2011 17:22, insgesamt 1-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
joomla template in ein html/css template konvertieren?
Joomla Template
Joomla Template 1.0 in 1.5 umwandeln
Joomla-Template Verständnisfrage
Hilfe bei joomla Template
Joomla-Template: CSS schribgeschützt?
|
|
Willkommen auf dem Portal für Mediengestalter
