Partagez | 
 

 Design Version 5

Aller en bas 
Aller à la page : Précédent  1, 2
AuteurMessage
Ian Matthews

SERIAL KILLER
La Justice à Balles Réelles

SERIAL KILLER La Justice à Balles Réelles
avatar

Messages : 1177
Date d'inscription : 26/02/2011

Dossier Psychatrique
Age: 28 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Dim 7 Aoû - 23:45

Je t'aime aussi ma Lona kissss
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://roseod-cinefan.blogspot.com/
Shayne Grant
Jabberwock ♣ We can ignore the reality not the memories
Jabberwock ♣ We can ignore the reality not the memories
avatar

Messages : 6263
Date d'inscription : 10/06/2010

Dossier Psychatrique
Age: 32 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 8 Aoû - 0:06

Au niveau codage, y a un truc que je reverrai de faire, mais je suis trop nul xD

Tu vois sur certain forum, le nom des catégorie est arrangé super bien genre dans une forme, ou du moins ils font une image.

_________________

Pour que le passé devienne demain,
Que ton souffle caresse mon cou,
Que nos mains se joignent de nouveau,
Que tes lèvres frôlent les miennes,
Afin que notre amour perdu renaisse
Et que les mauvais souvenir disparaisse dans les ténèbres.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 8 Aoû - 0:19

Bon, alors en mode flemmarde, mais pour garder les idées quand même pour la PA :

Citation :

[23:10:59] @ Jo : et la PA, au fait, tu voulais changer l'image aussi ?
[23:11:53] @ Nono : Oui je changerai l'image de la PA mais j'ai rien fais encore, j'ai pas trouvée d'idée
[23:12:11] @ Jo : ok, pas de pb
[23:12:56] @ Jo : tu peux faire une forme destructurée en mode constructivisme russe dans le coin en bas à gauche
[23:13:03] @ Jo : et laisser le reste de l'image relativement uni au besoin
[23:13:11] @ Jo : comme ça c'est simple pour le texte
[23:13:17] @ Nono : Je verai ce que je peux faire
[23:13:22] @ Jo : fais un fond noir/gris foncé, et les formes en rouge, peut être ?
[23:13:35] @ Jo : je te laisse faire, c'est toi l'artiste
[23:13:44] @ Nono : j'avais envie de reprendre ça : http://jpdubs.hautetfort.com/media/00/02/247888541.jpg
[23:16:06] @ Jo : c'est pas mal
[23:16:20] @ Jo : moi j'pensais un peu aux formes dans l'image en haut à droite là : http://sowine.typepad.fr/sowine/images/2007/06/28/sowine_stoli2.jpg
[23:16:44] @ Jo : (oui, c'est des pubs de vodka, mais c'est ce que j'ai trouvé de mieux XD)
[23:18:17] @ Nono : Ah oui pas mal !
[23:18:21] @ Nono : J'aime beaucoup !
[23:18:47] @ Nono : Tu sais quoi, poste au cas ou tes idées dans le sujet sur SSC histoire que j'ai tout sous la main car avec ma cervelle de poisson rouge...

Very Happy

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Ian Matthews

SERIAL KILLER
La Justice à Balles Réelles

SERIAL KILLER La Justice à Balles Réelles
avatar

Messages : 1177
Date d'inscription : 26/02/2011

Dossier Psychatrique
Age: 28 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 8 Aoû - 11:52

Je t'avoues que je n'aime pas beaucoup les images pour les titres. Ça déforme la navigation après, je trouve ça galère. Mais bon, si tu veux des images, je te mettrai des images, pas de soucis.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://roseod-cinefan.blogspot.com/
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 8 Aoû - 12:04

Bwof, je pense aussi que ça se passe bien d'images, par contre c'est pas des espèces d'encadrés de navigation verticaux placés à droite (au lieu d'en dessous du descriptif) dont tu parlais ? C'est ça que j'avais compris, moi....

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Ian Matthews

SERIAL KILLER
La Justice à Balles Réelles

SERIAL KILLER La Justice à Balles Réelles
avatar

Messages : 1177
Date d'inscription : 26/02/2011

Dossier Psychatrique
Age: 28 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 8 Aoû - 12:12

Ca doit pas être compliqué à faire ça. Mais j'aurais pas le temps de m'y pencher cette semaine, ça sera pour la V6

Par contre, pour les communications, je vous laisse imaginer la longueur du truc si on met tout les uns en dessous des autres.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://roseod-cinefan.blogspot.com/
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 8 Aoû - 12:18

Oué, c'est ce que je me suis dit aussi. Mais de toute façon, dès l'instant où on fait des sous-forums personnalisés pour les membres, ça risque de donner le même résultat. Sinon il faudrait faire un forum communications, les sous forums mail, téléphone, etc. et comme ça c'est ça qu'on afficherait à droite.
Mais bien sûr, c'est seulement si c'est bien de ça dont parlait Nono....

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alexa Fernandez
Amazone : Bras droit
Amazone : Bras droit
avatar

Messages : 131
Date d'inscription : 06/05/2011

Dossier Psychatrique
Age:
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 8 Aoû - 14:00

Hum moi j'ai le temps donc je peux toujours relayer Ian au niveau du codage ^^
Dès que vous êtes d'accord ...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 8 Aoû - 14:03

Alors, pour la PA, je suis en train de faire les modifs pour le nouveau design. Par contre, pour l'histoire des forums, si tu as des idées / propositions de choses qui seraient sympa, n'hésite pas !

Et si tu as besoin de faire des tests, le fo' de test est là : http://testgraphnono.forumperso.com/ Smile

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Shayne Grant
Jabberwock ♣ We can ignore the reality not the memories
Jabberwock ♣ We can ignore the reality not the memories
avatar

Messages : 6263
Date d'inscription : 10/06/2010

Dossier Psychatrique
Age: 32 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Ven 9 Sep - 14:57

Gaaaah jsuis trop a la bourre !

j'ai fini le design !!!!
Il faudrait que quelqu'un regarde pour la PA au niveau des couleurs, c'est tout et on pourra installer le design très prochainement !

_________________

Pour que le passé devienne demain,
Que ton souffle caresse mon cou,
Que nos mains se joignent de nouveau,
Que tes lèvres frôlent les miennes,
Afin que notre amour perdu renaisse
Et que les mauvais souvenir disparaisse dans les ténèbres.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Ven 9 Sep - 16:57

Ca vaut encore le coup de le faire deux mois plus tard ? On pourrait pas se contenter d'en faire un design 5 mais pas anniversaire ?
Sinon. J'vais essayer de voir pour la PA, mais ça pourra pas etre avant lundi, j'ai pas embarqué le bon pc pour le weekend.

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Shayne Grant
Jabberwock ♣ We can ignore the reality not the memories
Jabberwock ♣ We can ignore the reality not the memories
avatar

Messages : 6263
Date d'inscription : 10/06/2010

Dossier Psychatrique
Age: 32 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Ven 9 Sep - 17:10

Oep, je changerai la phrase ! Si t'as des idées ! Toi qui est notre fabriqueuse (ça ce dit pas mais on s'en fou) de slogan xD

_________________

Pour que le passé devienne demain,
Que ton souffle caresse mon cou,
Que nos mains se joignent de nouveau,
Que tes lèvres frôlent les miennes,
Afin que notre amour perdu renaisse
Et que les mauvais souvenir disparaisse dans les ténèbres.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 12 Sep - 22:04

Chais pas, je verrai bien un truc sur la roulette russe, mais j'ai un peu du mal à réfléchir et je suis pas méga méga inspirée, là... "comme une roulette russe avec un 9mm", un truc dans ce genre là. Sinon, je continue à chercher, je préviendrai si j'ai une illumination =)

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Shayne Grant
Jabberwock ♣ We can ignore the reality not the memories
Jabberwock ♣ We can ignore the reality not the memories
avatar

Messages : 6263
Date d'inscription : 10/06/2010

Dossier Psychatrique
Age: 32 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Mar 13 Sep - 1:36

Ou un slogan en rapport à l'URSS, un clin d'oeil à Staline !
Faut juste trouver un qui soit bien

_________________

Pour que le passé devienne demain,
Que ton souffle caresse mon cou,
Que nos mains se joignent de nouveau,
Que tes lèvres frôlent les miennes,
Afin que notre amour perdu renaisse
Et que les mauvais souvenir disparaisse dans les ténèbres.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Mer 14 Sep - 18:36

Ooh, je viens d'avoir mon illumination grippale : "Makarov, la petite pègre des peuples" =D

(et oui, je suis très fière de moi rabbit )

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Shayne Grant
Jabberwock ♣ We can ignore the reality not the memories
Jabberwock ♣ We can ignore the reality not the memories
avatar

Messages : 6263
Date d'inscription : 10/06/2010

Dossier Psychatrique
Age: 32 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Mer 14 Sep - 18:59

Oh oui !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
On voit bien le clin d’œil historique ^^
J'éditerai et que je changerai ^^

_________________

Pour que le passé devienne demain,
Que ton souffle caresse mon cou,
Que nos mains se joignent de nouveau,
Que tes lèvres frôlent les miennes,
Afin que notre amour perdu renaisse
Et que les mauvais souvenir disparaisse dans les ténèbres.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Mer 14 Sep - 19:06

Haha, contente que ça plaise:D

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 19 Sep - 19:16

Ah, zut, j'avais pas vu que t'avais posté l'image de PA sur le fo' de test (à la ramasse). J'viens de tomber dessus par hasard. Bon, je me dépêche de finir de modif la PA d'ici la fin de la semaine si je peux (si je suis motivée, demain, sinon en fin de semaine).
Et tant que j'y pense, faudra que tu changes la phrase sur la bann (et si tu ouvres toshop, profites en pour me faire le dernier ptit titre pour la PA d'Anésidora *fais les yeux doux*). Comme ça, si j'y arrive, je boucle les deux PA d'un coup ! Very Happy

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Shayne Grant
Jabberwock ♣ We can ignore the reality not the memories
Jabberwock ♣ We can ignore the reality not the memories
avatar

Messages : 6263
Date d'inscription : 10/06/2010

Dossier Psychatrique
Age: 32 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 19 Sep - 21:47

Yep, faut que je modif la ban ! Je m'en occupe demain ou mercredi !

Je crois que tu peux enlever le vieux du Staff car de toute manière il m'avait dit qu'il arreté.

Et c'était quoi le dernier titre sur Anesidora ?

_________________

Pour que le passé devienne demain,
Que ton souffle caresse mon cou,
Que nos mains se joignent de nouveau,
Que tes lèvres frôlent les miennes,
Afin que notre amour perdu renaisse
Et que les mauvais souvenir disparaisse dans les ténèbres.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Lun 19 Sep - 22:30

Ok, je m'occupe de ça. Et c'était "Crédits" me semble pour le cadre en bas à droite

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alona Garvey
    PHŒNIX Take me to the riot

 PHŒNIX ♠ Take me to the riot
avatar

Messages : 3700
Date d'inscription : 09/07/2010

Dossier Psychatrique
Age: 26 ans
Relations:
Equipements:

MessageSujet: Re: Design Version 5   Dim 25 Sep - 13:01

Bon, alors je m'excuse sincèrement du retard, mais cette fois-ci, c'est bel et bien terminé. PA et CSS mis à jours sur le fo' de test. Le design peut être mis en place quand tu veux, Nono (et yaura pas besoin de m'attendre pour le faire, parce que bon, encore une fois, ma connexion internet, c'est le bordel...

Voici les éléments :

PA version finale

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

<!--CODE JAVA POUR DEFILEMENT-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#newsbox { height: 230px; position: relative; overflow: hidden; }
#newslist { position: absolute; padding: 0 0.5em; }
</style>
<script language="javascript" type="text/javascript">
 
var pos;
var speed = 1;
var pos_initial;
 
function startAnim() {
   var e = document.getElementById('newsbox');
   pos_initial = e.clientHeight + 10;
   pos = pos_initial;
   setInterval('anim()', 30); <!--réglage vitesse défilement-->
}
function anim() {
   var e = document.getElementById('newslist');
   e.style.visibility = 'visible';
   e.style.top = Math.floor(pos) + 'px';
   pos = pos - speed;
   if(pos < -e.clientHeight) pos = pos_initial;
}
window.onload = function() {
  var e = document.getElementById('newsbox');
  e.onmouseover = function() { speed = 0; };
  e.onmouseout = function() { speed = 1; };
  startAnim()
};
</script>

<!--PA COMPLETE-->
<table width="800" height="520" cellspacing="10" style="background-image:url(http://img11.hostingpics.net/pics/60632920pa.png); repeat:no-repeat; border="0"" border="0">
  <tr >
      <td valign="top" rowspan="4">
      <!--SECTION A VOTRE SERVICE-->
         <div class="titres" >A VOTRE SERVICE</div>
            <!--TABLEAU STAFF-->
            <br/><br/>
            <table cellspacing="2" border="0" >
                     <!-- SHAYNE -->
               <tr align="center">
                  <td>
                     <a class="infobulle" href="http://sevensinscity.superforum.fr/privmsg?mode=post&u=2" target="_blank">
                        <img src="http://s3.postimage.org/36k6t9fwk/s_shayne.jpg" alt="" />
                        <span><center><img src="http://img4.hostingpics.net/pics/723096JD34.gif" width="100" height="56" alt="Shayne" /><br/>Shayne Grant<br/>Administratrice</center></span>
                     </a>
                  </td>
               </tr>
                     <!-- ALONA -->
               <tr align="center">
                  <td>
                     <a class="infobulle"  href="http://sevensinscity.superforum.fr/privmsg?mode=post&u=8" target="_blank">
                        <img src="http://s3.postimage.org/36k1unef8/s_alona.png" alt="" />
                        <span><center><img src="http://img51.imageshack.us/img51/6715/52979813.gif" alt="Alona" /><br/>Alona Garvey<br/>Administratrice</center></span>
                     </a>
                  </td>
               </tr>
                     <!-- IAN -->
               <tr align="center">
                  <td>
                     <a class="infobulle" href="http://sevensinscity.superforum.fr/privmsg?mode=post&u=68" target="_blank">
                        <img src="http://i52.tinypic.com/2gt3zop.jpg" alt="" />
                        <span><center><img src="http://www.gifsoup.com/imager.php?id=2187037&t=o" width="100" height="56" alt="Ian" /><br/>Ian Matthews<br/>Modératrice</center></span>
                     </a>
                  </td>
               </tr>
                     <!-- ALEXA -->
               <tr align="center">
                  <td>
                     <a class="infobulle" href="http://sevensinscity.superforum.fr/privmsg?mode=post&u=78" target="_blank">
                        <img src="http://s3.postimage.org/36k0741xg/s_alexa.jpg" alt="" />
                        <span><center><img src="http://img4.hostingpics.net/pics/932476meganfoxaGIFSoupcom.gif" alt="Alexa" /><br/>Alexa Fernandez<br/>Modératrice</center></span>
                     </a>
                  </td>
               </tr>
               <tr>
                  <td height="190"; valign="bottom"><div style="font-size:10px">
                     <span style="vertical-align:bottom">@ SevenSinsCity. Design version 5 Makarov. <br> Toute reproduction partielle ou totale interdite</span></div>
                  </td>
               </tr>
            </table>
         
      </td>
 
      <td valign="top" rowspan="2">
        <!--CASE CONTENANT LES ONGLETS-->
         <span class="onglet_0 onglet" id="onglet_drh" onmouseover="javascript:change_onglet('drh');">Bienvenue</span>
         <span class="onglet_0 onglet" id="onglet_drh1" onmouseover="javascript:change_onglet('drh1');">Actus</span>
         <span class="onglet_0 onglet" id="onglet_drh2" onmouseover="javascript:change_onglet('drh2');">Credits</span>

         <!-- ONGLET BIENVENUE --><div class="contenu_onglet_PA" id="contenu_onglet_drh"><div align="center"><br/>
                  
         <table border="0" width="470" cellspacing="3">
           <tr>
              <td width="365">
               <div class="titres2">Bienvenue à Seven Sins, antichambre de l'Enfer.... </div>
               <div align="justify"><br/><br/>Nous voici en l'an de grâce 2021, Printemps. La ville connue d'antan sous le nom de Bright Falls a été renommée Seven Sins City par les autorités. Dans les bas quartiers le mal règne en maître; une prison high tech et quasi imprenable a fait son apparition; la loi martiale n'est jamais respectée à la lettre et l'armée use de la force pour maintenir un semblant d'ordre dans ce capharnaüm urbain; les flics corrompus sont légions; la guerre civile a éclaté... et chacun fait ce qu'il peut pour tenter de survivre dans un semblant de quiétude.<br/><br/>À Seven Sins City, ville de tous les péchés et antichambre de l'Enfer, les pauvres sont devenus très pauvres et les riches très riches. Les ouvriers sont exploités par leurs patrons, et les patrons ont de plus haut patron...<br/>Ne cherchez pas, c'est la Mafia !<br/></div>
               <div text align="right"><a href="http://sevensinscity.superforum.fr/t522-contexte-de-seven-sins">En savoir plus</a></div>
              </td>
              <td width="100" valign="middle" align="center">
               <font size="3"><p><a href="http://sevensinscity.superforum.fr/t520-reglement-du-forum" class="postlink" target="_blank">Règlement</a></p>
               <p><a href="http://sevensinscity.superforum.fr/t522-contexte-de-seven-sins" class="postlink" target="_blank">Contexte</a></p>
               <p><a href="http://sevensinscity.superforum.fr/t3-2-en-savoir-plus-sur-les-groupes" class="postlink" target="_blank">Groupes</a></p>
               <p><a href="http://sevensinscity.superforum.fr/postes-vacants-f4/" class="postlink" target="_blank">Postes Vacants</a></p>
               <p><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/nos-partenaires-t28.htm" class="postlink" target="_blank">Nos Amis</a></p>
               <p><a href="http://sevensinscity.superforum.fr/questions-et-suggestions-f19/" class="postlink" target="_blank">Coin Invités</a></p></font>
              </td>
           </tr>
         </table></div></div>

               <!-- ONGLET ANNONCES -->
         <div class="contenu_onglet_PA" id="contenu_onglet_drh1" style="display:none;"><br/>
         <blockquote style="height: 280px; overflow: auto; margin : 5px; padding-right : 15px">
         <br/> Nous sommes actuellement au <u>Printemps 2021</u>.
         <br/>
            <div style="width:365px" class="titres2">Saison 1 - La bombe disparue</div>
            <br/>
            23h, un soir, un bar. Le genre d'endroit miteux et puant dont les bas-fonds de Sin City se font une fierté. Vladimir Makarov s'est déplacé en personne pour accueillir sa commande, un petit bijou de bomba artisanale. Mais Vladimir a été trahi. La moitié de la ville au courant, le bar plonge dans le plus indescriptible chaos.
            La bombe a disparu. Qui l'a prise ? Où est-elle ? Personne ne le sait. Mais tout le monde la cherche.
            <br/>
            <div style="width:365px" class="titres2">Rubrique nécrologique</div>
            <br/>
            Nous avons la tristesse de vous annoncer le décès du Général James Shepard, mort au combat. <a href="http://sevensinscity.superforum.fr/t602-un-jour-triste-a-seven-sins-city-tout-le-monde">Assister à son enterrement.</a>
            <div><a href="http://sevensinscity.superforum.fr/f18-scenario">Plus d'actus</a></div>
               <br/>
               <div style="width:365px" class="titres2">WANTED</div>
                  <br/> Nous recherchons activement -
                  <ul><li> des Bushidos</li>
                  <li> des Makarov</li></ul>
               Merci de privilégier ces groupes et les <a href="http://sevensinscity.superforum.fr/f4-postes-vacants"><font color="white">Postes Vacants</font></a>
            </blockquote></div>
      
          <!-- ONGLET CREDITS -->
          <div class="contenu_onglet_PA" id="contenu_onglet_drh2" style="display:none;">
            <div align="center">
               <br/>Forum ouvert le 09/07/2010
               <br/><br/><b>15 lignes minimum par post</b>
            </div>
               <br/><br/>Contexte par Alex et Nono
               <br/> PV par Alex, Nono & Jo
               <br/>Design version 5 Spécial "Makarov & Constructivisme Russe" <br/>Mis en place en Septembre 2011 <br/>Réalisé par Nono (graphique), Jo et RoseOD (codage)
         </div>

      </td>
 
      <td width="130" >
      <!--LIENS TOP SITES-->
         <div class="titres">VOTEZ !</div><br/><br/>
         <div style="font-size:21px; text-align:center;">
            <a href="http://www.root-top.com/topsite/velusia/in.php?ID=4253" class="postlink" target="_blank">
               <img src="http://s4.postimage.org/2j4nf944/image.png" alt="[1]" width="30" height="30" />
            </a>
            <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=4933" class="postlink" target="_blank">
               <img src="http://s4.postimage.org/2j4nf944/image.png" alt="[2]" width="30" height="30" />
            </a> <br/><br/>       
            <a href="http://www.root-top.com/topsite/blueberry/in.php?ID=2817" class="postlink" target="_blank">
               <img src="http://s4.postimage.org/2j4nf944/image.png" alt="[3]" width="30" height="30" />
            </a>
            <a href="http://www.root-top.com/topsite/odealavie/in.php?ID=649" class="postlink" target="_blank">
               <img src="http://s4.postimage.org/2j4nf944/image.png" alt="[4]" width="30" height="30" />
            </a><br/><br/>
            <a href="http://www.root-top.com/topsite/candymiam/in.php?ID=5196" class="postlink" target="_blank">
               <img src="http://s4.postimage.org/2j4nf944/image.png" alt="[5]" width="30" height="30" />
            </a>
            <br/><br/>
         </div>
      </td>
   </tr>
 
   <tr>   
 
      <td rowspan="3" align="center">
      <!--LIENS SITES PARTENAIRES-->
         <div class="titres">NOS AMIS</div><br/>
                  
            <div id='newsbox'>
               <div id='newslist' style='visibility: hidden'>
                  <a href="http://eternalis.jdrforum.com/forum.htm" class="postlink" target="_blank" rel="nofollow">
                     <img src="http://i76.servimg.com/u/f76/11/66/39/15/eterna10.png" alt="Eternalis" />
                  </a>
                  
                  <a href="http://auxportesdelenfer.forumotion.com" class="postlink" target="_blank" rel="nofollow">
                     <img src="http://i65.servimg.com/u/f65/11/25/40/17/logo410.png" alt="Aux portes de l'enfer" />
                  </a>
                  
                  <a href="http://csi-la.forumpro.fr" class="postlink" target="_blank" rel="nofollow">
                     <img src="http://i53.tinypic.com/30j4js2.jpg" alt="CSI LA" />
                  </a>
                  
                  
                  <a href="http://a-new-beginning.forumactif.com" class="postlink" target="_blank">
                     <img src="http://i65.servimg.com/u/f65/11/25/40/17/anb_lo13.png" alt="A new beginning" />
                  </a>
                  
                  <a href="http://nomoredrama.forumactif.org/forum">
                     <img src="http://i56.tinypic.com/2n0slg0.jpg" alt="No more drama" />
                  </a>
                  
                  <a href="http://earth-playground.forumactif.org/forum.htm" class="postlink" target="_blank">
                     <img src="http://illiweb.com/fa/pbucket.gif" alt="Earth Playground" >
                  </a>
                  
                  <a href="http://asaria.forumpro.fr" class="postlink" target="_blank">
                     <img src="http://nsa07.casimages.com/img/2009/04/25/090425023846653662.png" alt="Asaria" >
                  </a>
                  
                  <a href="http://terra616.forumotion.com/forum.htm" class="postlink" target="_blank">
                     <img src="http://i35.servimg.com/u/f35/11/95/83/61/terra-12.jpg" alt="Terra 616" />
                  </a>
                  
                  <a href="http://nomansland-original.forumactif.com/forum.htm" class="postlink" target="_blank">
                     <img src="http://i65.servimg.com/u/f65/11/25/40/17/no_man21.png" alt="No man's land" />
                  </a>
                  
                  <a href="http://morsmordre.forums-actifs.com/" class="postlink" target="_blank">
                     <img src="http://i56.tinypic.com/1zqeqa9.jpg" alt="Morsmordre" />
                  </a>
                  
                  <a href="http://sherlock-21-century.forumactif.com/forum.htm" class="postlink" target="_blank">
                     <img src="http://img641.imageshack.us/img641/6498/iconshbakerstreet.png" alt="Sherlock Century" />
                  </a>
               </div>
            </div>
                  
      </td>
   </tr>

   <tr>
   
      <td align="center" valign="top">
      <!-- POSTES VACANTS-->
         <div class="titres">ON LES RECHERCHE</div><br/>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/la-shadow-company7-8-t224.htm#4385" target="_blank">
            <img src="http://s1.postimage.org/1g3gfc5j8/pv2.jpg" class="Image" width="35" height="75" border="0" alt="Evan Anders"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/t226-les-policiers-6-6#4407" target="_blank">
            <img src="http://img11.hostingpics.net/pics/456936amanda.jpg" class="Image" width="35" height="75" border="0" alt="Kate Burrows"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/la-shadow-company7-8-t224.htm#4386" target="_blank">
            <img src="http://s1.postimage.org/1g3i2vi10/pv3.jpg" class="Image" width="35" height="75" border="0" alt="David Stillson"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-bushido-6-7-t230.htm#4455" target="_blank">
            <img src="http://s1.postimage.org/1g3jqeuis/pv4.jpg" class="Image" width="35" height="75" border="0" alt="Dan Nakamura"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-geishas-t15.htm#36" target="_blank">
            <img src="http://s1.postimage.org/1g3n1hjic/pv6.jpg" class="Image" width="35" height="75" border="0" alt="Aya Fusaki"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/t225-les-civils-9-9#4396" target="_blank">
            <img src="http://s1.postimage.org/1g3ldy70k/pv5.jpg" class="Image" width="35" height="75" border="0" alt="Steven O'Bryan"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-makarov-7-9-t229.htm#4438" target="_blank">
            <img src="http://img11.hostingpics.net/pics/674778mila.jpg" class="Image" width="35" height="75" border="0" alt="Irina Gretchenko"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-mercenaires-4-6-t223.htm#4368" target="_blank">
            <img src="http://s1.postimage.org/1g3qck8hw/pv8.jpg" class="Image" width="35" height="75" border="0" alt="Edward Black"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-makarov-7-9-t229.htm#4437" target="_blank">
            <img src="http://img11.hostingpics.net/pics/765633liev.jpg" class="Image" width="35" height="75" border="0" alt="Dmitri Bokariov"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/t225-les-civils-9-9#4394" target="_blank">
            <img src="http://s1.postimage.org/1g3tnmxhg/pv10.png" class="Image" width="35" height="75" border="0" alt="Arya Koriskova"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/t239-les-amazones-4-7#4422" target="_blank">
            <img src="http://s1.postimage.org/1g3vb69z8/pv11.jpg" class="Image" width="35" height="75" border="0" alt="Jaimie Preston"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-bushido-6-7-t230.htm#4451" target="_blank">
            <img src="http://s1.postimage.org/1g3wypmh0/pv12.jpg" class="Image" width="35" height="75" border="0" alt="Tatsuo Bushido"/>
         </a>
         <br /><br />
         <a href="http://best-rpg.forumpro.fr" target="_blank">
         <img src="http://i43.tinypic.com/nvsej6.png" title="Best RPG, le site de référencement d’RPGs" alt="Best RPG, le site de référencement d’RPGs">
         </a>
      </td>
   </tr>
</table>

<script type="text/javascript">
//<!--
var anc_onglet = 'drh';
change_onglet(anc_onglet);
//-->
</script>

Le CSS

Code:

body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

/* arrondis des zones de textes by BestRPG */
input,textarea, select {border-radius: 10px; }

a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  white-space: wrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #1A1515; /* arrière-plan de l'infobulle */

  color: white; /* texte dans l'infobulle */
  font-size: 10px;
  font-variant: normal;
  text-align: justify;
  text-transform: none;
  text-decoration: none;
  padding: 4px;
  width: 160px;
  height: auto;

  /* bordures de votre infobulle*/
  border: 4px solid #FFFFFF;
  border-left: 4px solid #FFFFFF;
}

#lnrbox
{
position: fixed;
bottom: 50px;
left: 0px;
background-color: #couleur;
background-position: center;
border: 1px solid #couleur;
border-bottom: 4px solid #couleur;
z-index: 999;
}

a.mainmenu:link, a.mainmenu:visited{
margin-left : 4px;
margin-right : 4px;
font-family :Georgia;
color: #257DAD;
background-image: url("");
text-align:left;
border-left: 9px solid #630808;
border-right: 9px solid: url("");
}

/*TITRE FORUM*/
a.forumlink:link, a.forumlink:visited {
font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #FFFFFF;
color: #FFFFFF;
letter-spacing: 4px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("");
color: #AE0000;
text-align: center;
display: block;
border-bottom: 5px solid #AE0000;
-moz-border-radius:10px;
}

/*LIENS*/
a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}

/*CODE*/
.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #7598B3;/*texte*/
background-color: #1A2F42;/*fond*/
border: #08355E;/*bordure*/
border-style: solid;
border-left-width: 7px;
border-top-width: 0px;
border-right-width: 7px;
border-bottom-width: 0px;
padding:10px;
-moz-border-radius:10px;}

/*CITATION*/
.quote{
font-family: Tahoma;
font-size: 12px;
color: #7598B3;
line-height: 125%;
background-color: #1A2F42;
border: #08355E;
border-style: solid;
border-left-width: 6px;
border-top-width: 0px;
border-right-width: 6px;
border-bottom-width: 0px;
padding:7px;
-moz-border-radius:6px;}

/*SPOILER*/
.spoiler{
font-family: verdana;
font-size: 11px;
color: #7598B3;
line-height: 125%;
background-color: #1A2F42;
border: #08355E;
border-style: solid;
border-left-width: 6px;
border-top-width: 0px;
border-right-width: 6px;
border-bottom-width: 0px;
padding:7px}

/*APPARENCE FORUM*/
.forumline {-moz-border-radius:10px;}
.forumline{color: #FFFFFF;
-moz-border-radius: 14px 14px 14px 14px;
border-bottom: 5px solid  ;
border-top: 5px solid;
border-right: 5px solid ;
border-left: 5px solid ;}

/*texte toujours justifié*/
.postbody {
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
}

/*Soulignement des liens a plus !!!!*/
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


/* QEEL */

.onglets_0 {

font-family            : verdana;
font-weight            : bold;
text-align            : center;
color              : #3D4952;
}

/*.onglet_1 {

font-family            : verdana;
font-weight            : bold;
text-align            : center;
color              : #3D4952;
}
*/

.message {
font-family            : verdana;
text-align            : center;
color              : #3D4952;
}

.cadre {
  background-color            : #1A1515;
  width                    : 360px;
  height                    : 190px;
  -moz-border-radius-topleft      : 40px;
  -moz-border-radius-bottomright  : 40px;
  font-size                  : 11px;
  font-color                  : #BDBDBD;
  border                    : #FFFFFF 3px solid;
}

/* MESSAGE D'ACCUEIL*/

.onglet{
color                    : #FFFFFF;
font-size                  : 14px;
background-image            : url(http://i53.tinypic.com/108ixig.png);
opacity: 0.6;
background-color            : #2C2828;
display                    : inline-block;
letter-spacing              : 3px;
width                    : 110px;
height                    : 20px
border-top                  : 1px solid #3F484D;
border-left                  : 1px solid #3F484D;
border-right              : 1px solid #3F484D;
text-align                  : center;
text-shadow                  : 0 0 15px #e0d6b7;
}

.contenu_onglet_PA{
background-image            : url(http://img11.hostingpics.net/pics/79013837bg.png);
background-repeat: repeat;
margin-top                  : 0px;
margin-bottom              : 5px;
margin-right              : 2px;
margin-left                  : 2px;
padding-left              : 15px;
padding-right              : 15px;
padding-top                  : 10px;
padding-bottom              : 10px;
font-size                  : 12px;
height                    : 300px;
width                    : 470px;
-webkit-border-radius        : 20px 20px 20px 20px;
text-align                  : justify;
border-top                  : 3px dashed #a29e9f;
}

.titres{
background-color            : #524949;
-moz-border-radius-topright      : 10px;
-moz-border-radius-bottomleft  : 10px;
font-size                  : 14px;
color: #FFF6D8;
text-align                  : center;
width                    : 100%;
}

.titres2{
background-color            : #1A1515;
-moz-border-radius-topright      : 10px;
-moz-border-radius-bottomleft  : 10px;
font-size                  : 14px;
color: #FFF6D8;
text-shadow : #FFF6D8 3px 3px 10px
text-align                  : center;
width                    : 100%;
}

* {
  font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}
a.info {
  position: relative;
  color: #576186;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 0px; /* on positionne notre infobulle */
  left: 40px;

  background: #C0CDE5;

  color: #576186;
  padding: 3px;

  border: 3px solid #3E3D70;
}

/* SCROLLER BOX (pour partenaires) */
#scroller_container {
 position: relative;
 width: 120px;
 height: 200px;
 overflow: hidden;
}

#scroller p {
 padding: 0;
}

/*IMAGE TRANSPARENCY*/
.Image
{
    opacity : 0.8;
}

.Image:hover
{
    opacity : 1;
}

Et voilà le travail

(si j'ai le temps, j'vais essayer de boucler Anésidora aussi)

_________________
There must be a way out of here
Said the joker to the thief
There's too much confusion
I can get no relief
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: Design Version 5   

Revenir en haut Aller en bas
 
Design Version 5
Revenir en haut 
Page 2 sur 2Aller à la page : Précédent  1, 2
 Sujets similaires
-
» Bannières/Gifs/rangs/design...
» Heartbreaker version girl [Finish]
» Design - Hiver 2011 | IMPORTANT |
» Que pensez-vous du nouveau design ??
» Nouvelle mise à jour ForumActif : Version Mobile

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Seven Sins City :: Le Purgatoire :: Archives-
Sauter vers: