FLASH -> ZITE

bmael · 10/09/2007 11:21:29

Bonjour à tous ! Je réalise des site web pour l'entreprise de certains amis et suis heureux de leur proposer une interface pour intervenir sur le contenu des pages. Merci pour ce travail.
Le dernier site réalisé : transformer un site fait en Flash par un concurant pour le passer en HTML avec ZITE
Résultat : http://www.dacquin.fr/ZITE/

J'ai juste un problème avec le formulaire de contact.

Dernière modification par bmael (10/09/2007 11:22:23)

rohirrim · 10/09/2007 12:48:54

joli le zite... mais comment as-tu fait pour virer le menu de coté pour le remplacer par des boutons en haut ?

bmael · 10/09/2007 13:22:41

Très simple : j'ai fais des boutons dans la partie centrale et le menu, je l'ai mis en "visibility: hidden" et expédié tout à droite avec une marge à droite négative et en position absolute. Tout ça en CSS bien sûr.

html {
overflow-x: hidden;
}
body {
background-color: #FFF;
background-image: url(deco/fond2.png);
background-position: center top;
background-repeat: repeat-y;
margin: 0;
padding: 0;
text-align:center;
}

body, td {
font-family: Arial, helvetica, sans-serif;
font-size: 10pt;
}
img {border: none;}
h1 {font-size: 150%; color: #336699;}
h2 {font-size: 100%; font-weight: bold; color: #777777;}
h3 {font-size: 120%; color: #336699;}
h4 {font-size: 110%;}
h5 {font-size: 80%; font-weight: normal; color: #777777;}
p {font-size: 100%; color: #777777; text-align: justify;}

a {
color: #999999;
text-decoration: none;
}
a:hover {
color: #cccccc;
}

#page {
background-image: url();
background-position: center top;
background-repeat: repeat-y;
border: solid 0px #CCC;
border-top: none;
width: 619px;
margin: 7px auto 16px auto;
border-left: 0px solid #777;
border-right: 0px solid #777;
padding: 0;
text-align: left;
}

#top {
width: 619px;
height: 100px;
background-image: url(deco/image2.png);
background-position: center top;
background-repeat: repeat-y;
border-bottom: none;
margin:0;
padding: 10px 0 0 0;
}

#mid {
width: 100%;
height: 100%;
border-bottom: 0px solid #CCC;
background-image: url();
margin: 0;
padding: 0;
overflow: visible;
}

#side {
position: absolute;
z-index: 4;
visibility: hidden;
width: 180px;
float: right;
margin-right: -220px;
padding: 5px 10px 5px 10px;
}

#main {
width: 619px;
margin: 0px;
padding: 0px;
text-align: left;
}

#break {
clear: both;
}

#bot {
width: 619px;
border-bottom: 0px solid #777;
background-position: center top;
background-repeat: no-repeat;
font-size: 70%;
text-align: center;
margin: 0;
padding: 0;
color: #777777;
}

Dernière modification par bmael (10/09/2007 13:23:28)

Vektrox · 10/09/2007 18:35:32

bmael a écrit :

Le dernier site réalisé : transformer un site fait en Flash par un concurant pour le passer en HTML avec ZITE
Résultat : http://www.dacquin.fr/ZITE/
J'ai juste un problème avec le formulaire de contact.

Et le concurrent il dit quoi ?

bmael · 10/09/2007 18:38:15

Je ne connais pas le concurant, mais je sais que son client est propriétaire du site et à le droit d'en faire ce qu'il veut.

Vektrox · 10/09/2007 21:07:09

C'était de l'humour bmael !! en tous cas bravo pour la réalisation, si tu peut envoyer les autres zite que tu à fait, ce sera pas mal, car la c'est du lourd...

Je vais regarder ton CSS voir comment il est fait....

treb · 11/09/2007 08:33:14

Super boulot.
Juste un chose, tu as viré le menu, cela veut dire que tes boutons sont codés "en dur" dans le template. Si c'est le cas, est-ce que tu ne perd pas un des grands intérêts d'un cms : la rapidité et facilité d'adaptation ?

bmael · 11/09/2007 09:36:53

Les boutons sont dans le contenu de la page et non dans le template, ce qui me permet de le faire avec l'interface WYSIWYG du CMS qui est très bien faite. Sans doute on perd une partie de l'intérêt d'un CMS, mais ça permet ensuite au propriétaire du site d'avoir une interface pour faire des modifs sans être un pro de l'informatique.
Si on rajoute des pages, il suffit de faire le lien à la main

Forum ZitePLUS

#1 10/09/2007 11:21:29

FLASH -> ZITE

#2 10/09/2007 12:48:54

Re : FLASH -> ZITE

#3 10/09/2007 13:22:41

Re : FLASH -> ZITE

#4 10/09/2007 18:35:32

Re : FLASH -> ZITE

#5 10/09/2007 18:38:15

Re : FLASH -> ZITE

#6 10/09/2007 21:07:09

Re : FLASH -> ZITE

#7 11/09/2007 08:33:14

Re : FLASH -> ZITE

#8 11/09/2007 09:36:53

Re : FLASH -> ZITE

Pied de page des forums