Probleme ajout a sur la pa

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

Résolu Probleme ajout a sur la pa

Message par Little_dragon le Sam 30 Juin 2012 - 7:18

salut j'ai pris une Pa sur un site qu'on pouvait faire du copie coller mais je la modifie a ma manière par contre le seul problème que j'ai est pas très complique mais je ne n'arrive pas a le faire...

bon je vous donne le code
je vous expliquer j'aimerais avoir le même petit carrer ou qu'il a écrit nouveauté juste a coter de celui ci mais comme celui du staff en haut car se serait pour mettre les poste vacant mais j'ai tout fais pour le faire mais je ne sais pas quel code que je dois utilise pour qu'il soit du coter droit :S quand je le fais sa démanche tout alors j'ai pensée a vous Very Happy Merci beaucoup de votre aide...
Spoiler:
Code:
<table>
      <img src="http://i40.servimg.com/u/f40/11/90/82/77/untitl10.png" border="0" alt="" />
        <td>
        <div class="block block-staff">
            <h1 class="titre titre-staff">L'equipe du Forum</h1>
            <table>
              <tr>
                  <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
                    <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
              </tr>
            </table>
       
            <a href="LIEN_DU_SUJET_STAFF" class="tstaff">Tout le staff ?</a>
        </div>
      </td>
  </tr>
</table>
 <table> <td><table><div=class="welcome">
           
      <td>
        <div class="block block-nouveautes">
            <h1 class="titre">Nouveautes</h1>
           
            <div>
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
            </div>
        </div>
      </td>
  <tr>
      <td>
        <div class="block block-partenaires">
            <h1 class="titre">Partenaires</h1> 
           
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <br />
           
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <br />
        </div>
      </td>
      <td>
        <div class="block block-credits">
            <h1 class="titre">Credits</h1>
           
            <div>
              Design by ...<br />Page D'accueil By <a href="http://www.css-actif.com/">Silver°Dragon</a>
            </div>
        </div>
      </td>
  </tr>
</table>
Merci beaucoup bonne soirée ou bonne nuit lol a l'heure qu'il est rendu Very Happy

si sa peut vous aider je vous donne le lien du forum
Spoiler:
www.zen-hotel.forum-canada.com
Very Happy


Dernière édition par Little_dragon le Sam 7 Juil 2012 - 8:50, édité 1 fois

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme ajout a sur la pa

Message par Psyaliah le Sam 30 Juin 2012 - 9:55

Bonjour,
Pourrais-je avoir le css avec, histoire d'y voir plus clair ? Very Happy

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme ajout a sur la pa

Message par Little_dragon le Sam 30 Juin 2012 - 20:11

salut Very Happy voila je te donne le css

Spoiler:
Code:
/* Propriétés générales */
.block, .titre, .lien {
  background: #39556B;   
  color: #E3F9FF;
 
  border: 2px #888888 solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #000000;
  -moz-box-shadow: 1px 1px 5px #6963B0;
  -webkit-box-shadow: 1px 1px 5px #ffffff;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
       
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #6963B0;
  color: #ffffff;
  text-shadow: 0px 0px 8px #000000;
  border: #ffffff 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color:#6963B0;
}

.lien:hover{
  background: #ffffff;
  color: #000000;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits { 
  width: 280px;
  height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px; 
  height: 70px;
  overflow: auto;
}


/* Titres */
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px; 
  width: 20px; 
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px#6963B0 solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000;   
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}

Merci pour ton aide Very Happy

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme ajout a sur la pa

Message par Little_dragon le Mer 4 Juil 2012 - 17:45

salut ce topic attend toujours une réponse Very Happy Merci

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme ajout a sur la pa

Message par Invité le Mer 4 Juil 2012 - 18:09

Bonjour,

Comme ceci?
Le message d'accueil:
Code:
<table>
<tr>
<td>
      <img src="http://i40.servimg.com/u/f40/11/90/82/77/untitl10.png" border="0" alt="" />
</td>
</tr>
<tr>
        <td>
        <div class="block block-staff">
            <h1 class="titre titre-staff">L'equipe du Forum</h1>
            <table>
              <tr>
                  <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
</td>
                    <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
                    <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
              </tr>
            </table>
     
            <a href="LIEN_DU_SUJET_STAFF" class="tstaff">Tout le staff ?</a>
        </div>
      </td>
  </tr>
</table>
 <table><tr> <td><table><tr><td><div=class="welcome">
 </div>
        <div class="block block-nouveautes">
            <h1 class="titre">Nouveautes</h1>
         
            <div>
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
              00 / 00 / 00 ~> Nouveaute<br />
            </div>
        </div>
      </td>
<td><div class="block block-staff">
            <h1 class="titre titre-staff">Postes Vacants</h1>
            <table>
              <tr>
                  <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
</td>
                    <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
                    <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
              </tr>
            </table>
</td>
</tr>
  <tr>
      <td>
        <div class="block block-partenaires">
            <h1 class="titre">Partenaires</h1>
         
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <br />
         
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <br />
        </div>
      </td>
      <td>
        <div class="block block-credits">
            <h1 class="titre">Credits</h1>
         
            <div>
              Design by ...<br />Page D'accueil By <a href="http://www.css-actif.com/">Silver°Dragon</a>
            </div>
        </div>
      </td>
  </tr>
</table>
</td>
</tr>
</table>
Le CSS:
Code:
/* Propriétés générales */
.block, .titre, .lien {
  background: #39556B; 
  color: #E3F9FF;
 
  border: 2px #888888 solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #000000;
  -moz-box-shadow: 1px 1px 5px #6963B0;
  -webkit-box-shadow: 1px 1px 5px #ffffff;
}
 
.block, .lien {
  text-align: center;
  padding: 10px;
}
 
td {
  vertical-align: top;
}
 
 
/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}
 
.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
     
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
 
.thumbnail {
  position: absolute;
  z-index: 0;
}
 
.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}
 
.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #6963B0;
  color: #ffffff;
  text-shadow: 0px 0px 8px #000000;
  border: #ffffff 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
 
.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}
 
 
/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color:#6963B0;
}
 
.lien:hover{
  background: #ffffff;
  color: #000000;
}
 
a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}
 
.block a {
  text-decoration: none;
}
 
/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}
 
.block-welcome {
  width: 500px;
}
 
.block-staff {
  width: 332px;
}
 
.block-staff table {
  margin: auto;
}
 
.block-staff td {
  width: 92px;
}
 
.block-partenaires, .block-nouveautes, .block-credits {
  width: 332px;
  height: 150px;
}
 
.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px;
  height: 70px;
  overflow: auto;
}
 
 
/* Titres */
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}
 
.titre-welcome {
  height: 130px;
  width: 20px;
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px#6963B0 solid;
}
 
.titre-staff {
  width: 130px;
  text-align: center;
}
 
.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}
 
.titre-welcome:hover {
  background: #000000; 
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}
Bien sincèrement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme ajout a sur la pa

Message par Little_dragon le Ven 6 Juil 2012 - 22:25

salut Azami Very Happy merci beaucoup pour ton aide je vais mettre en resolu Very Happy

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

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


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