Recherche dans le forum:
Rechercher


Auteur Message
Message21/11/2010, 09 09 55 (UTC)    
Sujet du message:

Voici j'ai fais les modifications mais j'ai un problème avec la bannières je sais pas comment le résoudre et je mais le code center je ne voie plus mon fond il devient blanc si tu peut m'aidez Erika stp
Ma page de test www.keturdu6o.fr.gd


Dernière édition par price-world-passion le 21.11.2010, 10:57; édité 1 fois
Message21/11/2010, 16 04 21 (UTC)    
Sujet du message:

Exemple ici:

http://webdesignshop.page.tl/

1.Pour commencer Il faut retirer tout les codes de partout dans "Réglage du design" !!!!! Je te répète efface absolument tout!


2.Coller les codes dans "Texte au-dessus du design "
Code:

<style type="text/css">
<!--
      </style>
<center>
<style type="text/css">
<!--

td[height="102"] {
position:absolute;
left:50%;
margin-left:-376px; }
//-->
      </style>


3. Coller les codes suivants dans "Code CSS
sans tags de style"


Code:

div.header{display: none;}
 #header_container {visibility:hidden}
 #pre_header {visibility:hidden}
 #post_header {visibility:hidden}
 #pre_content {display: none;}
 h1#title{display: none;}
h2#title span{display: none;}
#nav_container {visibility:hidden}

body, html  {background:url(http://img.webme.com/pic/p/price-world-passion/fond.png) no-repeat top center;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;background-attachment: fixed;font-size:12px}      
#conteneur {top:100px;width: 900px;position:absolute;left:43%; margin-left:-375px;}     
#contenu   {background-color:#232323;text-align:left;width:900px} 
#header    {height:47px; background:url(http://img.webme.com/pic/p/price-world-passion/header.jpg) no-repeat ;width:600px;padding:115px 0 0 300px;}       
#left      {float:left;width:150px;margin:0;padding:0;text-align:center;}   
#right     {margin: 0 0 0 170px;padding: 0 ;width:720px ;top:10px ;color:#fff}   
#pied      {background:url(http://img.webme.com/pic/p/price-world-passion/pied.png) no-repeat;height:34px;width: 900px;clear:both;padding:0 0 5px 0}         

/*menuhorizontal*/
ul#menuhorizon      {height: 23px;list-style-type: none;margin:0;padding:0}    
ul#menuhorizon li   {float: left ;text-align: center ;}
ul#menuhorizon li a {width: 100px ;height: 18px;color: #fff ;display: block ;text-decoration: none ;outline:none;background: url(http://img.webme.com/pic/p/price-world-passion/bouton.jpg);font-size:10px;font-weight:bold;padding:5px 0 0 0}
ul#menuhorizon li a:hover {background: url(http://img.webme.com/pic/p/price-world-passion/boutonhover.jpg);}   

/*menu vertical*/
.hautmenu  {width:158px ;height:26px;background:url(http://img.webme.com/pic/p/price-world-passion/hautmenu.jpg) no-repeat;margin:0 0 0 12px;font-size:13px;font-weight:bold;padding:19px 0 0 0;color:#fff}   
.fondmenu  {width:158px ;background:url(http://img.webme.com/pic/p/price-world-passion/fondmenu.jpg) ;padding:0 0 0 0;margin:0 0 0 12px} 
.basmenu   {width:158px ;height:97px;background:url(http://img.webme.com/pic/p/price-world-passion/basmenu.jpg) ;margin:0 0 0 12px }   
ul.menu             {margin:0 auto;padding:0;width:132px;text-decoration: none;list-style: none;font-weight:bold;}
ul.menu li a        {display: block;height:19px;width:132px;color: #FFF;text-decoration: none;background:url(images/menu.jpg);font-weight:bold;font-size:11px;padding:5px 0 0 0}
ul.menu li a:hover  {background:url(http://img.webme.com/pic/p/price-world-passion/menu_hover.jpg);color: #FFF;}   

/*tableau contenu*/
.haut_contenu  {background: url(http://img.webme.com/pic/p/price-world-passion/haut_contenu.jpg);height:25px;width:690px;padding:20px 10px 0 20px;font-size:12px;font-weight:bold}
.fond_contenu  {background: url(http://img.webme.com/pic/p/price-world-passion/fondmenu.jpg);width:680px;padding:0 20px 0 20px}
.bas_contenu   {background: url(http://img.webme.com/pic/p/price-world-passion/bas_contenu.jpg) no-repeat top;height:28px;width:720px;}

/*COpyright*/
.copyright           {margin :0 auto;color:#FFF;font-size:10px;font-weight:bold;text-align:center}   
.copyright a         {color:#fff;font-size:10px;font-weight:bold;text-decoration: none;outline:none}
.copyright a:hover   {color:#58c7e3}                     
   
/*Class générique*/
img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, tr{border:0;margin:0;padding:0}
Span     {color:#383a3b;font-size:14px;font-weight:bold;}
a         {text-align: center;color:#58c7e3;font-weight:bold;text-decoration: none }
a:hover     {color: #fff;}





4. Pour modifier la contenu de la page ,coller les codes sur chaque page

Code:


<div id="conteneur"><!-- Global -->
<div id="header"><!-- header -->
<div id="menuhorizontal"><!-- Menu horizontal -->
<ul id="menuhorizon">
    <li><a href="" title="Ma description">Accueil</a></li>
    <li><a href="" title="Ma description">Forum</a></li>
    <li><a href="" title="Ma description">Contact</a></li>
</ul>
</div><!--  Fin Menu horizontal -->   
</div><!-- Fin header-->

   <div id="contenu"><!-- Fin Contenu -->
<div id="left"><!-- Colonne de Gauche -->

<div class="hautmenu">Menu</div><div class="fondmenu"><!-- Début menu -->
             <ul class="menu">
                 <li><a href="">Rubrique</a></li>
                 <li><a href="">Rubrique</a></li>
                 <li><a href="">Rubrique</a></li>
                 <li><a href="">Rubrique</a></li>
                 <li><a href="">Rubrique</a></li>
                 <li><a href="">Rubrique</a></li>
                 <li><a href="">Rubrique</a></li>
                 <li><a href="">Rubrique</a></li>
                 <li><a href="">Rubrique</a></li>
                 <li><a href="">Rubrique</a></li>
          </ul>
             <p>- - - - - - - - - - - -</p>
              <a href="" onclick="window.open(this.href); return false;"><img src="images/pub.jpg" alt="" /></a><br />
              <a href="" onclick="window.open(this.href); return false;"><img src="images/pub.jpg" alt="" /></a>
              <p>- - - - - - - - - - - -</p>
 
</div><div class="basmenu"></div><!-- Fin menu --> 
</div><!-- Fin Colonne de Gauche -->

<div id="right"><!-- Colonne de Droite -->   
<div class="haut_contenu"><img src="images/puce.png" alt="" /> Informations générales</div><div class="fond_contenu"><!-- Cadre de news -->
Les kits téléchargés ont été réalisés par l'équipe de kitgraphiquegratuit.org.
Le site de téléchargement est :<br />
<a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;">http://www.kitgraphiquegratuit.org</a>      
</div><div class="bas_contenu"></div><!-- Fin Cadre de news -->   

<div class="haut_contenu"><img src="images/puce.png" alt="" /> Contenu de l'archive :</div><div class="fond_contenu"><!-- Cadre de news -->
L'archive que vous venez de télécharger contient les fichiers suivants :<br /><br />
&nbsp;&nbsp;&nbsp;&nbsp;- un fichier index.html et un fichier style.css<br />
&nbsp;&nbsp;&nbsp;&nbsp;- un dossier "images" contenant toutes les images du kit<br />
&nbsp;&nbsp;&nbsp;&nbsp;- Le ou les .PSD<br />
&nbsp;&nbsp;&nbsp;&nbsp;- la présente licence
</div><div class="bas_contenu"></div><!-- Fin Cadre de news -->   

<div class="haut_contenu"><img src="images/puce.png" alt="" /> Termes et conditions de la licence :</div><div class="fond_contenu"><!-- Cadre de news -->
En téléchargeant et en utilisant ce kit graphique, vous reconnaissez avoir lu et accepté les conditions d'utilisation présente sur notre site :
<a href="http://www.kitgraphiquegratuit.org/conditions.php">CGU</a>
</div><div class="bas_contenu"></div><!-- Fin Cadre de news -->   

<div class="haut_contenu"><img src="images/puce.png" alt="" /> Nous contacter </div><div class="fond_contenu"><!-- Cadre de news -->
Pour toutes informations supplémentaires, d'aide, de modification ou de réalisation n'hésitez pas<br /><br />
à nous contacter : <a href="webmaster@kitgraphiquegratuit.org"> e-mail</a><br />
ou à visiter le forum : <a href="http://www.kitgraphiquegratuit.org/forum/"> Forum</a>
<br /><br />   
<div style="text-align: center"><a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;"><img src="http://www.kitgraphiquegratuit.org/images/banniere2.jpg" alt="kits graphiques gratuits" /></a></div>
</div><div class="bas_contenu"></div><!-- Fin Cadre de news -->
<div style="clear:both"></div></div><!-- Fin Colonne de Droite -->      
   </div><!-- Fin Contenu -->                   
      
<div id="pied"></div><!-- Pied -->
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<div class="copyright">©<a href=""> Votresite.com</a> 2009 | Design <a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;" title="kits gratuits gratuits" >Kit graphique</a> | <a href="http://validator.w3.org/check?uri=referer" onclick="window.open(this.href); return false;">XHTML strict</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" onclick="window.open(this.href); return false;">CSS3</a></div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
</div><!-- Fin Global -->


Wink

Vérifié avec Mozilla Firefox pas avec IE ,car mon IE vient de se planter .[/quote]
______________

Visitez :


Dernière édition par webmaster-shop le 21.11.2010, 17:22; édité 1 fois
Message21/11/2010, 17 05 44 (UTC)    
Sujet du message:

Merci Erika sa marche niquel sur Mozilla, marche aussi IE mais un beug a l'endroit du titre merci une dernière question
Pour ma bannière je voudrait changé a la place de Votresite.com je voudrais mettre Price World Passion je doit changé ts l'image ou il y a une astuce si il faut changé l'image quel et sa dimension stp je vais essayé de le modifié et encore merci Very Happy
+ Je ne vois pas la puce =) voici l'URL http://img.webme.com/pic/p/price-world-passion/puce.png sa peut être du a sa le dysfonctionnement peut être car je ne vois l'img ni sur Mozilla ni sur IE cordialement
et pour coller dans chaque page je fais comment pour les extras ??


Dernière édition par price-world-passion le 21.11.2010, 19:09; édité 2 fois
Message21/11/2010, 19 07 04 (UTC)    
Sujet du message:

puce.png c'est un carrée blanc ,il se multiplie avec un code CSS ,il constitue le fond blanc ,donnant effet d'un bordure blanche en dessous les barres bleu horizontal ,ou c'est écrit : " Informations générale" , "Contenu de l'archive', "Termes et conditions de la licence " , "Nous contacter"


Pour l'entête il y a le fichier header.psd dans le dossier zip de ton design. Tu peux ouvrir et modifier avec Photoshop .
Si tu n'arrives pas je vais le faire mais pas aujourd'hui.

pour les extras je vais voir .....
______________

Visitez :
Message21/11/2010, 20 08 34 (UTC)    
Sujet du message:

J'attends avec impatient et jte remercie pr ts
Message22/11/2010, 06 06 13 (UTC)    
Sujet du message:

Voici ton header :



Pour les extras "Contact" et "Livre d'or " ,je te conseille de ne pas utiliser les extras ,mais créer tes pages Contact et Livre d'or et utiliser des Modules de web ,que tu peux paramétrer comme tu veux.

http://motigo.com/ --> pour Livre d'Or

http://www.web-modules.net/ --> Contact


Exemple :


http://webdesignshop.page.tl/Livre-d-h-Or.htm

http://webdesignshop.page.tl/Contact.htm


Code a coller sur la page Livre d'or :

Citation:


<br />
<div id="conteneur"><!-- Global -->
<div id="header"><!-- header -->
<div id="menuhorizontal"><!-- Menu horizontal -->
<ul id="menuhorizon">
<li><a href="" title="Ma description">Accueil</a></li>
<li><a href="" title="Ma description">Forum</a></li>
<li><a href="" title="Ma description">Contact</a></li>
</ul>
</div>
<!-- Fin Menu horizontal --></div>
<!-- Fin header-->
<div id="contenu"><!-- Fin Contenu -->
<div id="left"><!-- Colonne de Gauche -->
<div class="hautmenu">Menu</div>
<div class="fondmenu"><!-- Début menu -->
<ul class="menu">
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="http://webdesignshop.page.tl/Livre-d-h-Or.htm">Livre d'Or</a></li>
<li><a href="http://webdesignshop.page.tl/Contact.htm">Contact</a></li>
</ul>
<p>- - - - - - - - - - - -</p>
<a href="" onclick="window.open(this.href); return false;"><img src="images/pub.jpg" alt="" /></a><br />
<a href="" onclick="window.open(this.href); return false;"><img src="images/pub.jpg" alt="" /></a>
<p>- - - - - - - - - - - -</p>
</div>
<div class="basmenu">&nbsp;</div>
<!-- Fin menu --></div>
<!-- Fin Colonne de Gauche -->
<div id="right"><!-- Colonne de Droite -->
<div class="haut_contenu"><img src="images/puce.png" alt="" /> Notre Livre d'Or</div>
<center><iframe width="600" height="700" align="middle" src="http://224437.guestbooks.motigo.com " marginheight="1" name="I1" marginwidth="1">
</iframe>
</center>
<div class="fond_contenu"><!-- Cadre de news --> Pour toutes informations suppl&eacute;mentaires, d'aide, de modification ou de r&eacute;alisation n'h&eacute;sitez pas<br />
<br />
&agrave; nous contacter : <a href="webmaster@kitgraphiquegratuit.org"> e-mail</a><br />
ou &agrave; visiter le forum : <a href="http://www.kitgraphiquegratuit.org/forum/"> Forum</a> <br />
<br />
<div style="text-align: center;"><a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;"><img src="http://www.kitgraphiquegratuit.org/images/banniere2.jpg" alt="kits graphiques gratuits" /></a></div>
</div>
<div class="bas_contenu">&nbsp;</div>
<!-- Fin Cadre de news -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- Fin Colonne de Droite --></div>
<!-- Fin Contenu -->
<div id="pied">&nbsp;</div>
<!-- Pied --> <!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<div class="copyright">&copy;<a href=""> Votresite.com</a> 2009 | Design <a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;" title="kits gratuits gratuits">Kit graphique</a> | <a href="http://validator.w3.org/check?uri=referer" onclick="window.open(this.href); return false;">XHTML strict</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" onclick="window.open(this.href); return false;">CSS3</a></div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite --></div>
<!-- Fin Global -->



Remplacer le script en rouge par ton propre script de Livre d'or
Remplacer les liens en bleu par tes propre liens
Configurer l'adresse mail :en vert

Code a coller sur la page Contact :


Citation:

<br />
<div id="conteneur"><!-- Global -->
<div id="header"><!-- header -->
<div id="menuhorizontal"><!-- Menu horizontal -->
<ul id="menuhorizon">
<li><a title="Ma description" href="">Accueil</a></li>
<li><a title="Ma description" href="">Forum</a></li>
<li><a title="Ma description" href="">Contact</a></li>
</ul>
</div>
<!-- Fin Menu horizontal --></div>
<!-- Fin header-->
<div id="contenu"><!-- Fin Contenu -->
<div id="left"><!-- Colonne de Gauche -->
<div class="hautmenu">Menu</div>
<div class="fondmenu"><!-- Début menu -->
<ul class="menu">
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="">Rubrique</a></li>
<li><a href="http://webdesignshop.page.tl/Contact.htm">Contact</a></li>
<li><a href="http://webdesignshop.page.tl/Livre-d-h-Or.htm">Livre d'Or</a></li>
</ul>
<p>- - - - - - - - - - - -</p>
<a onclick="window.open(this.href); return false;" href=""><img alt="" src="images/pub.jpg" /></a><br />
<a onclick="window.open(this.href); return false;" href=""><img alt="" src="images/pub.jpg" /></a>
<p>- - - - - - - - - - - -</p>
</div>
<div class="basmenu">&nbsp;</div>
<!-- Fin menu --></div>
<!-- Fin Colonne de Gauche -->
<div id="right"><!-- Colonne de Droite -->
<div class="haut_contenu"><img alt="" src="images/puce.png" /> Nous contacter</div>
<center> <br />
<br />
<br />
<center> <script type="text/javascript" src="http://form2mail.web-modules.net/?id=22309"> </script></center> <br />
<br />
<br />
</center>
<div class="fond_contenu"><!-- Cadre de news --> Pour toutes informations suppl&eacute;mentaires, d'aide, de modification ou de r&eacute;alisation n'h&eacute;sitez pas<br />
<br />
&agrave; nous contacter : <a href="webmaster@kitgraphiquegratuit.org"> e-mail</a><br />
ou &agrave; visiter le forum : <a href="http://www.kitgraphiquegratuit.org/forum/"> Forum</a> <br />
<br />
<div style="text-align: center;"><a onclick="window.open(this.href); return false;" href="http://www.kitgraphiquegratuit.org"><img alt="kits graphiques gratuits" src="http://www.kitgraphiquegratuit.org/images/banniere2.jpg" /></a></div>
</div>
<div class="bas_contenu">&nbsp;</div>
<!-- Fin Cadre de news -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- Fin Colonne de Droite --></div>
<!-- Fin Contenu -->
<div id="pied">&nbsp;</div>
<!-- Pied --> <!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<div class="copyright">&copy;<a href=""> Votresite.com</a> 2009 | Design <a title="kits gratuits gratuits" onclick="window.open(this.href); return false;" href="http://www.kitgraphiquegratuit.org">Kit graphique</a> | <a onclick="window.open(this.href); return false;" href="http://validator.w3.org/check?uri=referer">XHTML strict</a> &amp; <a onclick="window.open(this.href); return false;" href="http://jigsaw.w3.org/css-validator/check/referer">CSS3</a></div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite --></div>
<!-- Fin Global -->


Remplacer le script en rouge par ton script de module .
Remplacer les liens en bleu par tes propre liens
Configurer l'adresse mail :en vert
______________

Visitez :
Message22/11/2010, 14 02 17 (UTC)    
Sujet du message:

Merci pr tous Erika t le meilleure =) et pour les inscriptions je fais comment car je pense faire des inscription VIP et pour inscription et pr newsletters et comment faire une sous page sur css stp stp Very Happy


Dernière édition par price-world-passion le 22.11.2010, 16:49; édité 3 fois
Message22/11/2010, 18 06 22 (UTC)    
Sujet du message:

Pour l'inscription c'est pareille que le Contact . Il faut créer la page et utiliser un module gratuit ,paramétrable :

Formulaire Gratuit : http://www.monsitegratuit.com/
Exemple ici:
http://webmaster-shop.fr.gd/Contact.htm

Modules de formulaires : inscription,livre d'or : http://www.bravenet.com/webtools/elist/
Exemple ici:
http://webmaster-shop.fr.gd/inscription-code.htm


Inscription avec Autorepondeur : http://www.velipro-autorepondeur.com
Exemple ici:
http://webmaster-shop.fr.gd/autorepondeur.htm


Pour le newsletter un module ici:
http://www.web-modules.net/presentation-news.html

Tu ne peux pas créer des sous pages qui s'affichent dans ton menu,car ton menu ne le permet pas . Tu peux créer les pages ,sous pages et faire le lien sur la page principale.

Wink
______________

Visitez :


Dernière édition par webmaster-shop le 22.11.2010, 20:14; édité 2 fois
Message22/11/2010, 20 08 12 (UTC)    
Sujet du message:

Merci bien web module il a l'aire sympa mais je ne sais pas la marche a suivre car ji wé et je ne sais pas quoi faire si tu pourra m'expliqué la demarche a suivre stp =)
Message22/11/2010, 20 08 52 (UTC)    
Sujet du message:

Tu copie le code qu'on te donne sur ta page .


Je ferme le sujet car le probleme est résolu .
______________

Visitez :


Dernière édition par webmaster-shop le 22.11.2010, 21:56; édité 1 fois
Montrer les messages depuis:   


Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com