RSS
RSS
Fiche de partenariat html


Revoilà nos héros à nos jours !!! Ça paraît différent mais ça ne l'est pas tant que ça... Elève, professeur ou civil, choisissez et faites votre entrée dans ce nouvel univers !!!
 
Le Deal du moment :
Réassort du coffret Pokémon 151 ...
Voir le deal

 

 Fiche de partenariat html

Aller en bas 
AuteurMessage
Papaaaa

Papaaaa


Messages : 174
Date d'inscription : 12/02/2012

Fiche de partenariat html Empty
MessageSujet: Fiche de partenariat html   Fiche de partenariat html Icon_minitime23/5/2013, 17:20

Code:
<style type="text/css">

        .onglet
        {
                display:inline-block;
                margin-left: 30px;
                margin-right:30px;
                padding:0px;
                font-variant:small-caps;
                font-family : Verdana;
                height : 20px;
                width : 100px;
                text-align:center;
        }
        .onglet_0
        {
                font-family : Times New Roman;
                padding-left : 4px;
                padding-right : 4px;
                background:url(http://i48.tinypic.com/2wp0bhf.jpg);
                border-radius : 10px 10px 0px 0px;
                margin-bottom : -6px;
                color : #black;
                border: 1px solid black;
}

        .onglet_1
        {
                background:#A3A1A1;
                padding-left : 4px;
                padding-right : 4px;
                font-family : ChocolateBox, "Times New Roman";
                border-radius : 10px 10px 0px 0px;
                margin-bottom : -6px;
                color : #fff;
                font-weight:bold;
                border: 1px solid black;
                box-shadow: 0px 10px 5px black;
}

        .contenu_onglet {
 
                line-height : 20px;
                background:url(http://i48.tinypic.com/2wp0bhf.jpg);
                padding:5px;
                box-shadow: 0px 0px 5px black;
                display:none;
                border-radius : 10px;
                align:center;
                height : 320px;
                width : 500px;
                overflow : auto;
                border: 1px solid black;
                color: #fff;
                position: relative;
                text-align: center;
        }
    a { color: #ffffff;  }

.box1 {
  height : 80px;
  background : rgba(36,46,82,0.5);
  border : double black;
  color : white;
  padding : 5px;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  overflow : auto;
  text-align : justify;
}
.box1:hover {
  height : 120px;
  background : rgba(62,80,142,0.5);
  opacity:1;
  box-shadow: 0px 0px 10px black;
}
.box2 {
  height : 50px;
  background : rgba(36,46,82,0.5);
  border : double black;
  color : white;
  padding : 5px;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  overflow : auto;
  text-align : center;
}
.box2:hover {
  height : 80px;
  background : rgba(62,80,142,0.5);
  border : double black;
  color : white;
  padding : 5px;
}
.titre1 {
  text-transform : uppercase;
  font-size : 25px;
  color : darkred;
  text-shadow : 1px 1px 1px white;
  text-align : center;
  margin-bottom : -13px;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
position: relative;

        </style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>CSSxHTML</title>
    <script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>

</head>
<body>
        <center><div class="systeme_onglets">
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_Concept" onmouseover="javascript:change_onglet('Concept');">Concept</span>
            <span class="onglet_0 onglet" id="onglet_Staff" onmouseover="javascript:change_onglet('Staff');">Staff</span>
            <span class="onglet_0 onglet" id="onglet_Statistiques" onmouseover="javascript:change_onglet('Statistiques');">Statistiques</span>

         
        </div>
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_Concept">
<center><a href="http://world-of-codes.forumacthttp://if.ca/" class="postlink" target="_blank"><img src="http://i45.tinypic.com/w1936v.png"></a></center>
<table><tr>
<td><div class="titre1">Hakuouki Parallel Universes</div><div class="box1">
Jeunes gens, <br /><br />

Bienvenue à la Sweet School Life Academy, plus communément appelée "SSL".
Un lycée et un internat à l’apparence des plus banales mais il n’en est rien à l’intérieur de leurs murs. <br /><br />

Entre un Principal trop laxiste, un Vice-Principal trop strict mais avec un bon fond, des professeurs qui se la jouent cool et des élèves qui papillonnent suivent plus ou moins sérieusement les cours, deux organisations parmi d'autres se livrent une sorte de duel. <br /><br />

Au vu des personnalités qui composent ces deux organisations scolaires, on pourrait facilement se croire revenu 150 ans plus tôt où d’autres groupes s’affrontaient, où l’on parlait du Shinsengumi, ses exploits et de sa renommée. Bien entendu, ce n’est plus au sabre que l’on s’affronte mais à grands coups d’applications des règles, de sanctions, d’organisations festives et d’animations. <br /><br />

Il est fort à parier que certains sont les descendants des personnages de la grande époque des samurais, rien d’étonnant donc à ce que cette rivalité ancestrale se présente. D’un côté nous avons Saito Hajime, à la tête du Comité de Discipline faisant tout ce qui est possible pour contrer le Conseil des Elèves, dirigé par Kazama Chikage, qui trouble l'ordre par ses activités plus ou moins... Farfelues, voir douteuses. Dans cette lutte, Saito est soutenu par Hijikata Toshizo, Vice-Principal et prof de Littérature souhaitant voir disparaître le Conseil ou le réformer comme il se doit. <br /><br />

Eh oui, il y a des choses qui ne changeront jamais, même par-delà les siècles... <br /><br />

Nous sommes en septembre 2012, élèves et professeurs reprennent le chemin des bancs de l'école après un mois de vacances. Et vous, avec qui serez-vous ? Partisan de l'ordre, du chaos ou bien neutre à toute cette affaire ?
Ce n'est pas tout... Des affiches publicitaires sont placardées en ville et dans les valves du Lycée... <br /><br />

Chers citoyens, chers élèves de la Sweet School Life, l’Histoire va changer... <br /><br />

La Société Chotsuma vient de développer une nouvelle technologie et la met à la disposition de chacun. Avez-vous seulement imaginé pouvoir revenir 150 ans plus tôt pour assister de vos propres yeux à l’histoire ? Auriez-vous cru qu’il soit possible que vous soyez témoin de la vie de vos ancêtres, de leurs combats ? <br /><br />

Personne n’y a jamais cru mais la S.M.C. réalise enfin le rêve des passionnés de l’Histoire:<br /><br />


La Société Multinationale Chotsuma (1) a le plaisir de vous proposer une vision unique du passé, un passage vers cette époque glorieuse où les sabres des samurais rendaient la justice au nom de nobles idéaux ou de l’Empereur.<br /><br />

Chers concitoyens, rencontrez vos ancêtres, vivez à leurs côtés et soyez témoin de leur vie.
Le voyage ne coûte pas plus cher qu’un billet de train.
Ce passage entre les deux époques est appelé « Le Pont du Chrysanthème » (2)<br /><br />


De l’autre côté du pont, inaugurée durant l’année 1872, l’annonce diffère quelque peu alors que l’Histoire, la réalité est bien différente…<br /><br />

La Société Multinationale Chotsuma a le plaisir de vous proposer une visite mémorable du futur, un passage vers cette époque incroyable où les technologies change le quotidien de vos descendants.<br /><br />

Samurais, rencontrer vos descendants, apprenez leur les valeurs qui ont été oubliées dans leur époque pour qu’elles ne se perdent plus, voyez ce futur de vos propres yeux.
Le voyage ne coûte pas plus cher qu’une miche de pain.
Ce passage entre les deux époques est appelé « Le Pont du Chrysanthème » <br /><br />


Edo 1872…<br /><br />

Nous savons déjà que le Shinsengumi continue d’exister, Hijikata Toshizo n’est pas mort et continue l’œuvre de Kondo Isami à la demande, bien que surprenante, de l’Empereur. Quelques anciens membres sont de retour, d’autres, restent à retrouver alors que les derniers ne pourrons jamais revenir.<br /><br />

Beaucoup furent étonné d’apprendre la survie du Démon du Shinsengumi et les avis furent partager autant par les hommes politiques que par la population mais la consolidation du Nouveau Gouvernement devait être à ce prix. Ainsi donc, l’Empereur Mitsuhito, appelé aussi Tennô Meiji, prit donc la décision de restaurer l’ordre de la Milice. Espérait-il secrètement que la Milice retrouve la Princesse Impériale, Miya Misaka No, disparue quelques années plus tôt ? Nul ne saurait le dire mais la Princesse fut retrouvée et rendue à sa famille. La jeune femme, bien décidée à soutenir ce groupe, décide son père à faire du Shinsengumi, le protecteur de la famille impériale.<br /><br />

Malheureusement, encore une fois, tout le monde ne voit pas les choses d'un oeil bienveillant... Le jour même de la célébration fêtant la promotion du Shinsengumi au rang de "Protecteur Impérial", des troubles et des combats se répandirent à travers Edo. Les Princes Impériaux Akihiko et Suguru, furent dans l'obligation de prendre également les armes... Toute cette agitation finit heureusement par se calmer mais plus que jamais les opposants au nouveau régime de l'Empereur devinrent plus féroces et s'organisèrent pour saper ce Gouvernement auquel ils ne croyaient plus. Les administrations sont infiltrées, les ambassades ouvertes aux étrangers ne sont pas épargnées et certains ministres, préférant prendre leur précautions n'hésitèrent pas à manigancer et à manipuler.<br /><br />

Cependant ces temps troublé voient également apparaître un ennemi de plus, Serizawa Kamo, l'un des premiers Commandants du Shinsengumi, prétendument décédé. Ce dernier est bien décidé à se venger de ses assassins, des traitres qui ont tentés de le tuer et laissé pour mort ! Pour cela, il anéantira tout sur son passage, même s'il doit anéantir l'Empire lui-même. Alors que les rasetsus continuent de se multiplier et que Serizawa menace dans l’ombre, une société voit le jour et apporte ce pont temporel…<br /><br />

Ce que cette société ne dit pas au sujet de son pont temporel, c’est que les voyages via ce système provoquent des irrégularités dans la réalité des deux époques… Ces irrégularités peuvent s’étendre de deux façons…<br /><br />

L’une, provoquant des irrégularités d’un point de vue historique, modifiant certains point de l’Histoire telle que nous la connaissons et qu’on nous l’apprend que ce soit sur les bancs d’une classe ou dans les livres.<br />
L’autre, touchant directement les personnes qui font le voyage… cette dernière est appelée « Entropie en cascade ». Il s'agit d'un dérèglement cellulaire qui se produit quand deux individus représentant la même personne se trouvent dans la même réalité au même moment et que l'individu qui visite, celui qui provient de l'autre réalité commence à souffrir d'un mal cellulaire dû à une distorsion temporelle au bout de 48h. Un voyageur n'ayant pas de contrepartie ne souffrira pas de ce mal.<br />
L’entropie ne se fera sentir qu’en cas de différence de réalité entre les deux individus représentant une même personne. Dans le cas où un individu a une histoire ou un mode de vie semblable à l’autre version de lui-même, le dérèglement ne se manifestera pas chez ces personnes.<br /><br />

De plus, autre que ces irrégularités, aucune réglementation n’a été posée pour l’utilisation de ce pont temporel. Ainsi donc n’importe qui peut changer d’époque, que ce soit l’homme d’affaire, l’étudiant ou le criminel… Et cela dans les deux sens… Jeunes gens, peu importe l’époque dans laquelle vous vivez, soyez prudent car personne ne sait qui vous pourriez croiser. Quand à prendre le risque de traverser le pont... vous seul pouvez en décider...<br /><br />

Notes :
• (1)Chotsuma : contraction entre « Choshu » et « Satsuma »
• (2)Le Pont du Chrysanthème : Le Chrysanthème est la fleur représentative de l’Empereur du Japon.<br />
</div>
</td>
</tr>
<tr>
<td><div class="titre1">Crédit</div><div class="box2">
Le forum appartient à Ritsuko Yamaguchi et à Sanosuke Harada.<br />
Toutes reproductions partielles ou complètes du forum est strictement interdite sous peine de "punition" par la loi.<br />
Design' fait par Sanosuke Harada.<br />
Codage fiche de partenariat fait par Kimel' de <a href="http://world-of-codes.forum-canada.net/" class="postlink" target="_blank">World Of Codes</a> et modifié au niveau du staff par Emiko Saïgo. Sinon les fiches sont prise sur <a href="http://www.never-utopia.com/" class="postlink" target="_blank">Never Utopia</a>, <a href="http://www.themes-fa.com/" class="postlink" target="_blank">Thèmes FA</a>, <a href="http://www.school-of-pub.net/" class="postlink" target="_blank">School of Pub</a>, <a href="http://forum.forumactif.com/" class="postlink" target="_blank">Forumactif</a>, <a href="http://mycandids.tk/" class="postlink" target="_blank">My Candids</a>
</div>
</td>
</tr></table>

            </div>
            <div class="contenu_onglet" id="contenu_onglet_Staff">
<table><tr>
<table align="center"><tr><td><div style="border: double black;
background-color: rgba(36,46,82,0.5); 
-moz-border-radius: 15px;
 -moz-border-radius-topleft: 40px;
 -moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 40px;
width: 450px; height: 300px;
 padding: 5px;overflow:auto;">
<table border="0"><tr><td align="left"><img src="http://i46.tinypic.com/qqu1ht.jpg" border="0" alt="" /></td><td align="left"> <ul><div align="left"><font color="white"><strong> ♣ <i>Ritsuko Yamaguchi :</i> <font color="black">Admin-fondateur de l'univers "Hakuouki Shinsengumi Kitan".</font></strong></font></div></ul></td></tr><tr><td align="left"><img src="http://i48.tinypic.com/2n829u8.jpg" border="0" alt="" /></td><td align="left"> <ul><div align="left"><font color="white"><strong> ♣ <i>Sanosuke Harada :</i> <font color="black">Admin-fondatrice de l'univers "Hakuouki Sweet School Life Academy" et graphiste.</font></strong></font></div></ul></td></tr><tr><td align="left"><img src="http://i49.tinypic.com/amtzxu.jpg" border="0" alt="" /></td><td align="left"> <ul><div align="left"><font color="white"><strong>  ♣ <i>Shi Seiran :</i><font color="black"> Vérificatrice pour tout le forum.</font></strong></font></div></ul></td></tr><tr><td align="left"><img src="http://i49.tinypic.com/fu1df6.jpg" border="0" alt="" /></td><td align="left"> <ul><div align="left"><font color="white"><strong> ♣ Dame Etsuko : <font color="black">Correctrice sur tout le forum.</font></strong></font></div></ul></td></tr><tr><td align="left"><img src="http://i45.tinypic.com/iw851z.jpg" border="0" alt="" /></td><td align="left"> <ul><div align="left"><font color="white"><strong> ♣ Yoshi Meiji : <font color="black">Rédacteur et gérant du Blog.</font></strong></font></div></ul></td><tr><td align="left"><img src="http://i45.tinypic.com/166byqh.jpg" border="0" alt="" /></td><td align="left"> <ul><div align="left"><font color="white"><strong> ♣ Emiko Saïgo : <font color="black">Publiciste. </font></strong></font></div></ul></td></tr></table>
</div>
</tr></table>
  </div>
            <div class="contenu_onglet" id="contenu_onglet_Statistiques">
<br /><div class="titre1">Statistiques</div><div class="box1">
Nom du site : <a href="http://hakuouki-shinsengumi.forumactif.com/" class="postlink" target="_blank">Hakuouki Parallel Unviverse</a><br />
Date d'ouverture : 12 janvier 2010<br />
Relance Officielle : Janvier 2011<br />
Nombre de membres : 68<br />
Nombre de messages : 5384</div><br /><div class="titre1">Nos boutons</div><div class="box2">
<a href="http://hakuouki-shinsengumi.forumactif.com/"class="postlink" target="_blank"><img src="http://i50.tinypic.com/2ccphjd.jpg"><br />141*45<br />[url=http://hakuouki-shinsengumi.forumactif.com/][img]http://i50.tinypic.com/2ccphjd.jpg[/img][/url]<br /><br />
<a href="http://hakuouki-shinsengumi.forumactif.com/"class="postlink" target="_blank"><img src="http://i43.servimg.com/u/f43/16/33/44/03/bouton10.jpg"><br />100*35<br />[url=http://hakuouki-shinsengumi.forumactif.com/][img]http://i43.servimg.com/u/f43/16/33/44/03/bouton10.jpg[/img][/url]<br /><br />
<a href="http://hakuouki-shinsengumi.forumactif.com/"class="postlink" target="_blank"><img src="http://i51.tinypic.com/2cdtkcy.jpg"><br />88*31<br />[url=http://hakuouki-shinsengumi.forumactif.com/][img]http://i51.tinypic.com/2cdtkcy.jpg[/img][/url]<br /><br />
<a href="http://hakuouki-shinsengumi.forumactif.com/"class="postlink" target="_blank"><img src="http://i52.tinypic.com/x2njhk.jpg"><br />40*40<br />[url=http://hakuouki-shinsengumi.forumactif.com/][img]http://i52.tinypic.com/x2njhk.jpg[/img][/url]

</a></div>
            </div>

       
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'Concept';
                change_onglet(anc_onglet);
        //-->
        </script>
</center>
</body>
</html></center>
Revenir en haut Aller en bas
 
Fiche de partenariat html
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Fiche Hijikata

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Hakuouki Sweet School Life :: Codage :: Formulaires-
Sauter vers:  

Le forum est l'entière propriété de ses fondateurs
Forum by Ritsuko Yamaguchi - Theme et codages by Sanosuke Harada à l'aide de bases trouvées sur ForumActif, School of pub, Thèmes F.A. et Never-Utopia
Do not rip - All rights reserved - © 2012 Hakuouki Parallel Universes