Affichage generale

10 posts in this topic

Posted · Report post

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

Share this post


: post
Share on other sites

Posted · Report post

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.

Share this post


: post
Share on other sites

Posted · Report post

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>

Share this post


: post
Share on other sites

Posted · Report post

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

Share this post


: post
Share on other sites

Posted · Report post

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 ?

Share this post


: post
Share on other sites

Posted · Report post

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

@+

Share this post


: post
Share on other sites

Posted · Report post

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

Share this post


: post
Share on other sites

Posted · Report post

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 ?

Share this post


: post
Share on other sites

Posted · Report post

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

Share this post


: post
Share on other sites

Posted · Report post

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

Share this post


: post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

Twitter Advisto ecommerce

Facebook PEEL Shopping