Soucis avec code pour ma pa

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Soucis avec code pour ma pa

Message 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

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
avatar

CathyCréation
****

Messages : 282
Inscrit(e) le : 20/10/2011

http://accrosgraph.forumactif.com
CathyCréation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis avec code pour ma pa

Message par skysky Jeu 16 Aoû 2012 - 7:27

Bonjour,

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

skysky
***

Masculin
Messages : 179
Inscrit(e) le : 04/08/2012

http://skysky.forumactif.com/
skysky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis avec code pour ma pa

Message par CathyCréation Jeu 16 Aoû 2012 - 7:36

Oh super merci beaucoup
avatar

CathyCréation
****

Messages : 282
Inscrit(e) le : 20/10/2011

http://accrosgraph.forumactif.com
CathyCréation a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum