Améliorer le code du "message page d'accueil"

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

Résolu Améliorer le code du "message page d'accueil"

Message par Lilyeens le Dim 27 Avr 2014 - 13:25

Bonjour,

je vous sollicite car j'aimerai faire quelques modifications à mon "Message page d'accueil". Voilà ma page d'accueil à l'heure actuelle :

En fait, je souhaiterais que le bloc "introduction" remonte au même niveau que le bloc "annonces/sorties". J'aimerais que ce soit aussi le cas du bloc "liens utiles", voir que l'espace entre les deux blocs du haut et les deux blocs en dessous soit un peu moins important. J'ai essayé plusieurs choses sans succès. Voici mon code :

Code:
<center>
 <img src="http://i56.servimg.com/u/f56/17/53/21/33/110.png" />
</center>
<table>
 
<tbody>
 
<tr>
 
<td style="width: 240px;">
 
<div style="width: 200px; color: rgb(109, 130, 118); font-family: georgia; font-size: 25px; padding-top: 3px; text-shadow: 1px 1px 1px rgb(113, 113, 113); text-transform: lowercase;">
 ► Introduction
</div>
 
<div style="background-color: rgb(184, 184, 184); -moz-box-shadow: 1px 1px 1px lightgray; width: 355px; height: 125px;">
 
<div align="justify" style="margin: 5px;">
 <span style="font-family: 'Trebuchet MS';">• Bienvenue sur T-ara Fansub France, la première fanbase et source d'informations sur le groupe coréen T-ara. Vous trouverez sur le forum les dernières nouveautés, vidéos, photos sur le groupe, ainsi que de nombreuses vidéos traduites par la Team de fansub. En espérant vous voir bientôt sur le forum et que vous vous plairez parmi nous. N'hésitez pas à nous suivre sur nos différentes plateformes. ~</span>
</div>
 
</div>
 
</td>
 
<td style="width: 20px;">
 
<div 125px;"="" height:="" 20px;="" width:="" 2_bmp10.jpg");="" 33="" 21="" 53="" 17="" f56="" u="" i56.servimg.com="" http:="" style="background-image: url(">
 
</div>
 
</td>
 
<td style="width: 360px;">
 
<div style="width: 360px; color: rgb(109, 130, 118); font-family: georgia; font-size: 25px; padding-top: 3px; text-shadow: 1px 1px 1px rgb(113, 113, 113); text-transform: lowercase;">
 ► annonces, sorties<br />
</div>
 
<div style="width: 360px; color: rgb(109, 130, 118); font-family: georgia; font-size: 25px; padding-top: 3px; text-shadow: 1px 1px 1px rgb(113, 113, 113); text-transform: lowercase;">
 <a rel="nofollow" target="_blank" class="postlink" href="https://imageshack.com/i/e9tqb5p"><img border="0" alt="" src="http://imagizer.imageshack.us/v2/xq90/513/tqb5.png" /></a><br />
</div>
 
<div style="width: 360px; color: rgb(109, 130, 118); font-family: georgia; font-size: 25px; padding-top: 3px; text-shadow: 1px 1px 1px rgb(113, 113, 113); text-transform: lowercase;">
 <br />
</div>
 
<div style="width: 360px; color: rgb(109, 130, 118); font-family: georgia; font-size: 25px; padding-top: 3px; text-shadow: 1px 1px 1px rgb(113, 113, 113); text-transform: lowercase;">
 <br />
</div>
 
<div 125px;"="" height:="" 360px;="" width:="" wgm4110.png");="" 33="" 21="" 53="" 17="" f56="" u="" i56.servimg.com="" http:="" style="background-image: url(">
 
</div>
 
</td>
 
</tr>
 
</tbody>
</table>
<table>
 
<tbody>
 
<tr>
 
<td style="width: 240px;">
 
<div style="width: 200px; color: rgb(109, 130, 118); font-family: georgia; font-size: 25px; padding-top: 3px; text-shadow: 1px 1px 1px rgb(113, 113, 113); text-transform: lowercase;">
 ► Nouveautés
</div>
 
<div style="width: 395px; height: 200px;">
 
<div align="justify" style="margin: 5px;">
 <span style="background-color: rgb(184, 184, 184); font-family: 'Trebuchet MS';"> </span>
<div style="background-color: rgb(184, 184, 184); margin: auto; text-align: center; width: 100%;">
 <span style="font-family: 'Trebuchet MS';">• En ce moment sur le forum :</span>
</div>
 
<div style="background-color: rgb(184, 184, 184); margin: auto; text-align: center; width: 100%;">
 <br />
</div>
 
<div style="background-color: rgb(184, 184, 184); margin: auto; text-align: center; width: 100%;">
 <a href="http://t-ara-fansub.forumgratuit.org/t3712-concours-2-t-ara-fansub-france-3-ans#69895"><span style="color: rgb(153, 0, 153);"><strong>[CONCOURS #2] 3 ans du forum (jusqu'au 03/05)</strong></span></a><br />
</div>
 
<div style="background-color: rgb(184, 184, 184); margin: auto; text-align: center; width: 100%;">
 <span style="font-family: 'Trebuchet MS';"><br /><a href="http://t-ara-fansub.forumgratuit.org/t3709-preco-jiyeon-1min-1sec">[PRECO] Jiyeon - 1Min 1Sec</a><br /><a href="http://t-ara-fansub.forumgratuit.org/t3695-preco-gossip-girls#69650">[PRECO] Gossip Girls</a><br /><a href="http://t-ara-fansub.forumgratuit.org/t3704-anniversaire-t-f-3rd-anniversary">[ANNIVERSAIRE] T-F 3rd Anniversary</a><br /></span>
</div>
 
<div style="background-color: rgb(184, 184, 184); margin: auto; text-align: center; width: 100%;">
 <a href="http://t-ara-fansub.forumgratuit.org/t3673-hyomdot-2nd-photobook-truth-or-dare">[CG] Hyomdot 2nd photobook</a><br /><a href="http://t-ara-fansub.forumgratuit.org/t3659-commandes-groupees-jingdot-cheondot">[CG] Jingdot/Cheondot : marche à suivre (terminé)</a><br /><a href="http://t-ara-fansub.forumgratuit.org/t3660-irl-ete-2014-qui-quand-comment-pourquoi">[IRL ÉTÉ 2014] Qui ? Quand ? Comment ? Pourquoi ?</a><br />
</div>
 
<div style="background-color: rgb(184, 184, 184); margin: auto; text-align: center; width: 100%;">
 <br />
</div>
 
</div>
 
</div>
 
</td>
 
<td style="width: 360px;">
 
<div style="text-align: center; width: 360px; color: rgb(109, 130, 118); font-family: georgia; font-size: 25px; padding-top: 3px; text-shadow: rgb(113, 113, 113) 1px 1px 1px; text-transform: lowercase;">
 ► Liens utiles
</div>
 
<div style="border-width: 1px 2px 1px 1px; border-style: solid; border-color: rgb(204, 204, 204); padding: 4px; background-color: rgb(233, 226, 234); margin: auto; width: 212px; letter-spacing: 0px;">
 <span style="font-size: 13px;"> </span>
<center style="">
 <a href="http://t-ara-fansub.forumgratuit.org/t2426-reglement-version-3">Règlement</a>
</center><span style="font-size: 13px;"></span>
</div>
 
<div style="border-width: 1px 2px 1px 1px; border-style: solid; border-color: rgb(204, 204, 204); padding: 4px; background-color: rgb(233, 226, 234); margin: auto; width: 212px; letter-spacing: 0px;">
 <span style="font-size: 13px;"><span style="font-size: 13px;"></span></span>
<center style="">
 <a href="http://t-ara-fansub.forumgratuit.org/t2-o-modele-de-presentation">Modèle de présentation</a><br />
</center><span style="font-size: 13px;"><span style="font-size: 13px;"></span></span>
</div>
 
<div align="center">
 
<div align="center">
 <span class="Apple-style-span" style="background-color: rgb(233, 226, 234); color: rgb(204, 204, 204);"> </span>
<div style="text-align: justify; widows: 2; text-transform: none; background-color: rgb(233, 226, 234); text-indent: 0px; white-space: normal; orphans: 2; letter-spacing: 0px; color: rgb(204, 204, 204); word-spacing: 0px; border-width: 1px 2px 1px 1px; border-style: solid; border-color: rgb(229, 226, 223) rgb(204, 204, 204) rgb(204, 204, 204); padding: 4px; margin: auto; width: 212px;">
 <span style="font-size: 13px;"> </span>
<center style="">
 <a href="http://t-ara-fansub.forumgratuit.org/t3621-pages-individuelles-fb-tw">Pages individuelles (FB)</a><br />
</center><span style="font-size: 13px;"></span>
</div><span class="Apple-style-span" style="text-align: justify; widows: 2; text-transform: none; background-color: rgb(233, 226, 234); text-indent: 0px; white-space: normal; orphans: 2; letter-spacing: normal; color: rgb(204, 204, 204); word-spacing: 0px;"></span>
<div style="text-align: justify; widows: 2; text-transform: none; background-color: rgb(233, 226, 234); text-indent: 0px; white-space: normal; orphans: 2; letter-spacing: 0px; color: rgb(204, 204, 204); word-spacing: 0px; border-width: 1px 2px 1px 1px; border-style: solid; border-color: rgb(204, 204, 204); padding: 4px; margin: auto; width: 212px;">
 <span style="font-size: 13px;"><span style="font-size: 13px;"></span></span>
<center style="">
 <a href="http://t-ara-fansub.forumgratuit.org/f83-annonces"></a><a href="http://t-ara-fansub.forumgratuit.org/t3156-soyez-addict-de-votre-membre-favorite">Devenez Addict !</a><br />
</center><span style="font-size: 13px;"><span style="font-size: 13px;"></span></span>
</div><span class="Apple-style-span" style="text-align: justify; widows: 2; text-transform: none; background-color: rgb(233, 226, 234); text-indent: 0px; white-space: normal; orphans: 2; letter-spacing: normal; color: rgb(204, 204, 204); word-spacing: 0px;"></span>
</div>
 
</div>
 
</td>
 
</tr>
 
</tbody>
</table>
<table>
 
<tbody>
 
<tr>
 
<td style="width: 240px;">
 
<div style="width: 350px; color: rgb(109, 130, 118); font-family: georgia; font-size: 25px; text-align: center; padding-top: 3px; text-shadow: 1px 1px 1px rgb(113, 113, 113); text-transform: lowercase;">
 ► Autres plateformes
</div><br />
<center>
 <a target="_blank" class="postlink" href="https://twitter.com/TaraFansub"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/twitte10.png" _moz_resizing="true" /></a><a target="_blank" class="postlink" href="https://www.youtube.com/user/TheCCMWorld/featured"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/youtub10.png" /></a><a target="_blank" class="postlink" href="http://www.facebook.com/pages/T-ara-Fansub/125204527583897?fref=ts"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/facebo10.png" /></a><a target="_blank" class="postlink" href="http://t-arafansubfrance.tumblr.com/"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/tumblr10.png" /></a><a target="_blank" class="postlink" href="http://www.dailymotion.com/lily1412#video=xsx81j"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/daily10.png" /></a><a target="_blank" class="postlink" href="http://www.facebook.com/pages/Tara-Fansub-T-ara-N4-France/369434499832941"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/taran410.png" /></a><a target="_blank" class="postlink" href="https://www.facebook.com/pages/T-ara-Fansub-QBS-France/385290504922351"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/qbsfra10.png" /></a>
</center>
 
</td>
 
</tr>
 
</tbody>
</table>

En espérant que l'un de vous puisse m'aider, merci d'avance Smile


Dernière édition par Lilyeens le Dim 27 Avr 2014 - 18:28, édité 1 fois

Lilyeens
Nouveau membre

Messages : 2
Inscrit(e) le : 27/04/2014

http://t-ara-fansub.forumgratuit.org/
Lilyeens a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer le code du "message page d'accueil"

Message par Scoubifitz le Dim 27 Avr 2014 - 16:48

bonjour,

Code:
<style>.accueiltitle{color: rgb(109, 130, 118); font-family: georgia; font-size: 25px; margin: 5px 0; text-shadow: 1px 1px 1px rgb(113, 113, 113); text-transform: lowercase;}.accueilliens{border-width: 1px 2px 1px 1px; border:1px solid rgb(150, 150, 150); padding: 2px; background-color: rgb(233, 226, 234); margin: auto; width: 212px; letter-spacing: 0px;}</style>
    <table style="margin:auto;">
    
   <tbody>
    
   <tr>
    
   <td colspan="2">
     <img src="http://i56.servimg.com/u/f56/17/53/21/33/110.png" />
      </td>
    
     </tr>
    <tr>
    
   <td>
    
   <div class="accueiltitle">
     ► Introduction
    </div>
    
   <div style="background-color: rgb(184, 184, 184); width: 370px;text-align:justify;font-family: 'Trebuchet MS';padding: 5px;">• Bienvenue sur T-ara Fansub France, la première fanbase et source d'informations sur le groupe coréen T-ara. Vous trouverez sur le forum les dernières nouveautés, vidéos, photos sur le groupe, ainsi que de nombreuses vidéos traduites par la Team de fansub. En espérant vous voir bientôt sur le forum et que vous vous plairez parmi nous. N'hésitez pas à nous suivre sur nos différentes plateformes. ~
    </div>
    
   </td>
    
   <td style="vertical-align:top; width: 370px;">
    
   <div class="accueiltitle">
     ► annonces, sorties
    </div>
    
    <img border="0" alt="" src="http://imagizer.imageshack.us/v2/xq90/513/tqb5.png" />
      
    </td>
    
   </tr>
    
   <tr>
    
   <td style="vertical-align:top; width: 390px;">
      <div class="accueiltitle">► Nouveautés</div>
      <div style="background-color: rgb(184, 184, 184); text-align: center;font-family: 'Trebuchet MS';">
        • En ce moment sur le forum :<br /><br />
     <a href="http://t-ara-fansub.forumgratuit.org/t3712-concours-2-t-ara-fansub-france-3-ans#69895"><span style="color: rgb(153, 0, 153);"><strong>[CONCOURS #2] 3 ans du forum (jusqu'au 03/05)</strong></span></a><br />
    
      <br /><a href="http://t-ara-fansub.forumgratuit.org/t3709-preco-jiyeon-1min-1sec">[PRECO] Jiyeon - 1Min 1Sec</a><br />
      <a href="http://t-ara-fansub.forumgratuit.org/t3695-preco-gossip-girls#69650">[PRECO] Gossip Girls</a><br />
      <a href="http://t-ara-fansub.forumgratuit.org/t3704-anniversaire-t-f-3rd-anniversary">[ANNIVERSAIRE] T-F 3rd Anniversary</a><br />
     <a href="http://t-ara-fansub.forumgratuit.org/t3673-hyomdot-2nd-photobook-truth-or-dare">[CG] Hyomdot 2nd photobook</a><br />
      <a href="http://t-ara-fansub.forumgratuit.org/t3659-commandes-groupees-jingdot-cheondot">[CG] Jingdot/Cheondot : marche à suivre (terminé)</a><br />
      <a href="http://t-ara-fansub.forumgratuit.org/t3660-irl-ete-2014-qui-quand-comment-pourquoi">[IRL ÉTÉ 2014] Qui ? Quand ? Comment ? Pourquoi ?</a><br />
     <br />
    </div>
    
   </td>
    
   <td style="text-align:center;">
    
   <div class="accueiltitle">
     ► Liens utiles
    </div>
    
   <div class="accueilliens">
      <a href="http://t-ara-fansub.forumgratuit.org/t2426-reglement-version-3">Règlement</a>
    </div>
    <div class="accueilliens">
     <a href="http://t-ara-fansub.forumgratuit.org/t2-o-modele-de-presentation">Modèle de présentation</a>
    </div>
    <div class="accueilliens">
     <a href="http://t-ara-fansub.forumgratuit.org/t3621-pages-individuelles-fb-tw">Pages individuelles (FB)</a>
    </div>
    <div class="accueilliens">
     <a href="http://t-ara-fansub.forumgratuit.org/f83-annonces"></a><a href="http://t-ara-fansub.forumgratuit.org/t3156-soyez-addict-de-votre-membre-favorite">Devenez Addict !</a>
    </div>
    
   </td>
    
   </tr>
    <tr>
    
   <td colspan="2" style="text-align:center;">
    
   <div class="accueiltitle">
     ► Autres plateformes
    </div>
     <a target="_blank" class="postlink" href="https://twitter.com/TaraFansub"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/twitte10.png" _moz_resizing="true" /></a><a target="_blank" class="postlink" href="https://www.youtube.com/user/TheCCMWorld/featured"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/youtub10.png" /></a><a target="_blank" class="postlink" href="http://www.facebook.com/pages/T-ara-Fansub/125204527583897?fref=ts"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/facebo10.png" /></a><a target="_blank" class="postlink" href="http://t-arafansubfrance.tumblr.com/"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/tumblr10.png" /></a><a target="_blank" class="postlink" href="http://www.dailymotion.com/lily1412#video=xsx81j"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/daily10.png" /></a><a target="_blank" class="postlink" href="http://www.facebook.com/pages/Tara-Fansub-T-ara-N4-France/369434499832941"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/taran410.png" /></a><a target="_blank" class="postlink" href="https://www.facebook.com/pages/T-ara-Fansub-QBS-France/385290504922351"><img border="0" alt="" src="http://i56.servimg.com/u/f56/17/53/21/33/qbsfra10.png" /></a>
    
   </td>
    
   </tr>
    
   </tbody>
    </table>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer le code du "message page d'accueil"

Message par Lilyeens le Dim 27 Avr 2014 - 18:27

Merci beaucoup, c'est parfait Smile

Lilyeens
Nouveau membre

Messages : 2
Inscrit(e) le : 27/04/2014

http://t-ara-fansub.forumgratuit.org/
Lilyeens 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