Tweet
Bonsoir tout le monde.
Voilà, j'ai créer un template sur pour Joomla. Sur dreamweaver pas de soucis. J'a mis mon php pour qu'il fonctionne sur joomla.
Mais quand je l'envois sur joomla 1.7, mon css n'est plus pris en compte, j'ai beau tester de modifier la couleur de fond ou la taille u texte, mais rien n'y fait, voici le code de l'index :
et le début de mon code css :
Et je me retrouve avec une page blanche où il y a juste écrit accueil en noir dessus
PS: Je suis en local.
Voilà, j'ai créer un template sur pour Joomla. Sur dreamweaver pas de soucis. J'a mis mon php pour qu'il fonctionne sur joomla.
Mais quand je l'envois sur joomla 1.7, mon css n'est plus pris en compte, j'ai beau tester de modifier la couleur de fond ou la taille u texte, mais rien n'y fait, voici le code de l'index :
Code HTML:
<?php defined('_JEXEC') or die; ?> <!DOCTYPE html PUBLIC "-//W3C/GTG 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" /> <link rel="stylesheet" href="<?php echo $this->baseur1 ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseur1 ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseur1 ?>/templates/<?php echo $this->template ?>/css/general.css" /> <?php $nbmodules = 0; if ($this->countModules('nouveau')) $nbmodules++; if ($this->countModules('ventes')) $nbmodules++; if ($this->countModules('vu')) $nbmodules++; if ($nbmodules == 1) $modulesclasse = 'entier' ; if ($nbmodules == 1) $modulesclasse = 'moitie' ; if ($nbmodules == 1) $modulesclasse = 'tiers' ; ?> </head> <body> <div id="wrapper"> <div id="top"> <div id="logo"><a href="index.php"><img src="images/logo.png" /></a></div> <div id="bandeau"><a href="index.php"></a></div> <div id="recherche"> <jdoc:include type="modules" name="recherche" /> </div> <div class="clr"></div> </div> <div id="menu"> <jdoc:include type="modules" name="menu" /> </div> <div id="pathinfo"> <jdoc:include type="modules" name="pathinfo" /> </div> <div id="milieu"> <div id="gauche"> <?php if ($nbmodules) : ?> <div id="news"> <?php if ($this->countModules('nouveau')) : ?> <div class="<?php echo $modulesclasse; ?>"> <div class="interne"> <jdoc:include type="modules" name="nouveau" style="xhtml" /> </div> </div> <?php endif ; ?> <?php if ($this->countModules('ventes')) : ?> <div class="<?php echo $modulesclasse; ?>"> <div class="interne"> <jdoc:include type="modules" name="ventes" style="xhtml" /> </div> </div> <?php endif ; ?> <?php if ($this->countModules('vu')) : ?> <div class="<?php echo $modulesclasse; ?>"> <div class="interne"> <jdoc:include type="modules" name="vu" style="xhtml" /> </div> </div> <?php endif ; ?> <div class="clr"></div> </div> <?php endif ; ?> <jdoc:include type="message" /> <jdoc:include type="component" /> </div> <div id="droite"> <jdoc:include type="modules" name="connexion" /> <jdoc:include type="modules" name="commande" /> </div> <div class="clr"></div> </div> <div id="barre-bottom" /> <div id="bottom"> <jdoc:include type="modules" name="footer" style="xhtml" /> </div> </div> <jdoc:include type="modules" name="debug" /> </body> </html>
Code HTML:
@charset "utf-8";
/* CSS Document */
/* Informations de bases*/
body{
color: #FFF;
background: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
}
img{
border: none;
}
a{
color: #9e9e9e;
}
a:hover{
text-decoration: none;
}
a:focus{
outline: none;
}
li{
list-style: none;
}
p{
padding: 4px 0 4px 0;
}
*{
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5{
font-size: 14px;
font-weight: normal;
}
/*Les divs*/
#wrapper{
width: 1024px;
margin: 0 auto;
}
#top{
height: 150px;
}
#logo{
width: 150px;
height: 150px;
float: left;
}
#logo a{
width: 150px;
height: 150px;
display: block;
}
#bandeau{
background: url(../images/bandeau.png) top left no-repeat;
width: 674px;
height: 150px;
float: left;
}
#bandeau a{
width: 674px;
height: 150px;
display: block;
}
#recherche{
width: 200px;
height: 150px;
float: left;
}
#pathinfo{
font-size: 10px;
}
#connexion{
width: 200px;
}
/*Les classes*/
.clr{
clear: both;
}
PS: Je suis en local.
Commentaire