Probleme ajout a sur la pa

2 participants

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 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:
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:
Very Happy


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

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 Sam 30 Juin 2012 - 9:55

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

Psyaliah
Membre habitué

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

https://forum.forumactif.com/
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme ajout a sur la pa

Message par Little_dragon Sam 30 Juin 2012 - 20:11

salut Very Happy voila je te donne le css

Spoiler:

Merci pour ton aide Very Happy
Little_dragon

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 Mer 4 Juil 2012 - 17:45

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

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é 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.
Anonymous

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 Ven 6 Juil 2012 - 22:25

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

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

- Sujets similaires

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