Affichage generale

Aurelia · 5 mars 2008

Bonjour,

Je viens d'installer peel avec une grande facilité (youpiiii), je m'attaque à la partie "disign" , j'aimerai (si possible) que la boutique prenne la page entiere, car actuellement on a un fond d'ou on peut choisir la couleur, mais les couleur me conviennent pas et je preferai que le site prenne l'ecran entier comment faire ? et ou modifier cela ? j'ai ouvert les pages haut et bas lais je ne voit pas ou precisement.

Merci de m'aider :)

mission · 6 mars 2008

Bonjour,

Je viens d'installer peel avec une grande facilité (youpiiii), je m'attaque à la partie "disign" , j'aimerai (si possible) que la boutique prenne la page entiere, car actuellement on a un fond d'ou on peut choisir la couleur, mais les couleur me conviennent pas et je preferai que le site prenne l'ecran entier comment faire ? et ou modifier cela ? j'ai ouvert les pages haut et bas lais je ne voit pas ou precisement.

Merci de m'aider :)

Dans le fichier modeles/haut.php tu trouveras des définitions de style (je ne connais pas leur nom technique).

Tu devrais trouver ton bonheur ici, ainsi que dans les différents fichiers lib/css dont bleu.css est le fichier par défaut.

Bonne chance.

Aurelia · 6 mars 2008

Heu mes connaissances sont limités , quelles lignes supprimés dans ces fichiers ?

Voici le style de haut.php :

<style type="text/css">

body {

font-family:Arial, Helvetica, sans-serif;

font-size: 0.7em;

margin: 0;

padding: 0;

}


#header {

height: 50px;

background-color: #FFF;

}


#header .site {

font-size: 1.8em;

font-weight: bold;

margin: 0px 0px 0px  10px ;

padding: 0;

}


#toprightdiv{

margin-right: 2px;

margin-bottom: 0;

float: right;

text-align: right;

}


#toprightdiv ul{

margin:0;

padding:0;

list-style:none;

}


#toprightdiv li{

display:inline;

margin:0 2px; 0 0;

padding:0;

}


#toprightdiv .nav1{

background-color: #1F1F5F;

width:10px;

height:10px;


}

#toprightdiv .nav2{

background-color: #663366;

width:10px;

height:10px;


}

#toprightdiv .nav3{

background-color: #3C7A6D;

width:10px;

height:10px;


}

#toprightdiv .nav4{

background-color: #993300;

width:10px;

height:10px;


}

#toprightdiv .nav5{

background-color: #CC0000;

width:10px;

height:10px;


}

#toprightdiv .nav6{

background-color: #FF9900;

width:10px;

height:10px;


}


/* ######### Top tabs ######### */

p {

margin: 0 0 10px 0;

}


#haut {

height: 20px;

background-color:#FFF; /* Couleur du fond du menu horizontal de niveau 2 */

}


#conteneur {

width:1000px;

margin:0 auto;

background-color:#FFF; /* Couleur de fond du container */

}


#centre {

background-color:#FFF;

margin-left: 180px; /* Permet un espace de 5px entre le menu le contenu central */

margin-right: 5px; /* Permet d'avoir une marge droite de 5px */

padding: 5 5 5 5;


}


#gauche {

float:left;

width: 173px;

margin-left: 2px; /* Permet d'avoir une marge droite de 5px */

}


#droite {

float:right;

width: 175px;

}


#pied {

clear:both;

height: 115px;

background-color: #FFF;

font-size:11px;

}


#menuhaut {

list-style-type: none;

margin: 0;

padding:0;

}

#menuhaut li {

display: inline;

}

#menuhaut a {

margin: 0 2px;

color: #000000;

text-decoration: underline;

}

#menuhaut a:hover {

text-decoration: none;

background-color:red;

color:#ffffff;

}

#menugauche {

list-style-type: none;

margin: 0;

padding:0;

}

#menugauche li {

margin-bottom: 5px;

}

#menugauche a {

margin: 0 2px;

color: #000000;

text-decoration: underline;

}

#menugauche a:hover {

text-decoration: none;

}

/* Ajouter une colonne à droite */

#menudroit {

list-style-type: none;

margin: 0;

padding:0;

}

#menudroit li {

margin-bottom: 5px;

}

#menudroit a {

margin: 0 2px;

color: #000000;

text-decoration: underline;

}

#menudroit a:hover {

text-decoration: none;

}





</style>

mission · 6 mars 2008

Re

Tu peux commencer par sauvegarder ton fichier.

Ensuite tu testes.

Commence par changer la largeur (width) du conteneur. Elle est indiquée en pixel (ici 1000px) mais tu peux lui mettre un pourcentage (95%)

Et tu joues ainsi avec les différentes valeurs, jusqu'à trouver ton bonheur.

PG

Aurelia · 6 mars 2008

Superrrrr merci beaucoup:))

J'ai mit a 98% ça a bien modifié gauche et droite mais pas pour le bas pourquoi ? (edit: j'ai trouvé pour le bas)

Comment supprimer les carrés de couleur ou on peut changé les couleur de la boutique ?

comment decalé le menu de gauche ?

mission · 6 mars 2008

Comment supprimer les carrés de couleur ou on peut changé les couleur de la boutique ?

En supprimant les lignes 218 à 227 du fichier /modeles/haut.php

<div id="toprightdiv">

<ul>

<li class="nav1"><a href="<?php echo  $_SERVER['PHP_SELF'];?>?style=bleu"><img src="<?php echo $wwwroot?>/images/blank.gif" width="10" height="10" border="0" /></a></li>

<li class="nav2"><a href="<?php echo  $_SERVER['PHP_SELF'];?>?style=violet"><img src="<?php echo $wwwroot?>/images/blank.gif" width="10" height="10" border="0" /></a></li>

<li class="nav3"><a href="<?php echo  $_SERVER['PHP_SELF'];?>?style=vert"><img src="<?php echo $wwwroot?>/images/blank.gif" width="10" height="10" border="0" /></a></li>

<li class="nav4"><a href="<?php echo  $_SERVER['PHP_SELF'];?>?style=marron"><img src="<?php echo $wwwroot?>/images/blank.gif" width="10" height="10" border="0" /></a></li>

<li class="nav5"><a href="<?php echo  $_SERVER['PHP_SELF'];?>?style=rouge"><img src="<?php echo $wwwroot?>/images/blank.gif" width="10" height="10" border="0" /></a></li>

<li class="nav6"><a href="<?php echo  $_SERVER['PHP_SELF'];?>?style=jaune"><img src="<?php echo $wwwroot?>/images/blank.gif" width="10" height="10" border="0" /></a></li>

</ul>

</div>

comment decalé le menu de gauche ?

En fouillant le même fichier (margin ...)

@+

Aurelia · 6 mars 2008

merci super ça marche ;) merci beaucoup mission ;)

pour le menu de gauche j'ai 19 margin lol j'vais fouiner :P

En tout cas je suis ravie de constaté qu'on se fait pas jetté sur ce forum et qu'on prend la peine de nous aidé comparé à d'autre (dont je ne citerai pas le nom), enorme merci :)

EDIT

J'ai trouvé pour decalé le menu je le met car ça peut servir à d'autre:

dans le fichier haut.php

#gauche {

float:left;

width: 173px;

margin-left: 5px; /* Permet d'avoir une marge droite de 5px */

changé le 5px de la valeur que vous voulez

Aurelia · 6 mars 2008

C'est re-moi,

j'ai fait les 19 margin et j'ai pas trouvé celui qui permet de decalé le texte sur les infos de l'entreprise en bas à gauche, quelqu'un aurai une idée ?

mission · 6 mars 2008

C'est re-moi,
j'ai fait les 19 margin et j'ai pas trouvé celui qui permet de decalé le texte sur les infos de l'entreprise en bas à gauche, quelqu'un aurai une idée ?

Ca c'est dans le fichier /modeles/bas.php

Mais je te préviens tout de suite que tu ne pourras pas en faire grand'chose, sauf à indiquer ces informations en dur avec du achteuleumeuleu

Aurelia · 6 mars 2008

Heu merci oui j'vois ça heu comment je fais ?

mon code est :

</div>

<div id="pied">

	  <?php 


		print_societe();


		echo "<br /><div align=\"right\"><a href=\"http://www.peel.fr\" title=\"peel.fr\" target=\"_blank\" class=\"petit\">&copy; <a href=\"http://www.peel.fr\">PROPULSE PAR PEEL.FR</a> - 2004 - ".date("Y")."</a></div>";


	   ?>


	  </div>

</div>



</body>

</html>

<?php

mysql_close($connexion);

?>

</body>

</html>

pour que ce soit aligné comme mon menu à savoir 12px ?

Sinon autre question, j'ai fait une recherche sur le forumm j'ai pas trouvé, comment remplacer les textes des categories par des images cliquables ?

Autre question bis : je ne trouve pas l'endroit dans les styles qui permet de supprimé les cadres/couleurs de PANIER NOTRE CATALOGUE A SAVOIR SUR... RECHERCHER ? Je suis tomber dessus une fois et impossible de le retrouver hum... ?

Merci mission :)

Connexion

Affichage generale

10 messages dans ce sujet

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Créer un compte

Se connecter

Twitter Advisto ecommerce

Facebook PEEL Shopping

Etat des traductions pour PEEL Shopping

Plus