Accueil
Créer un forumSoucis avec code pour ma pa
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Soucis avec code pour ma pa
par CathyCréation Jeu 16 Aoû 2012 - 6:52
Bonjour,
voila j'ai enfin trouvé du moin provisoirement un code pour ma pa
mais voila le css et le HTML sont dans une seul page et je ne sais cmt les modifié
si vous pouviez m'aider a avoir les deux morceau se serai super
donc le morceau pour le HTML pour ma pa
et le morceau pour le css
Et esque vous pourriez me dire quel partie le code change, habituellement sa vas tout seul mais la j'y arrive pas
Merci de votre aide
ah le voici sur mon fo' pour l'instant http://passioncathy.forumactif.com
voici le code
voila j'ai enfin trouvé du moin provisoirement un code pour ma pa
mais voila le css et le HTML sont dans une seul page et je ne sais cmt les modifié
si vous pouviez m'aider a avoir les deux morceau se serai super
donc le morceau pour le HTML pour ma pa
et le morceau pour le css
Et esque vous pourriez me dire quel partie le code change, habituellement sa vas tout seul mais la j'y arrive pas
Merci de votre aide
ah le voici sur mon fo' pour l'instant http://passioncathy.forumactif.com
voici le code
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tableau 1</title>
<style type="text/css">
body {
font-style: "Times New Roman", "serif";
background-color: none;
}
a {
outline: none;
}
.tout_tab{
background-color: #6b0000;
border: 2px solid #dbcece;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0px 0px 10px #AA1E38;
-webkit-box-shadow: 0px 0px 10px #AA1E38;
box-shadow: 0px 0px 10px #AA1E38;
padding: 6px;
}
.haut_tab{
vertical-align: center;
background-color: #6b0000;
border: 2px solid #dbcece;
-moz-border-radius:15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
background:rgba(207,207,207,0.4) !important;
background-color: #a54d4d;
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
}
.titre_haut{
color: #000;
text-align: center;
font-family: Century Gothic, Georgia, "sans-serif";
font-size: 16px;
font-style: italic;
text-shadow: 0px 0px 2px #ffffff;
}
.titre_haut:hover {
font-style: normal;
text-shadow: 0px 0px 2px #CC0000;
}
.centre_g{
font-size: 17px;
color: #000 !important;
text-align: center;
background-color: #6b0000;
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-color: #a54d4d;
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
}
.centre_g a{
color: #000 !important;
text-decoration: none;
}
.centre_g a:hover{
color: #000 !important;
text-shadow: 0px 0px 2px #CC0000;
font-style: italic;
}
.centre_g img{
text-decoration: none;
border: none;
}
.centre_c{
font-size: 11px;
color: #000 !important;
text-align: left;
background-color: #6b0000;
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-color: #a54d4d;
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
padding: 10px;
}
.centre_d{
font-size: 12px;
color: #000 !important;
text-align: center;
background-color: #6b0000;
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-color: #a54d4d;
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
padding: 10px;
}
.centre_d img{
text-decoration: none;
border: none;
}
/* Scroller Box */
#scroller_container {
width: 120px;
height: 160px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy {;# }
#scroller_container {
overflow: auto;
}
</style></head>
<body>
<table class="tout_tab" align=center width="700" cellspacing="5">
<tr>
<th class="haut_tab" width="20%"><img style="float:left; margin-top: -12px; margin-left: -12px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t112.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t210.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t112.png'"><div class="titre_haut">Navigation</div></th>
<th class="haut_tab" width="60%"><img style="float:left; margin-top: -2px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t810.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t811.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t810.png'"><div class="titre_haut">~~~WELCOME SUR LE FORUM~~~</div><img style="float:right; margin-top: -22px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t610.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t510.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t610.png'"></th>
<th class="haut_tab" width="20%"><img style="float:right; margin-top: -12px; margin-right: -12px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t410.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t310.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t410.png'"><div class="titre_haut">NEW's</div></th>
</tr>
<tr>
<td class="centre_g">
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 1</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 2</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 4</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 5</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 6</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 7</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 8</a>
</td>
<td class="centre_c">
<IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><B>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </B><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><I>Vestibulum mollis scelerisque nulla. Donec feugiat augue et sem. Nulla ut purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla volutpat leo quis magna. Donec accumsan lobortis ligula. Donec nec ante eu wisi tempus dictum. Sed nulla est, laoreet nec, consequat quis, iaculis non, tortor. Nunc sed purus. Sed metus. Donec posuere. Pellentesque porttitor tortor non eros. Ut rutrum erat a nunc. Duis non erat et orci viverra mollis. Sed lacinia velit a magna. Etiam aliquam, felis eu imperdiet auctor, ante augue dignissim odio, a pharetra tellus neque vel urna. Cras gravida adipiscing lectus. Nullam lorem ipsum, convallis eleifend, congue placerat, dictum non, leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</I>
</td>
<td class="centre_d">
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script><div id="scroller_container"><div class="jscroller2_up jscroller2_speed-40 jscroller2_mousemove">
ICI LE CONTENU : IMAGES, TEXTES, LIENS, ETC, ETC, ETC, ETC, ETC.
</div>
</div>
</td >
</tr>
</table>
</body>
</html>
Dernière édition par CathyCréation le Jeu 16 Aoû 2012 - 7:36, édité 1 fois
CathyCréation- ****
- Messages : 282
Inscrit(e) le : 20/10/2011 -
Re: Soucis avec code pour ma pa
par skysky Jeu 16 Aoû 2012 - 7:27
Bonjour,
Partie HTML :
Partie CSS :
Bonne journée
Partie HTML :
- Code:
<table class="tout_tab" align=center width="700" cellspacing="5">
<tr>
<th class="haut_tab" width="20%"><img style="float:left; margin-top: -12px; margin-left: -12px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t112.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t210.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t112.png'"><div class="titre_haut">Navigation</div></th>
<th class="haut_tab" width="60%"><img style="float:left; margin-top: -2px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t810.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t811.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t810.png'"><div class="titre_haut">~~~WELCOME SUR LE FORUM~~~</div><img style="float:right; margin-top: -22px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t610.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t510.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t610.png'"></th>
<th class="haut_tab" width="20%"><img style="float:right; margin-top: -12px; margin-right: -12px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t410.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t310.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t410.png'"><div class="titre_haut">NEW's</div></th>
</tr>
<tr>
<td class="centre_g">
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 1</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 2</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 4</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 5</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 6</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 7</a>
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 8</a>
</td>
<td class="centre_c">
<IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><B>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </B><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><I>Vestibulum mollis scelerisque nulla. Donec feugiat augue et sem. Nulla ut purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla volutpat leo quis magna. Donec accumsan lobortis ligula. Donec nec ante eu wisi tempus dictum. Sed nulla est, laoreet nec, consequat quis, iaculis non, tortor. Nunc sed purus. Sed metus. Donec posuere. Pellentesque porttitor tortor non eros. Ut rutrum erat a nunc. Duis non erat et orci viverra mollis. Sed lacinia velit a magna. Etiam aliquam, felis eu imperdiet auctor, ante augue dignissim odio, a pharetra tellus neque vel urna. Cras gravida adipiscing lectus. Nullam lorem ipsum, convallis eleifend, congue placerat, dictum non, leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</I>
</td>
<td class="centre_d">
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script><div id="scroller_container"><div class="jscroller2_up jscroller2_speed-40 jscroller2_mousemove">
ICI LE CONTENU : IMAGES, TEXTES, LIENS, ETC, ETC, ETC, ETC, ETC.
</div>
</div>
</td >
</tr>
</table>
Partie CSS :
- Code:
body {
font-style: "Times New Roman", "serif";
background-color: none;
}
a {
outline: none;
}
.tout_tab{
background-color: #6b0000;
border: 2px solid #dbcece;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0px 0px 10px #AA1E38;
-webkit-box-shadow: 0px 0px 10px #AA1E38;
box-shadow: 0px 0px 10px #AA1E38;
padding: 6px;
}
.haut_tab{
vertical-align: center;
background-color: #6b0000;
border: 2px solid #dbcece;
-moz-border-radius:15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
background:rgba(207,207,207,0.4) !important;
background-color: #a54d4d;
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
}
.titre_haut{
color: #000;
text-align: center;
font-family: Century Gothic, Georgia, "sans-serif";
font-size: 16px;
font-style: italic;
text-shadow: 0px 0px 2px #ffffff;
}
.titre_haut:hover {
font-style: normal;
text-shadow: 0px 0px 2px #CC0000;
}
.centre_g{
font-size: 17px;
color: #000 !important;
text-align: center;
background-color: #6b0000;
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-color: #a54d4d;
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
}
.centre_g a{
color: #000 !important;
text-decoration: none;
}
.centre_g a:hover{
color: #000 !important;
text-shadow: 0px 0px 2px #CC0000;
font-style: italic;
}
.centre_g img{
text-decoration: none;
border: none;
}
.centre_c{
font-size: 11px;
color: #000 !important;
text-align: left;
background-color: #6b0000;
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-color: #a54d4d;
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
padding: 10px;
}
.centre_d{
font-size: 12px;
color: #000 !important;
text-align: center;
background-color: #6b0000;
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-color: #a54d4d;
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
padding: 10px;
}
.centre_d img{
text-decoration: none;
border: none;
}
/* Scroller Box */
#scroller_container {
width: 120px;
height: 160px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy {;# }
#scroller_container {
overflow: auto;
}
Bonne journée
skysky- ***
-
Messages : 179
Inscrit(e) le : 04/08/2012 -
CathyCréation- ****
- Messages : 282
Inscrit(e) le : 20/10/2011 -
Sujets similaires» Soucis avec le code pour les onglets de mon forum
» Gros soucis avec le code css pour la transparence des cellules
» Problème avec le code Javascript pour le feu d'artifice (code pour les fêtes)
» petit soucis au niveaux d'un code pour l'opacité pour les avarts..
» Un soucis avec les z-index sur mon code
» Gros soucis avec le code css pour la transparence des cellules
» Problème avec le code Javascript pour le feu d'artifice (code pour les fêtes)
» petit soucis au niveaux d'un code pour l'opacité pour les avarts..
» Un soucis avec les z-index sur mon code
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum