2 boites face à face. Bouton_active2 boites face à face. Bouton_hover2 boites face à face. Fb-hover2 boites face à face. Fb-active
AccueilForumÉquipe 
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
2 boites face à face. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
2 boites face à face. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
2 boites face à face. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
2 boites face à face. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
2 boites face à face. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
2 boites face à face. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
2 boites face à face. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
2 boites face à face. EmptySam 11 Fév 2023, 06:04 par Krager


CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

2 boites face à face.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Sa'
{ Membre }
{ Membre }

Féminin Messages : 48



2 boites face à face. Empty
Bonjour, j'aimerais savoir comment mettre 2 boites face à face pour mon QEELici

Merci 2 boites face à face. 73120010 .
MessageSujet: 2 boites face à face.   2 boites face à face. EmptyDim 28 Avr 2013, 06:40
Revenir en haut Aller en bas
http://school-of-pub.fr/
Miettes
Miettes
{ Membre }
{ Membre }

Féminin Messages : 4



2 boites face à face. Empty
Hello Smile

Je pense que pour le coup, un peu plus de précisions seraient nécessaire. Du genre, un schéma ou croquis de ce que tu aimerais....
MessageSujet: Re: 2 boites face à face.   2 boites face à face. EmptyDim 28 Avr 2013, 12:59
Revenir en haut Aller en bas
http://pokemon-rpg.fourm-actif.net
Minaeris
{ Membre }
{ Membre }

Féminin Messages : 18



2 boites face à face. Empty
Le code te ton template et le CSS correspondant ne serait pas de trop non plus Wink
MessageSujet: Re: 2 boites face à face.   2 boites face à face. EmptyDim 28 Avr 2013, 13:01
Revenir en haut Aller en bas
Sa'
{ Membre }
{ Membre }

Féminin Messages : 48



2 boites face à face. Empty
D'accord, pour le CSS :

Code:
/****DEBUT****DU QEEL****/
a {
color : #2d59bd;
-moz-transition : color 1s;
-webkit-transition : color 1s;
text-decoration : none;
}

a:hover {
color : white;
}

.fond {
width : 720px;
height : 400px;
background : #C9BAAB;
border : retro;
}

.tableaux {
width : 326px;
height : 150px;
margin : auto;
parding : 5px;
overflow : auto;
background : #E0D5C9;
border-radius : 2px ;
  -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
text-align : justify;
font-family : Calibri;
font-variant : small-caps;
-moz-transition : all 1s;
-webkit-transition : all 1s;
}

.tableaux:hover {
border-radius : 10px ;
  -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
background : #EDE0D0;
color : white;
}

.onglet {
display:inline-block;
margin : 4px;
padding:2px;
font-variant:small-caps;
font-family : Verdana;
}

.onglet_0 {
background : #EDE0D0;
border : 1px solid black;
height : 25px;
width : 50 px;
font-size : 14px;
-moz-transition : all 1s;
-webkit-transition : all 1s;
}

.onglet_1 {
background : #947575;
border : 1px solid white;
color : white;
height : 25px;
width : 50px;
font-size : 14px;
-moz-transition : all 1s;
-webkit-transition : all 1s;
}

.contenu_onglet {
background: #E0D5C9;
  margin-right: 10 px;
padding-right:5px;
display:none;
height : 160px;
width : 250px;
overflow : auto;
text-align : justify;
font-family : Calibri;
font-variant : small-caps;
-moz-transition : all 2s;
-webkit-transition : all 2s;
}

.contenu_onglet:hover {

background: #EDE0D0;
color : white;
  border-radius: 10px;
  -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
}

/****FIN***DU QEEL***/


Et pour le Template modifié Index_Body

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">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</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></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </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">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<head>


<script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>

</head>

<body>
<center><div class="fond"><div class="systeme_onglets">
        <div class="onglets">
            <div style="margin-right : 400px;"><span class="onglet_0 onglet" id="onglet_groupe1"  onmouseover="javascript:change_onglet('groupe1');"><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
              <span class="onglet_0 onglet" id="onglet_groupe2"  onmouseover="javascript:change_onglet('groupe2');"> <img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
            <span class="onglet_0 onglet" id="onglet_groupe3"  onmouseover="javascript:change_onglet('groupe3');"><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
            <span class="onglet_0 onglet" id="onglet_groupe4"  onmouseover="javascript:change_onglet('groupe4');"><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span><br /></div>
          <div style="margin-right : 400px;">
          <span class="onglet_0 onglet" id="onglet_groupe5"  onmouseover="javascript:change_onglet('groupe5');" ><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
            <span class="onglet_0 onglet" id="onglet_groupe6"  onmouseover="javascript:change_onglet('groupe6');" ><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
            <span class="onglet_0 onglet" id="onglet_groupe7" onmouseover="javascript:change_onglet('groupe7');"><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
            <span class="onglet_0 onglet" id="onglet_groupe8"  onmouseover="javascript:change_onglet('groupe8');" ><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
              <span class="onglet_0 onglet" id="onglet_groupe9"  onmouseover="javascript:change_onglet('groupe9');" ><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
              <span class="onglet_0 onglet" id="onglet_groupe10"  onmouseover="javascript:change_onglet('groupe10');" ><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span> 
            <span class="onglet_0 onglet" id="onglet_groupe11"  onmouseover="javascript:change_onglet('groupe11');" ><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
            <span class="onglet_0 onglet" id="onglet_groupe12"  onmouseover="javascript:change_onglet('groupe12');" ><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
            <span class="onglet_0 onglet" id="onglet_groupe13"  onmouseover="javascript:change_onglet('groupe13');" ><img src="http://i83.servimg.com/u/f83/16/14/80/63/img110.png"/></span>
          </div>
 <div style="margin-right : 400px">       
<div class="contenu_onglets">
 
<div class="contenu_onglet" id="contenu_onglet_groupe1">
Description du groupe N°1
        </div>
               

<div class="contenu_onglet" id="contenu_onglet_groupe2">
Description du groupe N°2
</div>

<div class="contenu_onglet" id="contenu_onglet_groupe3">
Description du groupe N°3
</div>


<div class="contenu_onglet" id="contenu_onglet_groupe4">
Description du groupe N°4
</div>
       
<div class="contenu_onglet" id="contenu_onglet_groupe5">
Description du groupe N°5
</div>
       
<div class="contenu_onglet" id="contenu_onglet_groupe6">
Description du groupe N°6
</div>
       
<div class="contenu_onglet" id="contenu_onglet_groupe7">
Description du groupe N°7
</div>

<div class="contenu_onglet" id="contenu_onglet_groupe8">
Description du groupe N°8
  </div>
 
<div class="contenu_onglet" id="contenu_onglet_groupe9">
Description du groupe N°9
  </div>
 
<div class="contenu_onglet" id="contenu_onglet_groupe10">
Description du groupe N°10
  </div>
<div class="contenu_onglet" id="contenu_onglet_groupe11">
Description du groupe N°11
  </div>
<div class="contenu_onglet" id="contenu_onglet_groupe12">
Description du groupe N°12
  </div>
<div class="contenu_onglet" id="contenu_onglet_groupe13">
Description du groupe N°13
  </div></span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'groupe1';
                change_onglet(anc_onglet);
        //-->
        </script><table>
  <div style="margin-left : 400px; padding:10px; "><div class="tableaux"><span class="gensmall">{LOGGED_IN_USER_LIST}</span>
          </div>
 
<td width="100%"> <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td><span class="gensmall">{TOTAL_USERS_ONLINE}<br />       
   
      <br />
      </span></td>
   </tr>
   {L_CONNECTED_MEMBERS} </div>
</td>
 
</table>
  </div>

<!-- 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}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

J'espère avoir une réponse rapidement.
MessageSujet: Re: 2 boites face à face.   2 boites face à face. EmptyDim 28 Avr 2013, 15:06
Revenir en haut Aller en bas
http://school-of-pub.fr/
Miettes
Miettes
{ Membre }
{ Membre }

Féminin Messages : 4



2 boites face à face. Empty
Miettes a écrit:
Hello Smile

Je pense que pour le coup, un peu plus de précisions seraient nécessaire. Du genre, un schéma ou croquis de ce que tu aimerais....

Embarassed De mon coté, j'veux bien t'aider, mais j'ai toujours pas compris ce que tu veux
MessageSujet: Re: 2 boites face à face.   2 boites face à face. EmptyLun 29 Avr 2013, 03:48
Revenir en haut Aller en bas
Sa'
{ Membre }
{ Membre }

Féminin Messages : 48



2 boites face à face. Empty
Si vous voulez j'aimerais mettre la partie description membre face à face à Membre enregistré.
MessageSujet: Re: 2 boites face à face.   2 boites face à face. EmptyMar 30 Avr 2013, 15:40
Revenir en haut Aller en bas
http://www.barkus.fr
Barkus
Barkus
{ Membre }
{ Membre }

Masculin Messages : 8



2 boites face à face. Empty
Bonsoir,

Mmh.. face à face ça relève de la 3D, tu veux pas plutôt dire côte à côte ?
MessageSujet: Re: 2 boites face à face.   2 boites face à face. EmptyMar 30 Avr 2013, 16:39
Revenir en haut Aller en bas
Sa'
{ Membre }
{ Membre }

Féminin Messages : 48



2 boites face à face. Empty
Oui plutôt ^^
MessageSujet: Re: 2 boites face à face.   2 boites face à face. EmptyMer 01 Mai 2013, 08:11
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



2 boites face à face. Empty
Bonjour,

Je ne peux que te conseiller d'aller potasser les bases du HTML et de refaire un tableau '_' Parce que rien que cette partie du code montre qu'il y a un gros problème :
Code:
  </tr>
  {L_CONNECTED_MEMBERS} </div>
</td>
 
</table>

CSSActif a également un tutoriel sur "comprendre le QEEL" (je te laisse chercher) qui peut aider.
MessageSujet: Re: 2 boites face à face.   2 boites face à face. EmptyVen 03 Mai 2013, 09:54
Revenir en haut Aller en bas
Sa'
{ Membre }
{ Membre }

Féminin Messages : 48



2 boites face à face. Empty
Merci Smile
MessageSujet: Re: 2 boites face à face.   2 boites face à face. EmptySam 04 Mai 2013, 08:00
Revenir en haut Aller en bas
Contenu sponsorisé




2 boites face à face. Empty
MessageSujet: Re: 2 boites face à face.   2 boites face à face. Empty
Revenir en haut Aller en bas
 

2 boites face à face.

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

 Sujets similaires

-
» Ombre interne sur les boites
» Description des forums avec des boîtes
» Changer la couleur du fond des "boites" contenant les smileys et autres
» Font-face ?
» Problème font-face

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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 | Cookies | Forumactif.com