RÉSOLU =D ! Bouton_activeRÉSOLU =D ! Bouton_hoverRÉSOLU =D ! Fb-hoverRÉSOLU =D ! Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
RÉSOLU =D ! EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
RÉSOLU =D ! EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
RÉSOLU =D ! EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
RÉSOLU =D ! EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
RÉSOLU =D ! EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
RÉSOLU =D ! EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
RÉSOLU =D ! EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
RÉSOLU =D ! EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Console Nintendo Switch Lite édition Hyrule : ...
Voir le deal

Partagez
 

RÉSOLU =D !

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://thegoodlife.forumactif.org
mymz
mymz
{ Membre }
{ Membre }

Féminin Messages : 33



RÉSOLU =D ! Empty
    Bonjour bonjour !

    J'aimerais savoir comment on fait une barre pour les séparations dans le QEEL. Enfin, je m'explique... Avec un tuto j'ai réussi à mettre mon QEEL comme ça cliquez, ce que j'aimerais, c'est mettre une barre entre les deux, justifier les stats et si possible, mettre un "cadrage" autour de mon QEEL pour qu'il ne soit pas nowhere en dessous de mes catégos X_X, comme ça cliquez.

    Merci à ceux qui pourront m'aider Au secours !


PROBLÈME RÉ


Dernière édition par mymz le Mer 24 Mar 2010, 22:02, édité 1 fois
MessageSujet: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 12:53
Revenir en haut Aller en bas
Invité
Invité




RÉSOLU =D ! Empty
Coucou,

Pour le texte justifié :
Code:
<div style="text-align: justify;">stat'</div>

Pour la barre je ne sais pas ^^"
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 13:04
Revenir en haut Aller en bas
http://thegoodlife.forumactif.org
mymz
mymz
{ Membre }
{ Membre }

Féminin Messages : 33



RÉSOLU =D ! Empty
    Han merci ! Est-ce que tu sais où je dois le mettre par contre ? *la boulette de service*
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 17:19
Revenir en haut Aller en bas
Invité
Invité




RÉSOLU =D ! Empty
Dans ton templates que tu as modifié pour ton QEEl ^^ Tu retrouves ce que tu as mis dnas la deuxième partie de ton tableau, et tu l'entourre du code d'la Miss ^^
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 18:39
Revenir en haut Aller en bas
http://thegoodlife.forumactif.org
mymz
mymz
{ Membre }
{ Membre }

Féminin Messages : 33



RÉSOLU =D ! Empty
Merci beaucoup !

Il me reste toujours une question par contre >.< Personne ne sait comment faire =/ ?
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 18:46
Revenir en haut Aller en bas
Invité
Invité




RÉSOLU =D ! Empty
Pour l'image j'ai un petit doute~

Mais je passe que c'est une class CSS, où on a mis comme paramètre seulement la border-left ^^ ( ou right, tout dépend où on le prend ~ )
Et on ajoute le code à l'une des deux parties du tableau.

Ou alors cela peut être très bien, un tableau à trois colonne et celle du milieu extrèmement fine, avec l'image à l'intérier /o/
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 19:49
Revenir en haut Aller en bas
http://thegoodlife.forumactif.org
mymz
mymz
{ Membre }
{ Membre }

Féminin Messages : 33



RÉSOLU =D ! Empty
    MDR ! Je n'en sais rien, je l'ai vu aussi sur le forum de Filthy Secret et je crois en fait que c'est un truc qu'il faut rajouter dans le template, seulement j'ai aucune idée de ce que c'est x_x
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 19:52
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



RÉSOLU =D ! Empty
Peut-être que si tu nous donnais le code du QEEL on pourrait plus facilement t'aider Wink.
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 20:09
Revenir en haut Aller en bas
http://thegoodlife.forumactif.org
mymz
mymz
{ Membre }
{ Membre }

Féminin Messages : 33



RÉSOLU =D ! Empty
>.< pardon !

Code:
{JAVAscript}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<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>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </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>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<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>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="700" border="0" class="statistiques"><tbody>
<tr>
<td >
<table border="0" cellspacing="3" cellpadding="0" align="center" style="text-align: justify" width="400">
        {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}</table>
</td>
<td width="400">
<div style="text-align: justify;"> <span class="groupes"> <a href="http://life-in-ucla.1fr1.net/groupcp.forum?g=12&sid=9a87b7927707ccdbbaaa6e2a7a8f5de0"><font color="#A1A5C2" size="2"><b>FIRE UP BOYS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://life-in-ucla.1fr1.net/groupcp.forum?g=9&sid=9a87b7927707ccdbbaaa6e2a7a8f5de0"><font color="#FF907A" size="2"><b>SPORTAHOLICS</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://life-in-ucla.1fr1.net/groupcp.forum?g=5&sid=9a87b7927707ccdbbaaa6e2a7a8f5de0"><font color="#FC97AD" size="2"><b>PUSSYCAT QUEENS</b></font></a></span>
<img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://life-in-ucla.1fr1.net/groupcp.forum?g=6&sid=9a87b7927707ccdbbaaa6e2a7a8f5de0"><font color="#C2465B" size="2"><b>GENIOUSLY ARTISTIC</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="http://life-in-ucla.1fr1.net/groupcp.forum?g=7&sid=9a87b7927707ccdbbaaa6e2a7a8f5de0"><font color="#7A3E4A" size="2"><b>F*CK YOU</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="http://life-in-ucla.1fr1.net/groupcp.forum?g=8&sid=9a87b7927707ccdbbaaa6e2a7a8f5de0"><font color="#FFC552" size="2"><b>NERDY MINDS</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="http://life-in-ucla.1fr1.net/groupcp.forum?g=11&sid=9a87b7927707ccdbbaaa6e2a7a8f5de0"><font color="#B08DAE" size="2"><b>STUDENTS DICTATORS</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="http://life-in-ucla.1fr1.net/groupcp.forum?g=13&sid=9a87b7927707ccdbbaaa6e2a7a8f5de0"><font color="#9BC1CC" size="2"><b>THE GOOD LIFE</b></font></a> </span> <br> <br>
<span class="gensmall">
      {TOTAL_POSTS}. {TOTAL_USERS}<br>
      {NEWEST_USER}<br>
      {TOTAL_USERS_ONLINE}<br>
      {LOGGED_IN_USER_LIST}
  </span></div>
</td></tr>
<tbody></table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<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>
<!-- END switch_legend -->

{AUTO_DST}

Le voici =) Mon template index_body x)
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 20:10
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



RÉSOLU =D ! Empty
D'accord. Je vois que tu as mis la classe "statistiques" (enfin le code fourni dans le tuto incluait peut-être déjà cette classe) au tableau de ton QEEL. Ça facilitera grandement les choses.

Pour mettre un cadre autour de ton QEEL, tout ce que tu as à faire c'est de trouver la classe statistiques dans le CSS de ton forum et rajouter une propriété de bordure. Genre:

Code:
border: NOMBREpx #COULEUR TYPE_DE_BORDURE;

Si la classe n'existe pas, crée-la en ajoutant ceci au CSS de ton forum:
Code:
.statistiques {
border: NOMBREpx #COULEUR TYPE_DE_BORDURE;
}

Commençons par cela et voyons la suite après.

EDIT: Finalement, continuons Very Happy

Pour la bordure entre les informations, il te suffit d'ajouter une bordure uniquement sur le côté (gauche ou droit) d'une de tes cellules. Pour ce faire, repère le code suivant:

Code:
<tr>
<td >
<table border="0" cellspacing="3" cellpadding="0" align="center" style="text-align: justify" width="400">

Nous modifierons uniquement < td> en y ajoutant une bordure grâce à la balise style, comme ceci:

Code:
<td style="border-right: NOMBREpx #COULEUR TYPE_DE_BORDURE">

Modifie le code comme bon te semble. N'oublie pas que #COULEUR correspond à n'importe quelle couleur du sélecteur de couleur de CSSActif: https://css-actif.forumactif.org/ressources-css-html-f9/selecteur-de-couleurs-t37.htm

Donc, tu obtiendras ceci:
Code:
<tr>
<td style="border-right: NOMBREpx #COULEUR TYPE_DE_BORDURE">
<table border="0" cellspacing="3" cellpadding="0" align="center" style="text-align: justify" width="400">
.

Je pense que c'est tout.
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 20:15
Revenir en haut Aller en bas
http://thegoodlife.forumactif.org
mymz
mymz
{ Membre }
{ Membre }

Féminin Messages : 33



RÉSOLU =D ! Empty
Je vais essayer et éditer si ça fonctionne =) ! Merci Orange *____*

EDIT; ça fonctionne !

Merci un MILLION de fois !!! J'suis trop contente tu fais ma soirée Very Happy !
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 21:46
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



RÉSOLU =D ! Empty
Ce fut un plaisir Very Happy
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! EmptyMer 24 Mar 2010, 22:59
Revenir en haut Aller en bas
Contenu sponsorisé




RÉSOLU =D ! Empty
MessageSujet: Re: RÉSOLU =D !   RÉSOLU =D ! Empty
Revenir en haut Aller en bas
 

RÉSOLU =D !

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» bordure à supprimer (non résolu) + contenu de forum disparu (résolu)
» Problème d'éléments à déplacé : index_box [RESOLU] - viewtopic_body [RESOLU]
» [résolu]Retirer auteur & message dans un topic RESOLU
» [résolu]Mon formulaire ne se poste pas :D[Resolu]
» Petite question technique

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit