Sujets similaires

Sujet: Modification de mon qui est en ligne. Mar 14 Sep 2010, 07:11

Bonjour

Alors voila je me suis lancé dans le changement de mon qui est en ligne grâce a un tutoriel que j'ai trouvé sur le net. J'ai réussi a repersonnaliser un peu mon qui est en ligne en changeant les phrases et en remettant mes groupes.
Mais mon problème c'est que je n'arrive pas a le personnaliser plus, voici les captures de ce que ça donne :

Spoiler:

Je voudrais mettre une image comme eux ont mit le contour jaune et bleu, et que mes onglets du haut se présente vraiment en onglet comme sur la capture et pas en rectangle.

Merci d'avance si quelqu'un peut m'aider (a)

Sujet: Re: Modification de mon qui est en ligne. Mar 14 Sep 2010, 08:57

Bonjour,

Peux-tu nous fournir ton index, body & ton css..
Car sans ces deux fichier on ne pourra pas faire de modification ;-)

Bonne journée

Sujet: Re: Modification de mon qui est en ligne. Mar 14 Sep 2010, 08:59

Je précise aussi que les captures d'écran d'autres forums sont interdites et qu'il est bien sûr hors de question que nous reproduisons la même chose.

Par contre j'ai pas compris ton histoire d'image en contour

Sujet: Re: Modification de mon qui est en ligne. Mar 14 Sep 2010, 09:08

Ah oui je vous mets ça, désolé pour les captures c'était pour imager comme je m'explique mal :s
Mon template ( index body )

Spoiler:

Code:: {JAVASCRIPT}

<table class="forumline" width="75%" border="0" cellspacing="0" 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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall"><script type="text/javascript">
function patonglet1() { document.getElementById('onglet1').style.display='block'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none'; }
function patonglet2() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='block';

document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none'; }
function patonglet3() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='block'; document.getElementById('onglet4').style.display='none'; }
function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='block'; }</script>


<table width="100%"><tr>
<td width="20%"><div class="onglet" onmouseover="javascript:patonglet1()">Statistiques</div></td>
<td width="20%"><div class="onglet" onmouseover="javascript:patonglet2()">Les groupes</div></td>
<td width="20%"><div class="onglet" onmouseover="javascript:patonglet3()">Les dernières connexions</div></td></tr></table>

<table width="100%">
<tr width="100%">
<td width="100%">

<div id="onglet1">
<div class="message">
<table width="100%" border="0" cellpadding="10" cellspacing="1">
<tr>
<td style="text-align: center;" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
<br>
<span class="gensmall"><span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/,"Les New Yorkais sont très bavards et on postés");</script>
<br/>
<span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre/,"New Yorkai");</script>
<br/>
<span id="yosh">{NEWEST_USER}
<br>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"Le New Yorkais venant d'emménager");</script><br>
</td>
</tr>
</table>
</div>
</div>


<div id="onglet2" style="display: none;">
<div class="message">
<table width="100%" border="0" cellpadding="10" cellspacing="1">
<tr>
<td style="text-align: center;" width="100%">
<div style="text-align: center;">
<span class="groupes">
<a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=2" style="color:#FF0099;">.Drop in the Ocean .</a></span><br><br>
<span class="groupes">
<a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=5" style="color:#C60062;">.Whiskey Lullaby .</a></span>
<span class="groupes">
<a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=6" style="color:#EFAAB5;">.Cupid .</a></span><br><br>

<span class="groupes">
<a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=4" style="color:#FF0537;">.You Found Me .</a></span>
<span class="groupes">
<a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=7" style="color:#bd7F7F;">.Kids .</a></span><br><br>

<span class="groupes">
<a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=3" style="color:#FF0066;">.Your Gardian Angel .</a></span><br><br>
</div>
</td>
</tr>
</table>
</div>
</div>


<div id="onglet3" style="display: none;">
<div class="message">
<table width="100%" border="0" cellpadding="10" cellspacing="1">
<tr>
<td style="text-align: center;" width="100%">
{L_CONNECTED_MEMBERS}
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
{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}

Et mon css touchant a cette partie ( j'ai pas encore tout mit genre couleur tailles )

Code:: /* QEEL */
.onglet { background-color: # ;
border-right: 5px solid #3D4952;
border-left: 5px solid #3D4952;
border-top: 1px dotted #3D4952;
border-bottom: 1px dotted #3D4952;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
font-family: verdana;
font-weight: bold; text-align: center;
color: #3D4952;}

.message { background-color: #;
border-right: 5px solid #3D4952;
border-left: 5px solid #3D4952;
border-top: 1px dotted #3D4952;
border-bottom: 1px dotted #3D4952;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #3D4952;}

En fait je voudrais réussir a mettre une image que ma créatrice me fera, pour la mettre en fond en fait, pour éviter les "tableaux" que forment mon actuel en ligne, c'est plus clair ?

Sujet: Re: Modification de mon qui est en ligne. Mar 14 Sep 2010, 09:11

Tu peux nous faire un petit dessin sous paint xD

Et sa va être dur de te faire un code sans l'image.. donc attend peut-être celle-ci non ?

Sujet: Re: Modification de mon qui est en ligne. Mar 14 Sep 2010, 09:35

Paint et moi c'est pas le grand amour donc c'est très mal fait sous photophiltre xD Les espèces de machin bleu sont supposés représentés des onglets. En image je mettrais surement juste une couleur de fond histoire d'assortir donc ça je peux vous le faire en attendant si besoin est

Spoiler:

Sujet: Re: Modification de mon qui est en ligne. Mar 14 Sep 2010, 18:13

Bonsoir,

Tu veux donc un QUEEL avec un menu en onglet ?
Si oui, il faut que l'image/ le contenu change en fonction de l'onglet je suppose Razz

, mais au survol de la souris, ou au clique ?

Bonne soirée

Sujet: Re: Modification de mon qui est en ligne. Dim 19 Sep 2010, 11:16

Effectivement je veux garder le survol mais après essai j'ai réussi a mettre des onglets bon c'est pas encore terrible j'ai mit le code texto pour tester mais du coup j'arrive toujours pas a mettre d'image de fond ><

Sujet: Re: Modification de mon qui est en ligne. Dim 26 Sep 2010, 17:40

Bonjour,

Votre problème est-il résolu ?
Si oui, merci de cocher dans "icône du sujet" l'icône Modification de mon qui est en ligne. Resolu3

en éditant votre 1er post.

Modification de mon qui est en ligne.

Modification de mon qui est en ligne.

Sujets similaires

Sujets similaires

Partenaires Or