Forum ZitePLUS
Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
#1 16/07/2008 14:46:42
- coconuts-peats
- Membre
- Inscription : 16/07/2008
- Messages : 3
[Prob]Zite Template
Bonjour A toutes et a tous
Voila j'ai parcouru l'application Zite et j'aurai quelques petites questions concernant sont habillage
je vous laisse le lien pour une version test :
http://75004coconuts.free.fr/zite-test
Info :
j'ai modifier la page style.css ainssi que la page template.php que je vous fourni en bas de page.
je n'ai pas touché au login et mdp admin est rester admin et user user
j'ai zaper le lien pour se log. je vous le retransmet
http://75004coconuts.free.fr/zite-test/ … hp?z=login
Questions :
- 1 se serai au niveau des onglets :
.zli1,.zli2,.zli3,.zli4
j'aimerai comme vous pouvez le constater un système de navigation horizontal avec les sous onglets en dessous de l'onglet sélectionné un peu comme un système de menu déroulant
et la je beug un peu.
- 2 se serai au niveau des différents navigateurs comme toute personne qui se respect au niveau informatique je suis sur firefox Linux mais quand je passe sur une section Windows avec IE pour tester mon habillage graphique mes block menu soufre et se décale pourriez vous si toutefois vous avez un peu de temps jeter un oeil sur la version test et me dire se qui ne passe pas
merci d'avance
Page template.php :
<!DOCT YPE 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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><?php echo $zite->content['menu_title'].', '.$zite->get_data('site_title') ?></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div id="top">
<img src="deco/logo.gif" alt="Lopez Acrobatic Show" />
</div>
<div id="mid">
<div id="topcontenu">
</div>
<div id="contenu">
<div id="side">
<?php echo $zite->content['menu'] ?>
</div>
<div id="main">
<?php echo $zite->content['main'] ?>
<hr />
</div>
</div>
<div id="bottomcontenu">
</div>
<div id="break"></div>
</div>
<div id="bot">Site motorisé par <a href="http://zite.prositif.com">ZITE CMS <?php echo ZITEVER ?></a></div>
</div>
</body>
</html>Page style.css :
body {
background-color: #000;
margin: 0;
padding: 0;
text-align:center;
}
body, td {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
color:#fff;
}
img {border: none;}
h1 {font-size: 150%; color:#fff;}
h2 {font-size: 130%; color:#fff;}
h3 {font-size: 120%; color:#fff;}
h4 {font-size: 110%; color:#fff;}
h5 {font-size: 100%; color:#fff;}
a {
color: #35B;
text-decoration: none;
}
a:hover {
color: #B53;
}
#page {
width: 1000px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#top {
width: 906px;
height: 103px;
margin:10px auto 10px;
padding:0;
}
#mid {
width: 1000px;
margin:0;
madding: 0;
padding:0;
}
#side {
width: 1000px;
margin:0;
padding: 5px 0 5px;
}
#topcontenu{
width:1000px;
height:25px;
background:url(deco/top-contenu.gif);
margin:0;
padding:0;
}
#contenu{
width:990px;
background:url(deco/pixel-contenu.gif) repeat-y;
margin:0;
padding:0 11px;
}
#main {
width: 940px;
margin:0;
padding: 0 15px;
text-align: justify;
}
#bottomcontenu{
width:1000px;
height:25px;
background:url(deco/bottom-contenu.gif);
margin:0;
padding:0;
}
#break {
clear: both;
}
#bot {
width: 1000px;
border-bottom: 1px solid #777;
background-image: url(deco/topbg.png);
font-size: 75%;
text-align: center;
margin:0;
mapping: 0;
color: #225;
}
/* Menu */
.zul {
padding: 0;
margin: 10px 0 0 0;
list-style: none;
}
.zli1,.zli2,.zli3,.zli4 {
}
.zon {
}
.zli1 a{
text-align:center;
display:block;
float:left;
background:url(deco/menu.gif);
width:243px;
height:47px;
margin:0 1px 0 0;
padding:15px 0 0;
font-size:20px;
color:#fff;
}
.zli2 a{
clear:both;
text-align:center;
display:block;
background:url(deco/menu.gif);
width:243px;
height:47px;
margin:0 5px;
padding:15px 0 0;
font-size:20px;
color:#fff;
}
.zli3 {
margin-left: 32px;
}
.zli4 {
margin-left: 48px;
}
/* styles zite */
#zadmin {
width:600px;
color:#000;
background-color: #EEE;
padding: 0 2px;
margin: 65px auto 0;
}
table td{color:#000;}
.ztable {
background-color: #EEE;
padding: 0 2px;
margin: 5px auto;
width: 800px;
}
.ztable td{
color:#000;
}
.zalert {
border: 1px solid #C00;
background-color: #FEA;
padding: 0 2px;
}
hr{
height:1px;
margin:0;
padding:0;
clear:both;
visibility:hidden;
}Merci à tous ceux qui m'apporterons une solution
Hors ligne
#2 17/07/2008 13:16:47
- coconuts-peats
- Membre
- Inscription : 16/07/2008
- Messages : 3
Re : [Prob]Zite Template
J'ai fait quelque pt modif concernant zli1 ce qui ma permi de rétablir mon prob sur IE maintenant reste a voir pour le zli2, zli3 si cela est possible de le faire venir en menu système de déroulant c'est a dire l'in en dessous de l'autre si toutefois une personne touverais la solution merci de me tenir informé si jamais je la trouve par moi même je vous fait un nouveau template que vous pourrez exploité
Merci à ceux et celle qui m'aiderai dans ma recherche
pour info les modification était :
.zli1 {
display:block;
float:left;
width:243px;
height:64px;
margin:0 1px 0 0;
padding:0;
}
.zli1 a{
text-align:center;
display:block;
color:#fff;
background:url(deco/menu.gif) no-repeat;
width:243px;
height:60px;
padding:15px 0 0;
margin:0;
font-size:20px;
}Hors ligne
#3 17/07/2008 14:53:05
- coconuts-peats
- Membre
- Inscription : 16/07/2008
- Messages : 3
Re : [Prob]Zite Template
Bon suite à une petite analyse j'ai trouvé la réponse a mon prob.
merci a tous ceux qui étai passer sur se post en vue de me donner un coup de main des que j'ai fini le site
je vous ferai une petite template d'une part pour remercier le créateur de Zite et vous tout autre membres pour qui un système de menu horizontal avec les sous menu en principe de déroulant sans utiliser de javascript
Hors ligne
#4 18/07/2008 17:54:57
- brec'hed
- Membre
- Inscription : 23/11/2007
- Messages : 22
Re : [Prob]Zite Template
Salut,
Je suis curieux de connaître ta solution. J'ai cherché longtemps et je n'ai jamais trouvé comment faire car le problème vient de la structure des menus en liste et des sous menus qui sont des éléments de la liste générale non pas une liste enfant complète.
Hors ligne