Sujets similaires

C'est normal que ça me donne ça? Est-ce que c'est a cause de l'image qui serais trop petite?

Spoiler:

Pour ma part, j'ai quelques petits soucis mineurs ou questions qui ne demandent qu'à être éclaircis...Je sais pas dans quel sens commencer alors je vais y aller à mesure que ça me vient en tête.

- Y a-t-il un moyen de ne mettre que l'image du haut et pas l'image du bas ?

- Comment fait-on pour que l'image ne soit pas au milieu mais à gauche et le reste (le texte en gros) à côté ?

- Et comment faire pour que le groupe "Government" ne soit pas collé à ses petits camardes du dessus ?

Je laisse mon petit bazard si quelqu'un s'y retrouve...

APERCU Actuel:

Spoiler:

Feuille de CSS:

Code:: body {
text-align:justify;
}
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #CC0000 solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: black;
color: #853333;
padding: 3px;
border: 0px solid #853333;
border-left: 2px solid #853333;
border-right: 2px solid #853333;
border-top: 2px solid #853333;
border-bottom: 2px solid #853333;
}
body{margin-top: 0px;}

body{margin-bottom: 0px;}

a.forumlink {
text-decoration: none;
background-color: #0F0E0C;
border-bottom: 2px double #5C2F2F;
border-top: 2px double #0F0E0C;
-moz-border-radius: 10px ;
border-right: 5px solid #0F0E0C;
-moz-border-radius: 10px ;
border-left: 5px solid #0F0E0C;
display:block;

}
a.forumlink:hover {
text-decoration: none;
background-color: #0F0E0C;
border-bottom:2px double #5C2F2F;
border-top: 2px double #0F0E0C;
-moz-border-radius: 10px ;
border-right: 5px solid #0F0E0C;
-moz-border-radius: 10px ;
border-left: 5px solid #0F0E0C;
display:block;
}
a { text-decoration: small-caps ; }

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px dashed #5C2F2F;
}
tr.post td {padding-left: 20px;}
a.topictitle{
text-decoration: none;
font-variant: small-caps;
color : #5C2F2F;
font-size: 12px;
font-face: Georgia;
}
.name a {text-decoration: none;}
a:hover {
text-decoration: none !important;
}
u {
text-decoration: none;
border-bottom: 1px #5C2F2F dashed;
}
a {
font-variant: small-caps;
}
a { text-decoration: none; }
tr.post span.gensmall { display: none; }
.statistiques{
border:0px;
background-image: url("http://i50.tinypic.com/1nyasp.jpg");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#0F0E0C;border: 1px #0F0E0C dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

Template:

Code:: {JAVAscript}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
   <td width="100%" valign="top" align="center" class="row1">
      <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
      <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

   </td>
</tr>
</table>
</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      
      <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </span>
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
         <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
   <td width="100%" valign="top" align="center" class="row1">
      <span class="genmed">{L_USERNAME}:</span>
      <input class="post" type="text" size="10" name="username"/>
      <span class="genmed">{L_PASSWORD}:</span>
      <input class="post" type="password" size="10" name="password"/>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <span class="gensmall">{L_AUTO_LOGIN}</span>
      <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
   </td>
</tr>
</table>
</form>



<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<br><br><br><br><br><br><br><center>
<span class="groupes"> <a href="http://victorian-hour.forumactif.com/groupcp.forum?g=2"><font color="#B52A2A" size="2"><b>GENTLEMEN</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://victorian-hour.forumactif.com/groupcp.forum?g=3"><font color="#458069" size="2"><b>KABBALE</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://victorian-hour.forumactif.com/groupcp.forum?g=4"><font color="#A68D4C" size="2"><b>LONDONIENS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://victorian-hour.forumactif.com/groupcp.forum?g=5"><font color="#BBC43A" size="2"><b>SCOTLAND YARD</b></font></a> </span>
<span class="groupes"> <a href="http://victorian-hour.forumactif.com/groupcp.forum?g=6"><font color="#8BC0C4" size="2"><b>GOVERNMENT</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg"> <br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="http://i50.tinypic.com/1nyasp.jpg"><br>

{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
   <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td></td>
   <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>  </td>
   <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}

Merci d'avance !

Pour la dernière question : il faut que tu rajoutes un

Code:: <br>

juste avant

Code:: <span class="groupes"> <a href="http://victorian-hour.forumactif.com/groupcp.forum?g=6"><font color="#8BC0C4" size="2"><b>GOVERNMENT</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">

Il me semble

J'ai reussi a peu pres a resoudre mon dernier post, mais je ne trouve toujours pas comment enlever l'espace qui se trouve entre mon Image du bas et celle du haut.
Comment faire?

Olala. Je cherchai à faire ça depuis longtemps.
Merci. En plus moi qui suis une quiche en css, avec ton explication j'ai réussis du premier coup.
Merci beaucoup

Kimy a écrit:: C'est parce que tu as oublié de mettre pour tous les groupes ta class ^^

Merci beaucoup ! ^^
(Avec un peu de retard, certes)

Salut tous le monde =) Super tuto merci beaucoup j'ai tous réussi sauf que j'ai un problème à la fin, je n'arrive pas a mettre l'image du haut, elle ne veut pas s'afficher >.> voila mes templates et le CSS en esperant que vous trouverez le problème ^^

CSS:

Citation :: a { text-decoration: none; }
statistiques{
border:0px;
background-image: url("https://i.servimg.com/u/f62/11/12/90/71/qui_es10.jpg");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color: #none;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

Template:

Désolé du double post mais il n'y a pas de bouton éditer >.>

Code:: {JAVAscript}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
   <td width="100%" valign="top" align="center" class="row1">
      <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
      <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

   </td>
</tr>
</table>
</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      
      <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </span>
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
         <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
   <td width="100%" valign="top" align="center" class="row1">
      <span class="genmed">{L_USERNAME}:</span>
      <input class="post" type="text" size="10" name="username"/>
      <span class="genmed">{L_PASSWORD}:</span>
      <input class="post" type="password" size="10" name="password"/>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <span class="gensmall">{L_AUTO_LOGIN}</span>
      <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
   </td>
</tr>
</table>
</form>



<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<br><br><br><br><br><br><br><center>
<span class="groupes"> <a href="http://percy-jackson.forumactif.com/groupcp.forum?g=3&tt=1"><font color="#B02020" size="2"><b>Demi-Dieux</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://percy-jackson.forumactif.com/groupcp.forum?g=4&tt=1"><font color="#619919" size="2"><b>Satyres</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://percy-jackson.forumactif.com/groupcp.forum?g=5&tt=1"><font color="#7D4C0F" size="2"><b>Centaures</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://percy-jackson.forumactif.com/groupcp.forum?g=7&tt=1"><font color="#F0D000" size="2"><b>Humains</b></font></a> </span><br /><br />
<span class="groupes"> <a href="http://percy-jackson.forumactif.com/groupcp.forum?g=6&tt=1"><font color="#EBEBEB" size="2"><b>Partisans d'Hadès</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="LIEN IMAGE DU BAS"><br>

{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
   <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td></td>
   <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td> </td>
   <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}

Voila en esperant que vous arriverez à m'aider =) A plus

Double-poste fusionné par Orange

Maintenant j'arrive à mettre l'image du Bas Smile

mais l'image du haut de s'affiche toujours pas >.> alors si quelqu'un à une idée d'où vient le problème =)

Bonjour à tous =)
Merci pour ce code, je l'ai essayé, avec succès, mais j'aimerais que mon image soit sur la même ligne que le nom des groupes, est-ce possible ? Comment faire ?

Spoiler:

Merci !

pour cela il faut:

Feuille CSS (tu as pris la partie CSS du tuto) > Tu mets le lien de ton image dans la partie ("Lien image haut") et voila ^^

Merci !

Bonjour,

Depuis ce matin (euh enfin une bonne partie de l'après-midi qui pour moi est le matin x'])
je chipote sur mon forum de test pour mettre le texte du QEEL sur la gauche, j'ai beau regarder mon template et mon CSS pour mettre le texte, tout ce que j'ai réussi à faire c'est ça; ici (désolée si ont peu pas mettre de lien, mais j'ai la grosse flemme de faire une capture d'écran du forum >>).

J'aimerais savoir quel truc il faut changer pour le mettre sur la gauche T.T

Merci pour vos réponses

Bonsoir bonsoir, j'ai un soucis: J'ai fais tout indiqué comme ici j'ai 10 groupes en tout, les 4 premiers sont alignés mais après à chaque groupe ça revient à la ligne...

Pouvez-vous m'aider s'il vous plait?

Désolé, je ne peux pas éditer mais j'ai résolu mon problème.
Merci quand même.

Luxuary > Pour mettre ton image ou ton texte a gauche, il te suffit d'aller dans ton CSS et au lieu de mettre:
background-position: center;
tu mets:
background-position: left;

Et normalement celui ci se mettra a gauche =) Voila en espérant que ce la fonctionne a bientôt

Il est déjà mis sur la gauche (oui, j'ai changer tout ce qui pouvais être changer, mais T.T).
ça me le met en Justify (pourtant je vois pas ou j'ai mis cette balise OO)

Bonjour. Merci pour ce tuto que je recherche depuis... Longtemps.

Mon problème est le suivant. Je n'arrive pas a avoir une image qui couvre l'arrière de la partie: Who Is Online -groupes, pseudo et tout ce qui s'en suit-

-Je précise aussi que c'ets un thème temporaire en attendant d'en faire un autre.-

Dois-je revoir mes code ou agrandir l'image?

Merci a vous x3

Après cela dépend de ton image (de sa taille), et de la place que tu lui a attribué (centré, à gauche, à droite, justifier Wink

)

D'accord je vois. Merci =)

Bonjour,

J'ai mis ce code dans le template approprié mais ça fait bizarre du coup. Ca me donne ça ( l'image a été prise au hasard car c'était juste pour un essai ^^ ) :

Spoiler:

Je ne sais pas où j'ai pu faire l'erreur et si quelqu'un peut m'aider ça serait cool =)

L'image est-elle mise via le CSS ou via le template ? =)

bjours

voila mon bout de css :

Spoiler:

j'aimerai savoir au bout de cb d'utilisateur en ligne il ira a la ligne. et si c'est possible d'inversé les membres en ligne et les stats du forum ?

arf faut que je la mette dans les deux en gros ?

personne pour moi ?

Remonte un peu ma question --'

Luxuary Sakuraba' a écrit:: Bonjour,

Depuis ce matin (euh enfin une bonne partie de l'après-midi qui pour moi est le matin x'])
je chipote sur mon forum de test pour mettre le texte du QEEL sur la gauche, j'ai beau regarder mon template et mon CSS pour mettre le texte, tout ce que j'ai réussi à faire c'est ça; ici (désolée si ont peu pas mettre de lien, mais j'ai la grosse flemme de faire une capture d'écran du forum >>).

J'aimerais savoir quel truc il faut changer pour le mettre sur la gauche T.T

Merci pour vos réponses

Qui est en ligne ? phhpbb2 (messages)

Qui est en ligne ? phhpbb2 (messages)

Sujets similaires

Sujets similaires

Partenaires Or