AccueilAccueil  FAQFAQ   Aides  RechercherRechercher  GroupesGroupes  MembresMembres  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Design #1

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

Invité

I am
Invité



Mer 7 Mai - 15:20
Le header :

Code:
<table style="left: 0px; bottom: 50px; position: fixed; z-index: 10000;">
   
   <tbody>
      
      <tr>
         
         <td>
             <iframe id="chatboxpop" src="/chatbox/chatbox.forum?page=front&" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="width: 800px; height: 400px; display: none;"> </iframe>
         </td>
         
         <td style="vertical-align: bottom;">
             <img onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';" src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" />
         </td>
         
      </tr>
      
   </tbody>
</table>
<div>
</div>
<center>
    <link href="http://fonts.googleapis.com/css?family=Arizonia" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Metamorphous" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Gudea" rel="stylesheet" type="text/css" />
   <div style="border: 2px solid #E3E5E6;width: 725px;">
      
      <div style="font-family: 'Metamorphous', cursive; font-size:50px; color: #090d0f;padding-top:-55px;text-transform:uppercase; text-align:center;margin-top:12px">
          Factions Divergentes
      </div>
      
      <div style="font-family: Arizonia; font-size: 43px; letter-spacing: -1px; text-shadow: 1px 0px 1px black; text-align: center; color: #801b1b;margin-top:1px">
          Faction Before Blood
      </div>
      
      <div style="font-family: 'Gudea', serif; font-size: 14px; letter-spacing: -1px; text-align: center; color: #454544;margin-top:-10px">
          <a href="http://faction-divergent.forumactif.org/t7-reglement?tid=4112219e3b4152c9f093970697eb4103" class="postlink">REGLEMENT</a> ⁂ <a href="http://faction-divergent.forumactif.org/t6-contexte?tid=4112219e3b4152c9f093970697eb4103" class="postlink">CONTEXTE</a> ⁂ <a href="http://faction-divergent.forumactif.org/t27-les-differentes-factions?tid=4112219e3b4152c9f093970697eb4103" class="postlink">FACTIONS</a> ৩ <a href="http://faction-divergent.forumactif.org/f46-scenarios-des-membres?tid=4112219e3b4152c9f093970697eb4103" class="postlink">SCENARIOS</a> ⁂ <a href="http://faction-divergent.forumactif.org/t13-bottin-des-avatars?tid=4112219e3b4152c9f093970697eb4103" class="postlink">BOTTIN</a> ⁂ <a href="http://faction-divergent.forumactif.org/f27-pub-partenariat?tid=4112219e3b4152c9f093970697eb4103" class="postlink">PARTENARIAT</a>
      </div>
      
      <center>
          <img src="http://img.xooimage.com/files97/6/b/1/an8clk4401-3d14769-3f7ed61.png" style="opacity: 0.5; width: 180px;" />
      </center><link href="http://fonts.googleapis.com/css?family=Nova Square" rel="stylesheet" type="text/css" />
      <table>
         
         <tbody>
            
            <tr>
               
               <td>
                  
                  <div style="background-color:# 454545; border-left:5px #E3E5E6 solid;border-right:5px #E3E5E6 solid; border-bottom:1px #E3E5E6 solid; border-top:1px #E3E5E6 solid; -moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; width: 680px;height:145px;">
                      <span style="font-size: 11px; line-height:60%; font-family: Nova Square;letter-spacing:-1px;"><span style="color: #067ab8 ;"></span><br /><strong></strong>CONTEXTE</span>
                     <table style="font-size: 11px; line-height: 60%; font-family: 'Nova Square'; letter-spacing: -1px;">
                        
                        <tbody>
                           
                           <tr>
                              
                              <td>
                                  <img src="http://37.media.tumblr.com/fc4c3d59134b191f10a0c64c6d66a0fa/tumblr_mi53fqE20m1s1k7xto1_400.gif" style="opacity: 0.8; width: 180px;border-radius: 35px 35px 35px 35px;" />
                              </td>
                              
                              <td>
                                 
                                 <div style="text-align:justify; font-size:11px;font-family:arial; letter-spacing:0px; line-height:12px;">
                                     « L’an 2125. Après d’innombrables fléaux, la guerre a eu raison de nous. On ignore ce qu’il est advenu du reste du monde. Ce que nous savons, en revanche, c’est qu’à Chicago, nous sommes en sécurité. Nous avons de la chance de vivre en ville, beaucoup n’ont pas survécu à la colère des hommes. Protégés par un immense mur de taule, nous ignorons tout de l’Autre-Côté et avons fait le choix de mener une existence paisible, dans l’harmonie de notre société. <a href="http://faction-divergent.forumactif.org/t6-contexte?tid=4112219e3b4152c9f093970697eb4103" class="postlink">=> Suite</a>
                                 </div>
                                 
                              </td>
                              
                           </tr>
                           
                        </tbody>
                        
                     </table><span style="font-size: 11px; line-height:60%; font-family: Nova Square;letter-spacing:-1px;"></span>
                  </div>
                  
               </td>
               
            </tr>
            
         </tbody>
         
      </table>
      
      <table>
         
         <tbody>
            
            <tr>
               
               <td>
                  
                  <div style="background-color:#454545; border-left:5px #E3E5E6 solid;border-right:5px #E3E5E6 solid; border-bottom:1px #E3E5E6 solid; border-top:1px #E3E5E6 solid; -moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; width: 230px;height:160px;">
                      <span style="font-size: 11px; line-height:60% ; font-family: Nova Square;letter-spacing:-1px; "><span style="color: #067ab8;"></span><strong></strong>ADMIN</span>
                     <table style="font-size: 11px; line-height: 60%; font-family: 'Nova Square'; letter-spacing: -1px;">
                        
                        <tbody>
                           
                           <tr>
                              
                              <td>
                                 
                                 <div style="position:relative;">
                                    
                                    <div style="border:0px solid #CECECE;">
                                        <img src="http://37.media.tumblr.com/20307de727baf5d42a212257bd603600/tumblr_mt8ayjx84u1spsbxco1_500.gif" style="opacity:0.8; width: 110px;height:55px;border-radius: 100px 0px 0px 100px;" />
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                 
                                 <div style="position:relative;">
                                    
                                    <div style="border:0px solid #CECECE;">
                                        <img src="http://25.media.tumblr.com/tumblr_ly494zdqPK1r9gwxjo1_500.gif" style="opacity:0.8; width: 110px;height:55px;border-radius: 100px 0px 0px 100px;" />
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                           </tr>
                           
                        </tbody>
                        
                     </table><span style="font-size: 11px; line-height:60% ; font-family: Nova Square;letter-spacing:-1px; "><span style="color: #067ab8;"></span><strong></strong>Again</span>
                     <table style="font-size: 11px; line-height: 60%; font-family: 'Nova Square'; letter-spacing: -1px;">
                        
                        <tbody>
                           
                           <tr>
                              
                              <td>
                                 
                                 <div style="position:relative;">
                                    
                                    <div style="border:0px solid #CECECE;">
                                        <img src="http://s2.favim.com/orig/36/nina-dobrev-vampire-diaries-Favim.com-297360.gif" style="opacity:0.8; width: 73px;height:50px;border-radius: 100px 0px 0px 100px;" />
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                 
                                 <div style="position:relative;">
                                    
                                    <div style="border:0px solid #CECECE;">
                                        <img src="http://data1.whicdn.com/images/71153352/large.gif" style="opacity:0.8; width: 74px;height:44px;border-radius: 0px 0px 0px 0px;" />
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                 
                                 <div style="position:relative;">
                                    
                                    <div style="border:0px solid #CECECE;">
                                        <img src="http://media.tumblr.com/tumblr_lyhm1yykS01r1fabt.gif" style="opacity:0.8; width: 73px;height:50px;border-radius: 0px 100px 100px 0px;" />
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                           </tr>
                           
                        </tbody>
                        
                     </table><span style="font-size: 11px; line-height:60% ; font-family: Nova Square;letter-spacing:-1px; "></span>
                  </div>
                  
               </td>
               
               <td>
                  
                  <div style="background-color:#454545; border-left:5px #E3E5E6 solid;border-right:5px #E3E5E6 solid; border-bottom:1px #E3E5E6 solid; border-top:1px #E3E5E6 solid; -moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; width: 216px;height:160px;">
                      <span style="font-size: 11px; line-height:60% ; font-family: Nova Square;letter-spacing:-1px; "><span style="color: #067ab8;"></span><strong></strong>NEWS</span>
                     <div style="font-size: 11px; line-height: 12px; font-family: 'Nova Square'; letter-spacing: 0.1px; text-align: justify;">
                         ◄Ouverture du forum le 28/04/2014 ◄On aime le groupe des Audacieux, mais n'oublier pas les autres factions !!
                     </div><span style="font-size: 11px; line-height:60% ; font-family: Nova Square;letter-spacing:-1px; "></span>
                  </div>
                  
               </td>
               
               <td>
                  
                  <div style="background-color:#454545; border-left:5px #E3E5E6 solid;border-right:5px #E3E5E6 solid; border-bottom:1px #E3E5E6 solid; border-top:1px #E3E5E6 solid; -moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; width: 230px;height:160px;">
                      <span style="font-size: 11px; line-height:50% ; font-family: Nova Square;letter-spacing:-1px;"><span style="color: #067ab8;"></span><strong></strong>NOS MEMBRES DU MOIS</span>
                     <table style="font-size: 11px; line-height: 50%; font-family: 'Nova Square'; letter-spacing: -1px;">
                        
                        <tbody>
                           
                           <tr>
                              
                              <td>
                                  <img src="http://24.media.tumblr.com/tumblr_m0rwt0u3Pj1qefvngo1_500.gif" style="opacity:0.8; width: 110px;height:55px;border-radius: 100px 100px 0px 0px;" /><a href="http://" class="postlink" target="_blank" rel="nofollow">Fiche de lien</a>
                              </td>
                              
                              <td>
                                  <img src="http://24.media.tumblr.com/tumblr_m0rwt0u3Pj1qefvngo1_500.gif" style="opacity:0.8; width: 110px;height:55px;border-radius: 100px 100px 0px 0px;" /><a href="http://" class="postlink" target="_blank" rel="nofollow">Fiche de lien</a>
                              </td>
                              
                           </tr>
                           
                        </tbody>
                        
                     </table><span style="font-size: 11px; line-height:50% ; font-family: Nova Square;letter-spacing:-1px; "></span>
                     <div style="font-size: 11px; line-height: 12px; font-family: 'Nova Square'; letter-spacing: 0px; text-align: justify;">
                         Félicitation à ...... et à ...... qui ont été élu membres du mois .... Vous pouvez donc retrouver leur fiche de lien ci-dessus. Vous voulez être mise à l'honneur ainsi que votre fiche de lien ? Alors votez pour nous et allez <a href="http://ici" class="postlink" target="_blank" rel="nofollow">ici</a>.
                     </div><span style="font-size: 11px; line-height:50% ; font-family: Nova Square;letter-spacing:-1px; "></span>
                  </div>
                  
               </td>
               
            </tr>
            
         </tbody>
         
      </table>
      
      <table>
         
         <tbody>
            
            <tr>
               
               <td>
                  
                  <div style="background-color:#454545; border-left:5px #E3E5E6 solid;border-right:5px #E3E5E6  solid; border-bottom:1px #E3E5E6 solid; border-top:1px #E3E5E6 solid; -moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; width: 255px;height:150px;">
                      <span style="font-size: 11px; line-height:60% ; font-family: Nova Square;letter-spacing:-1px; "><span style="color: #067ab8;"></span><strong></strong>NOUS AVONS BESOIN D'EUX</span>
                     <table style="font-size: 11px; line-height: 60%; font-family: 'Nova Square'; letter-spacing: -1px;">
                        
                        <tbody>
                           
                           <tr>
                              
                              <td>
                                 
                                 <div style="position:relative;">
                                    
                                    <div style="border:0px solid #CECECE;">
                                        <img src="http://media.tumblr.com/tumblr_m98t31yISB1r7upxy.gif" style="opacity:0.8; width: 60px;height:60px;border-radius: 20px 20px 20px 20px;" />
                                       <div style="position:absolute;z-index:2;top:40px;left:13px;width:100%;font-family: 'Arizonia', cursive; font-size: 15px;">
                                           <strong><a href="http://faction-divergent.forumactif.org/t15-les-audacieux-0-5" class="postlink" target="_blank" rel="nofollow">PV</a></strong>
                                       </div>
                                       
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                  <img src="http://media.tumblr.com/tumblr_m876lo8XtS1rc55mjo1_500.gif" style="opacity:0.8; width: 60px;height:60px;border-radius: 20px 20px 20px 20px;" />
                              </td>
                              
                              <td>
                                 
                                 <div style="position:relative;">
                                     <img src="http://media.tumblr.com/ba4e3982e3a0c21b2e6c49ef71791159/tumblr_inline_mnxkeh0Q771qz4rgp.gif" style="opacity:0.8; width: 60px;height:60px;border-radius: 20px 20px 20px 20px;" />
                                    <div style="position:absolute;z-index:2;top:40px;left:13px;width:100%;font-family: 'Arizonia', cursive; font-size: 15px;">
                                        <strong><a href="http://faction-divergent.forumactif.org/t15-les-audacieux-0-5" class="postlink" target="_blank" rel="nofollow">PV</a></strong>
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                  <img src="http://25.media.tumblr.com/tumblr_mdrfnuhgIa1qddtxno1_500.gif" style="opacity:0.8; width: 60px;height:60px;border-radius: 20px 20px 20px 20px;" />
                              </td>
                              
                           </tr>
                           
                        </tbody>
                        
                     </table><span style="font-size: 11px; line-height:60% ; font-family: Nova Square;letter-spacing:-1px; "></span>
                     <table style="font-size: 11px; line-height: 60%; font-family: 'Nova Square'; letter-spacing: -1px;">
                        
                        <tbody>
                           
                           <tr>
                              
                              <td>
                                  <img src="http://media.tumblr.com/tumblr_mcq79e4f0Y1rtzlzf.gif" style="opacity:0.8; width: 60px;height:60px;border-radius: 20px 20px 20px 20px;" />
                              </td>
                              
                              <td>
                                 
                                 <div style="position:relative;">
                                    
                                    <div style="border:0px solid #CECECE;">
                                        <img src="http://media.giphy.com/media/KTBLA7q0ozB8k/giphy.gif" style="opacity:0.8; width: 60px;height:60px;border-radius: 20px 20px 20px 20px;" />
                                       <div style="position:absolute;z-index:2;top:40px;left:13px;width:100%;font-family: 'Arizonia', cursive; font-size: 15px;">
                                           <strong><a href="http://faction-divergent.forumactif.org/t16-les-erudits-0-2" class="postlink" target="_blank" rel="nofollow">PV</a></strong>
                                       </div>
                                       
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                  <img src="http://25.media.tumblr.com/tumblr_lnmpdtu7BB1qbj6cco1_500.gif" style="opacity:0.8; width: 60px;height:60px;border-radius: 20px 20px 20px 20px;" />
                              </td>
                              
                              <td>
                                 
                                 <div style="position:relative;">
                                     <img src="http://illiweb.com/fa/pbucket.gif" style="opacity:0.8; width: 60px;height:60px;border-radius: 20px 20px 20px 20px;" />
                                    <div style="position:absolute;z-index:2;top:40px;left:13px;width:100%;font-family: 'Arizonia', cursive; font-size: 15px;">
                                        <strong><a href="http://" class="postlink" target="_blank" rel="nofollow">PV</a></strong>
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                           </tr>
                           
                        </tbody>
                        
                     </table><span style="font-size: 11px; line-height:60% ; font-family: Nova Square;letter-spacing:-1px; "></span>
                  </div>
                  
               </td>
               
               <td>
                  
                  <div style="background-color:#454545; border-left:5px #E3E5E6 solid;border-right:5px #E3E5E6 solid; border-bottom:1px #E3E5E6 solid; border-top:1px #E3E5E6 solid; -moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; width: 442px;height:150px;">
                      <span style="font-size: 11px; line-height:60% ; font-family: Nova Square;letter-spacing:-1px;"><span style="color: #067ab8 ;"></span><strong></strong>TOP SITES & INFORMATIONS</span>
                     <table style="font-size: 11px; line-height: 60%; font-family: 'Nova Square'; letter-spacing: -1px;">
                        
                        <tbody>
                           
                           <tr>
                              
                              <td>
                                  <span style="font-size: 26px; line-height: normal"><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10676" class="postlink" target="_blank" rel="nofollow">☀</a></span><span style="font-size: 26px; line-height: normal"><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=21697" class="postlink" target="_blank" rel="nofollow">☀</a></span><span style="font-size: 26px; line-height: normal"><a href="http://www.root-top.com/topsite/korben/in.php?ID=13532" class="postlink" target="_blank" rel="nofollow">☀</a></span> <span style="font-size: 26px; line-height: normal"><a href="http://www.root-top.com/topsite/desenchantee/in.php?ID=5" class="postlink" target="_blank" rel="nofollow">☀</a></span> <span style="font-size: 26px; line-height: normal"><a href="" class="postlink" target="_blank" rel="nofollow">☀</a></span>
                              </td>
                              
                              <td>
                                 
                                 <div style="text-align:justify; font-size:11px;font-family:Nova Square; letter-spacing:0px; line-height:12px;">
                                     Faction Divergent à ouvert ses portes <strong>28/04/2014.</strong>. Ce forum ainsi que ses contextes et autres, sont la propriété de <strong>Faction Divergent & son Staff</strong> Toute copie partielle ou totale est INTERDITE. La PA a été réalisé par Rose91 et le design par Stew & Dlack .
                                 </div>
                                 
                              </td>
                              
                           </tr>
                           
                        </tbody>
                        
                     </table><span style="font-size: 11px; line-height:60% ; font-family: Nova Square;letter-spacing:-1px;"></span>
                  </div>
                  
               </td>
               
            </tr>
            
         </tbody>
         
      </table>
      
   </div>
</center>

Spoiler:
 

Le fond :
Spoiler:
 

Les boutons:



Revenir en haut Aller en bas

Invité

I am
Invité



Mer 11 Juin - 15:25
J'adorais ce design personnellement. La bannière était vraiment sublime, les boutons on/off étaient bien distincts et le fond se coordonnait bien avec le reste. Smile Pas grand chose à en redire, en somme.

Pour le troisième design, je me dis que ce serait bien de le faire dans les tons orange pastel avec une bannière où apparaîtrait la grande roue, avec le nom du forum, les logos des factions et pourquoi pas quelques personnages principaux. Je n'ai pas encore d'idées à vous suggérer pour les boutons par contre. :/
Revenir en haut Aller en bas
 

Design #1

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

 Sujets similaires

-
» Design Noël 2010
» Bannières/Gifs/rangs/design...
» Design - Hiver 2011 | IMPORTANT |
» Fernando Torres || Il Dottore Design
» Que pensez-vous du nouveau design ??

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Edge of Future :: Welcoming :: First Step :: Designs-