Code PA

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

Résolu Code PA

Message par Xibition le Mar 31 Jan 2012 - 23:24

Bonsoiiiir encore moi mdr !! c'est que je dois finir le design de mon forum aujourd'hui sinon im dead Assomé

Bon, j'ai un tout petit soucis avec le code de ma PA, le voici :

Code:
<table>
<center><img src="http://img15.hostingpics.net/pics/354134truuc.png" width="940"></center>
    <tr>
        <td>
            <div style="width: 330px; height: 230px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond"><center><img src="http://img15.hostingpics.net/pics/611523truc.png" width="300"></center>
                <span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598D;; text-shadow: 0px 0px 1px #80598D;">
                </span></br>
              ♣ New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1  New 1 New 1 New 1 New 1 New 1 New 1
                </br>
                </br>♣ New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2  New 2 New 2 New 2 New 2 New 2 New 2</div>
              </body>
            </div>
            </br>
            <div style="width: 330px; height: 100px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond">
              <span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598D; text-shadow: 0px 0px 1px #80598D;">
                <center>Staff</center>
                </span>


                      <table align="center"><tr><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/82838744a1.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td>

  <div class="bullestaff"><img src="http://img15.hostingpics.net/pics/64535778a2.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td>

                    <div class="bullestaff"><img src="http://img15.hostingpics.net/pics/54478261a3.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/32629682a4.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/14813188a5.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/48710312a6.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/72821255a7.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/96459566a8.png"/>
<span><b>Admin</b></br>NOM </br></br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</br></br><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td>
                    </div>
   



</tr></table>
            </div>
        </td>
        <td>
            <div style="width: 370px; height: 260px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond"><center><img src="http://img15.hostingpics.net/pics/401253TRUC2.png" width="300"></center>
                <span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598d; text-shadow: 0px 0px 1px #80598D;">
                </span>
                              <div style="width: 370px; height: 120px; padding-right: 5px; overflow: auto; font-family: Georgia; color: #80598D; font-size: 12px;" align="justify">♣ "Bienvenue sur notre forum !
Alors, qu'est-ce qui t'amène ici ? Tu es passionné(e) de graphisme et tu veux progresser tout en passant de bons moments ?
Ou tu débutes complètement dans le graph et tu aimerais apprendre à faire de jolies créas ? Peu importe, tu as frappé à la bonne porte !
Graph perle est un forum complet : il se concentre essentiellement sur le graph, mais si tu aimes également la photo, le dessin ou l'écriture, tu trouveras ton bonheur.
Tu pourras également prendre des cours, ouvrir ta galerie ou demander des conseils pour tes créas, tout ça une fois que tu auras fait ta présentation et ton éval, afin que l'on détermine ton rang en graphisme.
Et si tu as envie de te détendre, jeux et blablatages entre membres sont au rendez vous, tout cela dans la bonne ambiance !
Alors, n'hésite pas : viens nous rejoindre !"
                              xoxo Le Staff.<br><img src="http://aux2.iconpedia.net/uploads/4805383891728087813.png" style="float: right; padding-left: 7px; height: 40px;">
                </div>
            </div>
            </br>
            <div style="width: 380px; height: 180px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond">
                <span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598d; text-shadow: 0px 0px 1px #80598D;">
 <center>Partenaires</center>
                </span></br>
                <marquee direction="left" scrollamount="3" width="380" onmouseover="this.stop()" onmouseout="this.start()">
                <a href="http://URL DU FORUM"><img src="http://i49.servimg.com/u/f49/16/99/74/66/sakura11.jpg" style="margin-right: 10px;"/></a><a href="http://URLDUFORUM"><img src="http://i49.servimg.com/u/f49/16/99/74/66/hikaru12.jpg" style="margin-right: 10px;"/></a>
                </marquee>
            </div>
        </td>
    </tr>
</table>

Je vous explique mon problème en image Very Happy

Spoiler:

Je veux que les autres images se collent avec celle qui est toute seule x)
Merci de me sauver le vie aidez moi


Dernière édition par jiji98 le Jeu 2 Fév 2012 - 18:02, édité 1 fois

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

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

Résolu Re: Code PA

Message par Xibition le Mer 1 Fév 2012 - 13:02

Up Smile

Je post le css :

Code:
        .bullestaff {
  position : relative;
        z-index: 0;
    width: 20px;}
 
.bullestaff:hover{
    background-color: transparent;
    z-index: 50;}
 
.bullestaff span{
    position: absolute;
    background-image: url(http://i40.tinypic.com/mr435.png);
    padding: 0px 5px;
    visibility: hidden;
    color: #80598D;
    font-family: Georgia;
    text-align: center;}
 
.bullestaff:hover span{
    visibility: visible;
    top: 45px;
    left: 10px;
    width: 150px;
    height: 120px;
    color: #80598D;
    border: 1px dashed #bf9ab0;}
.fond {background-image:url('http://i43.tinypic.com/5xj2bm.png');
}

.navig { text-decoration : none !important;
  text-transform : uppercase;
  text-align : center;
  font-size: 13px;
font-family: century gothic;
  font-weight: bold;
letter-spacing: -1px;
color: #80598D;
}

.navig:hover { text-decoration : none !important;
  text-transform : uppercase;
  text-align : center;
  font-size: 13px;
  color : #7d7081;
  font-weight: bold;
}

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

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

Résolu Re: Code PA

Message par Invité le Mer 1 Fév 2012 - 14:13

Bonjour,

Comme ceci?
Code:
<table>
<center>
<img src="http://img15.hostingpics.net/pics/354134truuc.png" width="940" />
</center>
    <tr>
        <td>
            <div style="width: 330px; height: 230px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond">
         <center>
         <img src="http://img15.hostingpics.net/pics/611523truc.png" width="300">
         </center>
                <span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598D;; text-shadow: 0px 0px 1px #80598D;">
                </span><br />
              ? New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1 New 1  New 1 New 1 New 1 New 1 New 1 New 1
                <br />
                <br />? New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2 New 2  New 2 New 2 New 2 New 2 New 2 New 2
            </div>
            <br />
            <div style="width: 330px; height: 100px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond">
              <span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598D; text-shadow: 0px 0px 1px #80598D;">
                <center>Staff</center>
                </span>
 
 
    <table align="center">
   <tr>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/82838744a1.png" />
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span>
</div> </td>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/64535778a2.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span>
</div> </td>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/54478261a3.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/32629682a4.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/14813188a5.png"/><span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td>
<td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/48710312a6.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/72821255a7.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td><td><div class="bullestaff"><img src="http://img15.hostingpics.net/pics/96459566a8.png"/>
<span><b>Admin</b><br />NOM <br /><br />Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br /><br /><a href="URL VERS LE PROFIL">Profil</a>•<a href="URL VERS CONTACT">Contact</a> </span></div> </td>           

</tr></table></div>
            </div>
        </td>
        <td>
            <div style="width: 370px; height: 260px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond"><center><img src="http://img15.hostingpics.net/pics/401253TRUC2.png" width="300"></center>
                <span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598d; text-shadow: 0px 0px 1px #80598D;">
                </span>
                              <div style="width: 370px; height: 120px; padding-right: 5px; overflow: auto; font-family: Georgia; color: #80598D; font-size: 12px;" align="justify">? "Bienvenue sur notre forum !
Alors, qu'est-ce qui t'amène ici ? Tu es passionné(e) de graphisme et tu veux progresser tout en passant de bons moments ?
Ou tu débutes complètement dans le graph et tu aimerais apprendre à faire de jolies créas ? Peu importe, tu as frappé à la bonne porte !
Graph perle est un forum complet : il se concentre essentiellement sur le graph, mais si tu aimes également la photo, le dessin ou l'écriture, tu trouveras ton bonheur.
Tu pourras également prendre des cours, ouvrir ta galerie ou demander des conseils pour tes créas, tout ça une fois que tu auras fait ta présentation et ton éval, afin que l'on détermine ton rang en graphisme.
Et si tu as envie de te détendre, jeux et blablatages entre membres sont au rendez vous, tout cela dans la bonne ambiance !
Alors, n'hésite pas : viens nous rejoindre !"
                              xoxo Le Staff.<br><img src="http://aux2.iconpedia.net/uploads/4805383891728087813.png" style="float: right; padding-left: 7px; height: 40px;">
                </div>
            </div>
            <br />
            <div style="width: 380px; height: 180px; border: 1px solid #bf9ab0; padding: 5px 10px;" class="fond">
                <span style="font-family: century gothic; letter-spacing: -1px; font-size: 18px; color: #80598d; text-shadow: 0px 0px 1px #80598D;">
 <center>Partenaires</center>
                </span><br />
                <marquee direction="left" scrollamount="3" width="380" onmouseover="this.stop()" onmouseout="this.start()">
                <a href="http://URL DU FORUM"><img src="http://i49.servimg.com/u/f49/16/99/74/66/sakura11.jpg" style="margin-right: 10px;"/></a><a href="http://URLDUFORUM"><img src="http://i49.servimg.com/u/f49/16/99/74/66/hikaru12.jpg" style="margin-right: 10px;"/></a>
                </marquee>
            </div>
        </td>
    </tr>
</table>
J'ai remplacé les </br> par <br /> et ajouté un </td>. Sur mon forum test ça fonctionne correctement.

Cordialement.

Invité
Invité


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

Résolu Re: Code PA

Message par Xibition le Mer 1 Fév 2012 - 15:04

MERCIIII Ca fonctionne parfaitement Very Happy

Juste une dernière question, est ce que je peux ajouter une image comme fond ? le fond de toute la pa :p

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

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

Résolu Re: Code PA

Message par Invité le Jeu 2 Fév 2012 - 16:01

Bonjour,

Encadrez votre code avec une div:
Code:
<div style="background:('Url de l'image');" width="100%" height="100%"> VOTRE CODE DE PA</div>

Cordialement.

Invité
Invité


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

Résolu Re: Code PA

Message par Xibition le Jeu 2 Fév 2012 - 18:02

Merci c'est parfait Very Happy

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition 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