Affichage generale

10 messages dans ce sujet

Posté(e) · Signaler ce message

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 :)

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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>

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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 ?

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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 ...)

@+

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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 ?

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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 :)

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !


Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.


Connectez-vous maintenant

Twitter Advisto ecommerce

Facebook PEEL Shopping