Recherche dans le forum:
Rechercher


Auteur Message
Message17/11/2010, 10 10 42 (UTC)    
Sujet du message: [résolu]Code css qui n'affiche pas comme prévue

Bonjour j'ai trouvé un site "Kits graphique" avec des codes css qui sont bien voici je colle le code et sa m'affiche pas comme prévue que faire svp voici le code
/*copyright par kitgraphiquegratuit.org*/

/*Structure*/
body, html {background:#0d0d0d;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;background-attachment: fixed;font-size:12px}
#conteneur {margin: 0 auto 0;width: 942px;position:relative;text-align:center;}
#header {text-align:left;height:181px; background:url(images/header.png);margin:0 auto 0 auto;width:942px}
#contenu {width: 942px;padding: 0;margin:0 auto 0;background:url(images/contenu.png)}
#left {float: left;width: 168px;margin:0 0 0 10px;padding:0;}
#right {width: 740px;margin:0 0 0 187px;padding:0;text-align:left}
#pied {background:#0d0d0d url(images/pied.png);height:45px;width:942px;margin: 0 auto 0 auto;padding: 0;clear:both}

/*Class générique*/
a {color: #1db6f6;text-decoration: none;margin:0;font-weight:bold;outline:none}
a:hover {color: #fff;}
img, p, h1, h2, h3, h4, h5,h6, span {border:0;margin:0;padding:0}
span.titre {color: #1db6f6;font-weight:bold;}
span.bleu {color: #1db6f6;font-weight:bold;}
.spacer {margin:3px 0 0 0}
.grandspacer {margin:15px 0 0 0}
.clear {clear: both;visibility: hidden; }

/*Menu vertical*/
.hautmenu {height:32px;width:168px;margin:0; background:url(images/hautmenu.png) no-repeat bottom;padding:10px 0 0 0;margin:0;color:#1db6f6;text-align:center;font-weight:bold;font-size:14px}
.fondmenu {width:168px;margin:0; background:url(images/fondmenu.png);padding:0;margin:0 0 0 0}
.basmenu {height:20px;width:168px;margin:0; background:url(images/basmenu.png);padding:0;margin:0 0 0 0}
ul.menuh {list-style:none;width:168px;padding:0;margin:0;text-align:center}
ul.menuh li a {display: block;height: 14px;color: #fff;text-decoration: none;}
ul.menuh li a:hover {color: #1db6f6}

/*Menu horizontal*/
ul#menu {position: absolute;margin:17px 0 0 3% ;padding:0}
ul#menu li {height: 30px;float: left;margin: 0 2px 0 2px;padding:0 0 0 22px;background: url(images/menuleft.png) top left no-repeat;list-style-type: none; }
ul#menu li a {display: block;background: url(images/menuright.png) right top no-repeat;padding:1em 18px 0.9em 0;color: #303030;text-decoration: none;margin: 0;font-weight:bold;outline:none}
ul#menu li a:hover {padding:1em 18px 0.9em 0;color: #1db6f6;text-decoration: none;margin: 0}
ul#menu li#ici a {color: #1db6f6;margin: 0;padding:1em 18px 0.9em 0}

/*copyright*/
.copyright {padding :20px 0 0 0;width:393px;height:30px;text-align:center;font-weight:bold;cursor:pointer;margin:0 auto 0 auto}

/*Cadre de news*/
.news_haut {background:url(images/news_haut.jpg) no-repeat;width:740px;height:38px;margin:0 auto 0 auto}
.news_fond {background:url(images/news_fond.jpg) ;width:690px;padding:0 25px 0 25px}
.news_bas {background:url(images/news_bas.jpg) no-repeat;width:740px;height:28px}


Dernière édition par price-world-passion le 22.11.2010, 21:52; édité 1 fois
Message17/11/2010, 15 03 48 (UTC)    
Sujet du message:

tu as problème dans ton site si des codes ne marche pas avec ton design, c'est qu'il y a un code qui te fait ce problème
Message17/11/2010, 20 08 00 (UTC)    
Sujet du message:

Et c'est quoi ce code ?? =)
Message18/11/2010, 00 12 38 (UTC)    
Sujet du message:

tu doit 1 èrement telecharger le graphique ensuite avec le logiciel file zilla tu envoie le fichier télécharger sur ton site internet
le seul problème c'est que le nom de domaine www.fr.gd n'offre pas cette possiblité
Message18/11/2010, 20 08 24 (UTC)    
Sujet du message:

Donc je reprend comment je peut faire ?? Confused
Message18/11/2010, 21 09 11 (UTC)    
Sujet du message:

Il faut consulter nos tutos, on a déjà expliqué comment procéder pour les kits graphiques.
______________
Amitiés, gigi, modératrice

Je vous recommande mes autres sites : http://gisoft.ca - http://photos.gisoft.ca - http://3dscreensavers.xyz
Message19/11/2010, 17 05 38 (UTC)    
Sujet du message:

j'ai tapé kits graphique j'ai rien pu trouvé Pourra tu me passé le lien stp


Dernière édition par price-world-passion le 19.11.2010, 21:34; édité 1 fois
Message20/11/2010, 11 11 06 (UTC)    
Sujet du message:

Il est juste au-dessus de ton message :

http://www.fr.gd/forum/viewtopic.php?t=69878

Wink
______________

Visitez :
Message20/11/2010, 11 11 32 (UTC)    
Sujet du message:

Merci bien mais je ne comprend pas a partir de l'etape 7 je dois coller les codes sur tous les pages ? Donc je dois modifié le titre de la page par le code css ? Et je sais pas quoi collé sur les pages ? Et je sais pas ou mettre les url des images sur mon code css ? Stp si tu pourra m'aidez stp erika =)


Dernière édition par price-world-passion le 20.11.2010, 12:40; édité 1 fois
Message20/11/2010, 12 12 13 (UTC)    
Sujet du message:

Url de tes images en rouge :


Citation:

Bonjour j'ai trouvé un site "Kits graphique" avec des codes css qui sont bien voici je colle le code et sa m'affiche pas comme prévue que faire svp voici le code
/*copyright par kitgraphiquegratuit.org*/

/*Structure*/
body, html {background:#0d0d0d;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;background-attachment: fixed;font-size:12px}
#conteneur {margin: 0 auto 0;width: 942px;position:relative;text-align:center;}
#header {text-align:left;height:181px; background:url(images/header.png);margin:0 auto 0 auto;width:942px}
#contenu {width: 942px;padding: 0;margin:0 auto 0;background:url(images/contenu.png)}
#left {float: left;width: 168px;margin:0 0 0 10px;padding:0;}
#right {width: 740px;margin:0 0 0 187px;padding:0;text-align:left}
#pied {background:#0d0d0d url(images/pied.png);height:45px;width:942px;margin: 0 auto 0 auto;padding: 0;clear:both}

/*Class générique*/
a {color: #1db6f6;text-decoration: none;margin:0;font-weight:bold;outline:none}
a:hover {color: #fff;}
img, p, h1, h2, h3, h4, h5,h6, span {border:0;margin:0;padding:0}
span.titre {color: #1db6f6;font-weight:bold;}
span.bleu {color: #1db6f6;font-weight:bold;}
.spacer {margin:3px 0 0 0}
.grandspacer {margin:15px 0 0 0}
.clear {clear: both;visibility: hidden; }

/*Menu vertical*/
.hautmenu {height:32px;width:168px;margin:0; background:url(images/hautmenu.png) no-repeat bottom;padding:10px 0 0 0;margin:0;color:#1db6f6;text-align:center;font-weight:bold;font-size:14px}
.fondmenu {width:168px;margin:0; background:url(images/fondmenu.png);padding:0;margin:0 0 0 0}
.basmenu {height:20px;width:168px;margin:0; background:url(images/basmenu.png);padding:0;margin:0 0 0 0}
ul.menuh {list-style:none;width:168px;padding:0;margin:0;text-align:center}
ul.menuh li a {display: block;height: 14px;color: #fff;text-decoration: none;}
ul.menuh li a:hover {color: #1db6f6}

/*Menu horizontal*/
ul#menu {position: absolute;margin:17px 0 0 3% ;padding:0}
ul#menu li {height: 30px;float: left;margin: 0 2px 0 2px;padding:0 0 0 22px;background: url(images/menuleft.png) top left no-repeat;list-style-type: none; }
ul#menu li a {display: block;background: url(images/menuright.png) right top no-repeat;padding:1em 18px 0.9em 0;color: #303030;text-decoration: none;margin: 0;font-weight:bold;outline:none}
ul#menu li a:hover {padding:1em 18px 0.9em 0;color: #1db6f6;text-decoration: none;margin: 0}
ul#menu li#ici a {color: #1db6f6;margin: 0;padding:1em 18px 0.9em 0}

/*copyright*/
.copyright {padding :20px 0 0 0;width:393px;height:30px;text-align:center;font-weight:bold;cursor:pointer;margin:0 auto 0 auto}

/*Cadre de news*/
.news_haut {background:url(images/news_haut.jpg) no-repeat;width:740px;height:38px;margin:0 auto 0 auto}
.news_fond {background:url(images/news_fond.jpg) ;width:690px;padding:0 25px 0 25px}
.news_bas {background:url(images/news_bas.jpg) no-repeat;width:740px;height:28px}



Oui il faut coller les codes indiqués sur chaque page . Il faut suivre exactement les étapes du Tuto
______________

Visitez :
Message20/11/2010, 18 06 43 (UTC)    
Sujet du message:

Voici LE NV DESIGN que j'ai choisie dzl

/*copyright by kitgraphiquegratuit.org*/
body, html {background:url(images/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 {margin: 0 auto 0;position: relative;width: 900px;}
#contenu {background-color:#232323;text-align:left;width:900px}
#header {height:47px; background:url(images/header.jpg) no-repeat top;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(images/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(images/bouton.jpg);font-size:10px;font-weight:bold;padding:5px 0 0 0}
ul#menuhorizon li a:hover {background: url(images/boutonhover.jpg);}

/*menu vertical*/
.hautmenu {width:158px ;height:26px;background:url(images/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(images/fondmenu.jpg) ;padding:0 0 0 0;margin:0 0 0 12px}
.basmenu {width:158px ;height:97px;background:url(images/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(images/menu_hover.jpg);color: #FFF;}

/*tableau contenu*/
.haut_contenu {background: url(images/haut_contenu.jpg);height:25px;width:690px;padding:20px 10px 0 20px;font-size:12px;font-weight:bold}
.fond_contenu {background: url(images/fond_contenu.jpg);width:680px;padding:0 20px 0 20px}
.bas_contenu {background: url(images/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;}



voici les url des images je sais pas quelle url appartient a quoi sauf header si tu pourra m'aidez Smile

bas contenue -> http://img.webme.com/pic/p/price-world-passion/bas_contenu.jpg
bas menu -> http://img.webme.com/pic/p/price-world-passion/basmenu.jpg
bouton -> http://img.webme.com/pic/p/price-world-passion/bouton.jpg
bouton hover -> http://img.webme.com/pic/p/price-world-passion/boutonhover.jpg
fond -> http://img.webme.com/pic/p/price-world-passion/fond.png
fond contenue http://img.webme.com/pic/p/price-world-passion/fond_contenu.jpg
fond menu -> http://img.webme.com/pic/p/price-world-passion/fondmenu.jpg
haut contenue -> http://img.webme.com/pic/p/price-world-passion/haut_contenu.jpg
haut menu -> http://img.webme.com/pic/p/price-world-passion/hautmenu.jpg
header -> http://img.webme.com/pic/p/price-world-passion/header.jpg
menu -> http://img.webme.com/pic/p/price-world-passion/menu.jpg
menu hover -> http://img.webme.com/pic/p/price-world-passion/menu_hover.jpg
pied -> http://img.webme.com/pic/p/price-world-passion/menu_hover.jpg
pied -> http://img.webme.com/pic/p/price-world-passion/pied.png
pub -> http://img.webme.com/pic/p/price-world-passion/pub.jpg
puce -> http://img.webme.com/pic/p/price-world-passion/puce.png

Voici les liens si tu pourra les placés ds le design me dire comment faire stp


Dernière édition par price-world-passion le 20.11.2010, 19:49; édité 1 fois
Message20/11/2010, 19 07 00 (UTC)    
Sujet du message:

Exemple :
http://img.webme.com/pic/p/price-world-passion/hautmenu.jpg==> images/hautmenu.png

Cherche images/hautmenu.png dans le code de ton design. et remplace par url :http://img.webme.com/pic/p/price-world-passion/hautmenu.jpg

Les images qui ne sont pas dans le code CSS ,se trouvent dans le code HTML .
Tout ca c'est expliqué dans le Tuto il faut lire attentivement.....

Si tu ne te connais pas ni en CSS ,ni en HTML abandonne l'idée de l'installer un kit graphique . Parce que après l'installation il faut aussi gérer les pages .

Wink
______________

Visitez :
Message20/11/2010, 20 08 33 (UTC)    
Sujet du message:

Un jour ou l'autre il faut débuté =) Merci je vais voir ce que je peut faire Smile
Message20/11/2010, 21 09 42 (UTC)    
Sujet du message:

Hmmm c'est bon j'ai compris enfaite ses simple mais il faut faire attention et etre attentif =) voici www.keturdu6o.fr.gd ma page de test mais j'ai 2 bannieres que dois-je modifié svp ??
Message21/11/2010, 07 07 55 (UTC)    
Sujet du message:

Citation:

<style type="text/css">
<!--
td.nav {visibility:hidden;}
--> </style>
<meta content="text/html; charset=windows-1252" http-equiv="Content-Type" />
<meta content="fr" http-equiv="content-language" />
<link title="D&eacute;faut" rel="stylesheet" type="text/css" href="style.css" media="screen" />

<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="">Rubrique</a></li>
<li><a href="">Rubrique</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" /> Informations g&eacute;n&eacute;rales</div>

<div class="fond_contenu"><!-- Cadre de news -->Les kits t&eacute;l&eacute;charg&eacute;s ont &eacute;t&eacute; r&eacute;alis&eacute;s par l'&eacute;quipe de kitgraphiquegratuit.org. Le site de t&eacute;l&eacute;chargement est :<br />
<a onclick="window.open(this.href); return false;" href="http://www.kitgraphiquegratuit.org">http://www.kitgraphiquegratuit.org</a></div>
<div class="bas_contenu">&nbsp;</div>
<!-- Fin Cadre de news -->

<div class="haut_contenu"><img alt="" src="images/puce.png" /> Contenu de l'archive :</div>
<div class="fond_contenu"><!-- Cadre de news -->L'archive que vous venez de t&eacute;l&eacute;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 &quot;images&quot; contenant toutes les images du kit<br />
&nbsp;&nbsp;&nbsp;&nbsp;- Le ou les .PSD<br />

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

<!-- Fin Cadre de news -->
<div class="haut_contenu"><img alt="" src="images/puce.png" /> Nous contacter</div>
<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 -->


Il faut retirer la ligne en rouge !
______________

Visitez :
Montrer les messages depuis:   


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