Les anciennes pages html
Page 1 sur 1
Les anciennes pages html
par Admin Jeu 3 Sep - 13:05
- Code:
<title>le super staff</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="http://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet" type="text/css" /> <link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css" /> <style type="text/css">
*{
margin:0;
padding:0;
list-style:none;
}
/*bases*/
.titrep { font-family: 'Pathway Gothic One'; font-size: 20px; line-height: 20px; letter-spacing: -1px; text-transform: lowercase; color: #635C5A !important; }
.sstitrep { font-family:ms mincho; text-align:center; text-transform:uppercase; font-size:10px; letter-spacing: 1px; word-spacing:1px; line-height: 9px; color:#635C5A; }
a, a:link, a:hover { text-decoration: none!important; color: #F5AA78; }
a:hover { color: #635C5A; word-spacing: -1px;}
.icon { height:30px; border-radius: 180px; opacity: 0.9; box-shadow: 3px 3px 3px #635C5A; }
.icon:hover { opacity: 0.6; }
/*staff onglets*/
.onglets { width: 180px; }
.onglet {
display:inline-block;
cursor:pointer;
}
.onglet_0 { padding-top:4px; }
.onglet_1{
padding-top:4px;
}
.contenu_onglet {
opacity: 0.7;
float: center;
width:170px;
height: 40px;
padding:5px;
display:none;
font-family: tahoma;
Font-size: 9px; letter-spacing: 1px; text-transform: lowercase; line-height: 9px;
}
</style> <script language="javascript" src="http://snow-falls.forumactif.fr/10252.js"></script>
<center>
<div class="systeme_onglets">
<center>
<div class="onglets" align="center">
<span class="onglet_0 onglet" id="onglet_général" onclick="javascript:change_onglet('général');"> </span> <span class="onglet_0 onglet" id="onglet_staff1" onclick="javascript:change_onglet('staff1');"><img src="http://img4.hostingpics.net/pics/985574Sanstitre1.png" class="icon" title="administratrice" /></span> <span class="onglet_0 onglet" id="onglet_staff2" onclick="javascript:change_onglet('staff2');"><img src="https://31.media.tumblr.com/94329659fc706b598b1cc1bcae54e6ad/tumblr_inline_n470bij0X01qguhtz.png" class="icon" title="administratrice" /></span> <span class="onglet_0 onglet" id="onglet_staff3" onclick="javascript:change_onglet('staff3');"><img src="http://img11.hostingpics.net/pics/173915icon.png" class="icon" title="administratrice" /></span> <span class="onglet_0 onglet" id="onglet_staff4" onclick="javascript:change_onglet('staff4');"><img src="http://i40.tinypic.com/2d262hd_th.png" class="icon" title="administratrice" /></span>
</div>
</center>
<center>
<div class="contenu_onglets" align="center">
<div class="contenu_onglet" id="contenu_onglet_staff1">
<span class="titrep">blackheart. </span>
<div class="sstitrep">
Charline - Administratrice.
</div>
Présente ◊ <a href="http://ohmyseries.forumactif.org/privmsg?mode=post&u=2" target="_blank">MP</a> ◊ <a href="http://ohmyseries.forumactif.org/u2" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff2">
<span class="titrep">.Lucky_dream </span>
<div class="sstitrep">
Virginie - Administratrice.
</div>
Présente ◊ <a href="http://ohmyseries.forumactif.org/privmsg?mode=post&u=3" target="_blank">MP</a> ◊ <a href="http://ohmyseries.forumactif.org/u3" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff3">
<span class="titrep">future mrs. payne </span>
<div class="sstitrep">
Kréou - Administratrice.
</div>
Présente ◊ <a href="http://ohmyseries.forumactif.org/privmsg?mode=post&u=4" target="_blank">MP</a> ◊ <a href="http://ohmyseries.forumactif.org/u4" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff4">
<span class="titrep">KEEP SMILING </span>
<div class="sstitrep">
Alexandra - Administratrice.
</div>
Présente ◊ <a href="http://ohmyseries.forumactif.org/privmsg?mode=post&u=5" target="_blank">MP</a> ◊ <a href="http://ohmyseries.forumactif.org/u5" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff5">
<span class="titrep">damned soul. </span>
<div class="sstitrep">
Maëlys - Administratrice.
</div>
Présente ◊ <a href="http://ohmyseries.forumactif.org/privmsg?mode=post&u=9" target="_blank">MP</a> ◊ <a href="http://ohmyseries.forumactif.org/u9" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff6">
<span class="titrep">peaky blue. </span>
<div class="sstitrep">
Mathilde - Administratrice.
</div>
Présente ◊ <a href="http://ohmyseries.forumactif.org/privmsg?mode=post&u=10" target="_blank">MP</a> ◊ <a href="http://ohmyseries.forumactif.org/u10" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff7">
<span class="titrep">blue romance. </span>
<div class="sstitrep">
Alona - Modératrice.
</div>
Présente ◊ <a href="http://ohmyseries.forumactif.org/u8contact" target="_blank">MP</a> ◊ <a href="http://ohmyseries.forumactif.org/u8" target="_blank">PROFIL</a>.
</div>
</div>
</center>
<center>
<div class="onglets" align="center">
<span class="onglet_0 onglet" id="onglet_staff5" onclick="javascript:change_onglet('staff5');"><img src="http://i39.servimg.com/u/f39/18/16/97/29/725.png" class="icon" title="administratrice" /></span> <span class="onglet_0 onglet" id="onglet_staff6" onclick="javascript:change_onglet('staff6');"><img src="http://img15.hostingpics.net/pics/219640tumblrn9fjpw59y91qci1qdo2500.png" class="icon" title="administratrice" /></span> <span class="onglet_0 onglet" id="onglet_staff7" onclick="javascript:change_onglet('staff7');"><img src="http://img15.hostingpics.net/pics/539788prd1.png" class="icon" title="modératrice" /></span>
</div>
</center>
</div>
</center>
<script type="text/javascript">
//<!--
var anc_onglet = 'staff1';
change_onglet(anc_onglet);
//-->
</script>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:05
- Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="http://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet" type="text/css" /> <link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css" /> <style type="text/css">
*{
margin:0;
padding:0;
list-style:none;
}
/*bases*/
.fond { width: 180px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; line-height: 12px; text-align: justify; }
a, a:link, a:hover { text-decoration: none!important; color: #992D28; }
a:hover { color: #992D28; }
.part { font-size: 12px; color: #992D28; }
.part:hover { color: #992D28; }
.partfree { font-size: 12px; color: #3C4054; }
.partfree:hover { color: #3C4054; }
.pa3 { font-family: Pathway Gothic One; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; opacity: 0.7; text-align: center; color: #3C4054;}
</style>
<center>
<div class="fond">
<center>
<div style="border-top: 1px dashed #992D28; margin-bottom: 7px;">
</div>
<div class="pa3">
La crème de la crème.
</div>
</center>
<center>
<br /> <a href="http://ohmyseries.forumactif.org/" class="part" title="Nom du forum" target="_blank">★</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <br /> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <br /> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <select style="width: 150px; margin-top: 5px; margin-bottom: 5px; font-size: 10px;" onchange="location = this.value">
<option selected="selected">La crème rpgique</option>
<option value="url1-de-renvoi">choix 1</option>
<option value="url2-de-renvoi">choix 2</option>
<option value="url3-de-renvoi">choix 3</option>
<option value="url4-de-renvoi">choix 4</option>
</select> <br /><a href="http://ohmyseries.forumactif.org/" target="_blank">plus</a> ~ <a href="http://ohmyseries.forumactif.org/" target="_blank">demander</a> ~ <a href="http://ohmyseries.forumactif.org/" target="_blank">boutons/fiche</a>.
</center>
</div>
</center>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:06
- Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'/>
<link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css" />
<style type="text/css">
/*bases*/
a, a:link, a:hover { text-decoration: none; text-transform: lowercase; color: #ED8A97; }
a:hover { opacity: 0.7; }
/*onglets*/
.onglets { }
.onglet { display:inline-block; cursor:pointer; font-family: 'Pathway Gothic One'; text-transform: uppercase; font-size: 14px; }
.onglet_0 { padding-top:4px; padding-right: 3px; padding-left: 3px; }
.onglet_1{ padding-top:4px; padding-right: 3px; padding-left: 3px; opacity: 0.5; }
.contenu_onglets { text-align: center; font-size: 10px; }
.contenu_onglet { display: none; }
</style>
<script language="javascript" src="http://blackheart.forumactif.fr/12979.js"></script>
<center><div class="systeme_onglets">
<center><div class="onglets" align="center">
<span class="onglet_0 onglet" id="onglet_staff1" onclick="javascript:change_onglet('staff1');">Onglet 1</span>
<span class="onglet_0 onglet" id="onglet_staff2" onclick="javascript:change_onglet('staff2');">Onglet 2</span>
</div>
</center>
<center><div class="contenu_onglets" align="center">
<div class="contenu_onglet" id="contenu_onglet_staff1"> test 1
</div>
<div class="contenu_onglet" id="contenu_onglet_staff2"> test 2
</div>
</div></center>
<script type="text/javascript">
//<!--
var anc_onglet = 'staff1';
change_onglet(anc_onglet);
//-->
</script>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:07
- Code:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css" /> <link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css" /> <script src="http://blackheart-tm.forumgratuit.org/19460.js" language="javascript"></script> <style type="text/css">
a { color: #A3CED4; text-decoration: none; }
a:hover { color: #F0D5A8; }
f { font-size: 9px; color: #b0b72a; }
r { font-size: 9px; }
/*scrollbars*/
::-webkit-scrollbar { width: 6px; height: 4px; border-radius: 5px; }
::-webkit-scrollbar-track { background-color: #ffffff; border: 1px #ffffff solid; border-radius: 5px;}
::-webkit-scrollbar-thumb { background-color: #fef6e6; border-radius: 5px; }
/*onglets*/
.onglets { }
.onglet { display: inline-block; cursor: pointer; background: #eaf0e7; font-family: Pathway Gothic One; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding: 5px; border-radius: 5px; }
.onglet_0 { color: #F0D5A8; }
.onglet_1 { color: #D173A5; }
.contenu_onglets { margin-top: 5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #D6CEBF; text-align: center; width: 245px; height: 260px; }
.contenu_onglet { display: none; }
</style>
<div class="systeme_onglets">
<div align="center" class="onglets">
<span onclick="javascript:change_onglet('part1');" id="onglet_part1" class="onglet_1 onglet">Fil d'actu</span><span onclick="javascript:change_onglet('part2');" id="onglet_part2" class="onglet_0 onglet">Dates importantes</span><span onclick="javascript:change_onglet('part3');" id="onglet_part3" class="onglet_0 onglet">Recrutement</span>
</div>
<center>
<div align="center" class="contenu_onglets">
<div id="contenu_onglet_part1" class="contenu_onglet" style="display: block;">
<center>
<table class="twitter" style="width: 235px; height: 220px;">
<tbody>
<tr>
<td>
<a class="twitter-timeline" href="https://twitter.com/oh_my_series" data-widget-id="526069279985123330" data-border-color="#D173A5" style="width: 235px; height: 220px;">Tweets de @oh_my_series</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <style> .twtr-tweet-text {
font-size: 10px;
}
</style>
</td>
</tr>
</tbody>
</table>
</center>
</div>
<div id="contenu_onglet_part2" class="contenu_onglet" style="display: none;">
<center>
<div style="width: 235px; height: 240px; overflow: auto; text-align: justify; padding: 5px;">
<f>20/10/2014 ◊</f> Ouverture du forum. <f>28/01/2015 ◊</f> Niagara devient administratrice. <f>23/02/2015 ◊ </f> shoot., Cee, Morning Rose et Pau0131 deviennent modératrices. <f>15/03/2015 ◊ </f> Version numéro quatre du forum. <a target="_blank" href="http://www.ohmyseries.org/t3150-recap-de-la-mise-a-jour-3"><r>~ Viens découvrir toutes les nouveautés</r></a> <br /> <br />
<center>
<a target="_blank" href="http://ohmyseries.forumactif.org/t358-oh-my-news">◊ plus de nouveautés.</a>
</center>
</div>
</center>
</div>
<div id="contenu_onglet_part3" class="contenu_onglet" style="display: none;">
<center>
<div style="width: 235px; height: 240px; overflow: auto; text-align: justify; padding: 5px;">
<f>15/03 ◊</f> Nous avons besoin de référents séries notamment pour <a href="http://ohmyseries.org/f139-sur-nos-ecrans" target="_blank">les séries en cours de diffusion</a> et plus particulièrement : <em>Arrow</em> (<strong>2</strong>/3) - <em>Chicago Fire</em> (<strong>2</strong>/3) - <em>Chicago P.D.</em> (<strong>2</strong>/3) - <em>Doctor Who</em> (<strong>1</strong>/3) - <em>Game of Thrones</em> (<strong>1</strong>/3) - <em>Grey's Anatomy</em> (<strong>1</strong>/3) - <em>Jane The Virgin</em> (<strong>2</strong>/3) - <em>Once Upon A Time</em> (<strong>1</strong>/3) - <em>Person of Interest</em> (<strong>1</strong>/3) - <em>Pretty Little Liars</em> (<strong>1</strong>/3) - <em>Supernatural</em> (<strong>2</strong>/3) - <em>The 100</em> (<strong>1</strong>/3) - <em>The Flash</em> (<strong>2</strong>/3) - <em>The Vampire Diaries</em> (<strong>1</strong>/3) - <em>The Walking Dead</em> (<strong>2</strong>/3) <a href="http://ohmyseries.forumactif.org/t302-demander-a-etre-referent-series" target="_blank">◊ faire ta demande.</a>
</div>
</center>
</div>
<script type="text/javascript">
//<!--
var anc_onglet = 'part1';
change_onglet(anc_onglet);
//-->
</script>
</div>
</center>
</div>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:07
- Code:
<title>le super staff</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css" /> <link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css" /> <style type="text/css">
*{
margin:0;
padding:0;
list-style:none;
}
/*bases*/
.titrep { font-family: 'Pathway Gothic One'; font-size: 20px; line-height: 20px; letter-spacing: -1px; text-transform: lowercase; color: #D073A4!important; }
.sstitrep { text-align:center; text-transform:uppercase; font-size: 9px; word-spacing:-1px; line-height: 9px; }
a, a:link, a:hover { text-decoration: none!important; color: #A3CED4; }
a:hover { word-spacing: -1px; opacity: 0.4; color: #F0D5A8; }
.iconad { height: 55px; width: 55px; opacity: 0.9; border-radius: 5px; }
.iconad:hover { opacity: 0.6; }
.icon { height: 40px; width: 40px; opacity: 0.9; border-radius: 5px; }
.icon:hover { opacity: 0.6; }
/*staff onglets*/
.onglets { }
.onglet { display:inline-block; cursor:pointer; }
.onglet_0 { padding-top:4px; }
.onglet_1{ padding-top:4px;}
.contenu_onglet { float: center; background: #ffffff; width: 175px; height: 50px; border-radius: 5px; display:none; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; letter-spacing: 1px; text-transform: lowercase; line-height: 9px; color: #D6CEBF; }
pst { color: #b0b72a; }
abs { color: #d94345; }
red { color: f58251; }
</style> <script language="javascript" src="http://snow-falls.forumactif.fr/10252.js"></script>
<center>
<div class="systeme_onglets">
<center>
<div class="onglets" align="center">
<span class="onglet_0 onglet" id="onglet_général" onclick="javascript:change_onglet('général');"> </span> <span class="onglet_0 onglet" id="onglet_staff1" onclick="javascript:change_onglet('staff1');"><img src="http://img15.hostingpics.net/pics/353230VodkaParadise.png" class="iconad" title="administratrice" /></span> <span class="onglet_0 onglet" id="onglet_staff2" onclick="javascript:change_onglet('staff2');"><img src="http://img11.hostingpics.net/pics/180601icon2.png" class="iconad" title="administratrice" /></span> <span class="onglet_0 onglet" id="onglet_staff3" onclick="javascript:change_onglet('staff3');"><img src="http://i1330.photobucket.com/albums/w566/witchbred/BABYLONFELL/BLOODYSHIRTS/ICON%20POST%203/5_zpsa49f6650.png" class="iconad" title="administratrice" /></span>
</div>
</center>
<center>
<div class="contenu_onglets" align="center">
<div class="contenu_onglet" id="contenu_onglet_staff1">
<span class="titrep">blackheart. </span>
<div class="sstitrep">
Charline - Administratrice.
</div>
<pst>Présente</pst> ◊ <a href="http://ohmyseries.forumactif.org/privmsg?mode=post&u=2" target="_blank">MP</a> ◊ <a href="http://ohmyseries.forumactif.org/u2" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff2">
<span class="titrep">peaky blue. </span>
<div class="sstitrep">
Mathilde - Administratrice.
</div>
<pst>Présente</pst> ◊ <a href="http://ohmyseries.forumactif.org/privmsg?mode=post&u=10" target="_blank">MP</a> ◊ <a href="http://ohmyseries.forumactif.org/u10" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff3">
<span class="titrep">Niagara </span>
<div class="sstitrep">
Elly - Administratrice.
</div>
<pst>Présente</pst> ◊ <a href="http://ohmyseries.forumactif.org/privmsg?mode=post&u=48" target="_blank">MP</a> ◊ <a href="http://ohmyseries.forumactif.org/u48" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff4">
<span class="titrep">Morning Rose</span>
<div class="sstitrep">
Lorine - Modératrice.
</div>
<abs>Absente</abs> ◊ <a href="http://www.ohmyseries.org/privmsg?mode=post&u=18" target="_blank">MP</a> ◊ <a href="http://www.ohmyseries.org/u18" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff5">
<span class="titrep">Shaw</span>
<div class="sstitrep">
Cendyi - Modératrice.
</div>
<pst>Présente</pst> ◊ <a href="http://www.ohmyseries.org/privmsg?mode=post&u=33" target="_blank">MP</a> ◊ <a href="http://www.ohmyseries.org/u33" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff6">
<span class="titrep">Cee</span>
<div class="sstitrep">
Cécile - Modératrice.
</div>
<pst>Présente</pst> ◊ <a href="http://www.ohmyseries.org/privmsg?mode=post&u=19" target="_blank">MP</a> ◊ <a href="http://www.ohmyseries.org/u19" target="_blank">PROFIL</a>.
</div>
<div class="contenu_onglet" id="contenu_onglet_staff7">
<span class="titrep">Pau0131</span>
<div class="sstitrep">
Pauline - Modératrice.
</div>
<pst>Présente</pst> ◊ <a href="http://www.ohmyseries.org/privmsg?mode=post&u=135" target="_blank">MP</a> ◊ <a href="http://www.ohmyseries.org/u135" target="_blank">PROFIL</a>.
</div>
</div>
</center>
<center>
<div class="onglets" align="center">
<span class="onglet_0 onglet" id="onglet_staff4" onclick="javascript:change_onglet('staff4');"><img src="http://image.noelshack.com/fichiers/2015/09/1424715300-tumblr-njm7jn2jxr1s3p63do4-250.jpg" class="icon" title="modératrice" /></span> <span class="onglet_0 onglet" id="onglet_staff5" onclick="javascript:change_onglet('staff5');"><img src="http://img15.hostingpics.net/pics/131776POIPA.jpg" class="icon" title="modératrice" /></span> <span class="onglet_0 onglet" id="onglet_staff6" onclick="javascript:change_onglet('staff6');"><img src="http://i58.tinypic.com/jjagly.png" class="icon" title="modératrice" /></span> <span class="onglet_0 onglet" id="onglet_staff7" onclick="javascript:change_onglet('staff7');"><img src="http://i38.servimg.com/u/f38/18/44/43/47/th/sans_t11.png" class="icon" title="modératrice" /></span>
</div>
</center>
</div>
</center>
<script type="text/javascript">
//<!--
var anc_onglet = 'staff1';
change_onglet(anc_onglet);
//-->
</script>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:08
- Code:
<meta content="text/html; charset=utf-8" http-equiv="content-type" /> <meta content="text/javascript" http-equiv="content-script-type" /> <meta content="text/css" http-equiv="content-style-type" /> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" /> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <style type="text/css">
*{
margin:0;
padding:0;
list-style:none;
}
/*bases*/
.fond { width: 180px; margin-top: -7px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; line-height: 12px; text-align: justify; color: #D6CEBF; }
a, a:link, a:hover { text-decoration: none!important; color: #A3CED4; }
a:hover { color: #A3CED4; }
.part { font-size: 12px; color: #A3CED4; }
.part:hover { color: #D073A4; }
.partfree { font-size: 12px; color: #D6CEBF; }
.partfree:hover { color: #D6CEBF; }
#menu { -webkit-rtl-ordering: logical; -webkit-appearance: menulist;
box-sizing: border-box; position: absolute; }
#menu ul{ padding: 0px; list-style-type: none; margin: 0px; }
#menu dl { float: center; width: 150px; margin-top: 5px; }
#menu dt { background: #ffffff; border: 1px solid #91cec8; font-family: Verdana,Arial,Helvetica,sans-serif; color: black; text-align: center; font-size: 10px; cursor: pointer; padding: 2px; }
#menu dt:hover{ }
#menu dd { display: block; list-style-type: none; position: absolute; z-index: 999; width: 148px; border: 1px solid #91cec8; border-top: none; background: #ffffff; }
#menu li { background: #ffffff; list-style-type: none; text-align: center; margin: 0px; padding: 0px; }
#menu li a, #menu dt a { background: #ffffff; list-style-type: none; text-decoration: none; display: block; font-family: Verdana,Arial,Helvetica,sans-serif; color: black; font-size: 10px; border: 0 none; margin: 0px; padding: 0px; }
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus { text-align: center; cursor: pointer; color: #5cada5; margin: 0px; padding: 0px; list-style-type: none;}
</style> <script> $(function(){ $("#menu dl").hover(function(){$("#menu dl dd").slideUp("500");$(this).find("dd").stop(true,true).slideDown("500");},function(){$(this).find("dd").slideUp("500");}); }); </script>
<center>
<div class="fond">
<center>
<br /> <a href="http://yourdesigndiary.weebly.com/" class="part" title="Your Design Diary" target="_blank">★</a> <a href="http://be-us.forumactif.org/" class="part" title="Between US" target="_blank">★</a> <a href="http://www.jessica-capshaw-france.fr/" class="part" title="Jessica Capshaw France" target="_blank">★</a> <a href="http://obsession27.free.fr/" class="part" title="Obsession27" target="_blank">★</a> <a href="http://callzonafrance.forum-canada.net/" class="part" title="Callzona France" target="_blank">★</a> <a href="http://dinguedeserietele.activebb.net/" class="part" title="Dingues de séries TV" target="_blank">★</a> <a target="_blank" title="Arrow Flash France" class="part" href="http://arrow-flash-france.forumactif.org/">★</a> <a target="_blank" title="Person of Interest France" class="part" href="http://personofinterest.fra.co/">★</a> <a href="http://animals-land.forumotion.com/" class="part" title="Petites Bêtes du Monde" target="_blank">★</a> <a class="partfree">✰</a> <br /><a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <br /> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <a class="partfree">✰</a> <select onchange="window.open(this.value); return false;" style="width: 150px; margin-top: 5px; margin-bottom: 5px; font-size: 10px;">
<option selected="selected">La crème rpgique</option>
<option value="http://avada-kedavra.forumgratuit.org/">Avada Kedavra</option>
<option value="http://bloodandpleasure.forumactif.com/">Drag me to hell</option>
<option value="http://lux-vitae.forumactif.org/">Lux Vitae</option>
<option value="http://marvel-legacy.forumactif.org/">Marvel Legacy</option>
<option value="http://omagosan-strana.forumactif.org/">Omag'osan Strana</option>
<option value="http://pixie-dust.forumactif.org/">Pixie Dust</option>
<option value="http://screw-destiny.forumactif.com/">Screw Destiny</option>
<option value="http://staytherefreakup.forumactif.com/">Stay there, freak up</option>
<option value="http://www.the-hundred.org/">The Hundred</option>
<option value="http://www.thepricemustbepaid.net/">The price must be paid</option>
<option value="http://www.yesyou-can.com/">Yes, you can</option>
<option value="http://www.your-family-tree.net/">Your Family Tree</option>
</select><br /><a href="http://ohmyseries.forumactif.org/t340-listing-de-nos-partenaires" target="_blank">plus</a> ~ <a href="http://ohmyseries.forumactif.org/t338-les-demandes-de-partenariat" target="_blank">demander</a> ~ <a href="http://ohmyseries.forumactif.org/t345-nos-boutons-notre-fiche" target="_blank">boutons/fiche</a>.
</center>
</div>
</center>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:08
- Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'/>
<style type="text/css">
a:link { cursor: crosshair; }
/*bases*/
a, a:link, a:hover { text-decoration: none!important; color: #A3CED4; }
a:hover { color: #F0D5A8; }
.img1 { width: 20px; }
.cadre1 { background: #F9FAF7; width: 200px; height: 118px; padding: 5px; color: #D6CEBF; }
.info { position: relative; text-decoration: none; color: #D6CEBF; font-family: Pathway Gothic One; text-transform: lowercase; margin-left: 5px; margin-right: 5px; }
.info span { display: none; }
.info:hover { z-index: 500; }
.info:hover span { display: inline; position: absolute; white-space: nowrap; top: 40px; left: 0px; background: #ffffff; padding: 3px; border-radius: 3px; text-transform: uppercase; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; }
g1 { color : #acb40d; }
g2 { color: #e7da4e; }
g3 { color: #8c9218; }
g4 { color: #d2c107; }
.pa3 { font-family: Pathway Gothic One; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-align: center; color: #D073A4; }
</style>
<center>
<div class="cadre1"><div class="pa3" style="margin-bottom: 10px;">La coupe kcaps</div>
<center>
<table>
<tbody>
<tr>
<td>
<div class="info" style="text-align: center;">
<img src="http://img15.hostingpics.net/pics/710869eaters.png" class="img1" />
<br />
<g1>Eaters</g1><span> 5 178 pts </span>
</div>
</td>
<td>
<div class="info" style="text-align: center;">
<img src="http://img15.hostingpics.net/pics/199032lovers.png" class="img1" />
<br /><g2>Lovers</g2><span> 5 186 pts </span>
</div>
</td>
<td>
<div class="info" style="text-align: center;">
<img src="http://img15.hostingpics.net/pics/666417talkers.png" class="img1" />
<br /><g3>Talkers</g3><span> 4 996 pts </span>
</div>
</td>
<td>
<div class="info" style="text-align: center;">
<img src="http://img15.hostingpics.net/pics/386560watchers.png" class="img1" />
<br /><g4>Watchers</g4><span> 6 314 pts </span>
</div>
</td>
</tr>
</tbody>
</table>
<div style="text-align: center; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; text-transform: uppercase; margin-top: 15px;">
Les gagnants de la semaine 19 sont <strong>les watchers</strong>. Félicitations ! <a target="_blank" href="http://www.ohmyseries.org/t810-flood-de-la-kcaps"> - les féliciter.</a>
</div>
</center>
</div>
</center>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:09
- Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css" /> <link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css" /><style type="text/css">
.body, .body a { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #D6CEBF; line-height: 12px; }
a:link { cursor: crosshair; }
a, a:link, a:hover { text-decoration: none!important; color: #A3CED4!important; }
a:hover { color: #F0D5A8!important; }
u { font-family: Pathway Gothic One; color: #b0b72a; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none!important; }
</style>
<table>
<tbody>
<tr>
<td style="height: 125px; padding-right: 5px; border-right: 1px dashed #F0D5A8; line-height: 12px;" valign="top">
<div class="body" style="margin-top: -5px;">
<a href="http://www.ohmyseries.org/t3150-recap-de-la-mise-a-jour-3" target="_blank">◊ Recap de la mise à jour 3</a> <br /><a href="http://www.ohmyseries.org/t3129-04-the-walking-series" target="_blank">◊ Commenter le design 4</a> <br /><a href="lhttp://www.ohmyseries.org/t3127-devenir-chef-de-team" target="_blank">◊ Devenir chef de team Avril</a> <br /><a href="http://www.ohmyseries.org/t3128-animation-trois-cluedo-party" target="_blank">◊ Animation 3 : Cluedo Party</a> <br /><a href="http://www.ohmyseries.org/t3289-concours-d-ecriture-1-in-the-walking-dead" target="_blank">◊ Concours d'écriture</a> <br /><a href="http://www.ohmyseries.org/f144-lumiere-sur" target="_blank">◊ Lumière sur : Friends</a> <br /><a href="http://www.ohmyseries.org/t3081-la-serie-la-plus-decevante-de-2014" target="_blank">◊ Sondage : Déception série 2014</a> <br /><a href="http://www.ohmyseries.org/t3082-la-serie-dont-vous-attendez-le-retour-avec-impatience" target="_blank">◊ Sondage : Série la plus attendue</a> <br /><a href="http://www.ohmyseries.org/t3083-le-meilleur-leader-dans-une-serie" target="_blank">◊ Sondage : Leader série</a> <br /><a href="http://www.ohmyseries.org/t2033-animation-deux-n-oubliez-pas-les-citations#46631" target="_blank">◊ Résultats de l'animation 2</a>
</div>
</td>
<td style="height: 125px; padding-left: 10px; line-height: 12px;" valign="top">
<div class="body">
<span style="text-decoration: underline;">Les sujets mis en avant : </span> <br /><a target="_blank" href="http://www.ohmyseries.org/t192-">◊ Série "Sur nos écrans" : Vikings </a> <br /><a target="_blank" href="http://www.ohmyseries.org/t237-">◊ Série "En production" : Les Revenants </a> <br /><a target="_blank" href="http://www.ohmyseries.org/t112-">◊ Série "Terminée" : Chuck </a> <br /><a target="_blank" href="http://www.ohmyseries.org/t1833-">◊ "Future" série : Younger </a> <br /><a target="_blank" href="http://www.ohmyseries.org/t2629-">◊ Squad : Clexa </a> <br /><a target="_blank" href="http://www.ohmyseries.org/t3398-">◊ Marathon : You win or you die </a> <br /><a target="_blank" href="http://www.ohmyseries.org/t1547-">◊ Personnage : Norman Bates </a> <br /><a target="_blank" href="http://www.ohmyseries.org/t2889-">◊ Personnage série terminée : Max Evans </a>
</div>
</td>
</tr>
</tbody>
</table>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:09
- Code:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Playfair+Display" /> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" /><style type="text/css">
.body, .body a { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #D6CEBF; line-height: 12px; }
a:link { cursor: crosshair; }
a, a:link, a:hover { text-decoration: none!important; color: #A3CED4!important; }
a:hover { color: #F0D5A8!important; }
.fond { }
.img1 { background: #F9FAF7; padding: 5px; height: 120px; border-radius: 5px; }
.cadre1 { background: #F9FAF7; padding: 5px; width: 560px; height: 120px; overflow: auto; border-radius: 5px; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 12px; font-size: 11px; color: #D6CEBF; text-align: justify; }
.titre { text-align: center; font-size: 30px; font-family: Pathway Gothic One; text-transform: uppercase; line-height: 30px; }
.sstitre { text-align: center; font-family: Pathway Gothic One; color: #D6CEBF; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none!important; }
g1 { color : #acb40d; }
g2 { color: #e7da4e; }
g3 { color: #8c9218; }
g4 { color: #d2c107; }
.sstitre1 { font-family: Pathway Gothic One; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-align: center; color: #D073A4; }
/*scrollbars*/
::-webkit-scrollbar { width: 6px; height: 4px; border-radius: 5px; }
::-webkit-scrollbar-track { background-color: #ffffff; border: 1px #ffffff solid; border-radius: 5px;}
::-webkit-scrollbar-thumb { background-color: #d0e6e9; border-radius: 5px; }
</style>
<center>
<div class="fond">
<table>
<tbody>
<tr>
<td>
<img class="img1" src="http://i19.servimg.com/u/f19/17/31/97/86/88424010.png" />
</td>
<td>
<div class="cadre1">
<div class="titre">
<g1>Lynelf</g1>
</div>
<div class="sstitre">
Gwendoline ◊ Inscrite depuis le 10/02/2015 ◊ Eaters
</div>
<center>
<a target="_blank" href="http://www.ohmyseries.org/u145">son profil</a> ◊ <a target="_blank" href="http://lynelf.tumblr.com/">petite pub</a>
</center>
<table>
<tbody>
<tr>
<td style="font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; font-size: 10px; color: rgb(214, 206, 191); text-align: justify; padding-right: 10px; width: 40%;" valign="top">
<div class="sstitre1">
Sur OMS
</div>
Lynelf est <strong>référente séries</strong> de The Flash et How to get away with Murder, et avec ses plus de 1400 messages son rang est <strong>Funny Human</strong>.
</td>
<td style="font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; font-size: 10px; color: rgb(214, 206, 191); text-align: justify; border-left-width: 1px; border-left-style: dashed; border-left-color: rgb(240, 213, 168); padding-left: 10px; width: 60%;" valign="top">
<div class="sstitre1">
Mot du staff
</div>
Gwen nous a rejoint il y a seulement quelques mois, mais très vite elle s'est intégrée sur oms et s'y est sentie chez elle ! Elle n'hésite jamais à nous témoigner son amour pour ses séries préférées. Curieuse et téméraire, elle a tenté plusieurs séries sur le forum depuis son arrivée et nous le fait savoir avec joie ! Son investissement et sa bonne humeur constante ont fait d'elle une previouslyer incontournable du forum. Merci pour tout Gwenichoue ! ♥
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</center>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:10
- Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'/>
<style type="text/css">
.body, .body a { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #D6CEBF; line-height: 12px; }
a:link { cursor: crosshair; }
a, a:link, a:hover { text-decoration: none!important; color: #A3CED4!important; }
a:hover { color: #F0D5A8!important; }
.fond { }
.img1 { background: #F9FAF7; padding: 5px; width: 100px; border-radius: 5px; margin-top: 5px; float: left; margin-right: 5px; }
.cadre1 { background: #F9FAF7; padding: 5px; width: 560px; height: 120px; overflow: auto; border-radius: 5px; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 12px; font-size: 11px; color: #D6CEBF; text-align: justify; }
.titre { text-align: center; font-size: 16px; font-family: Pathway Gothic One; text-transform: uppercase; line-height: 20px; }
.sstitre { text-align: center; font-family: Pathway Gothic One; color: #D6CEBF; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none!important; }
g4 { color: #d2c107; }
.sstitre1 { font-family: Pathway Gothic One; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-align: center; color: #D073A4; }
/*scrollbars*/
::-webkit-scrollbar { width: 6px; height: 4px; border-radius: 5px; }
::-webkit-scrollbar-track { background-color: #ffffff; border: 1px #ffffff solid; border-radius: 5px;}
::-webkit-scrollbar-thumb { background-color: #d0e6e9; border-radius: 5px; }
</style>
<center><div class="fond"><table><tr>
<td width="220" valign="top" style="font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 12px; font-size: 10px; color: #D6CEBF; text-align: justify; padding-right: 10px;"><div class="sstitre1">Top-Série : Friends</div>
<center><a href="http://www.ohmyseries.org/f144-lumiere-sur" target="_blank">Voir la partie lumière sur...</a></center>
<div style="height: 100px; overflow: auto;"><img src="https://33.media.tumblr.com/b63b52bfc29076217707c2506e417577/tumblr_nc5nc5oEeZ1tkwn4bo1_500.gif" class="img1"/> <br/>Monica Geller, une jeune cuisinière d'environ 25 ans, vit dans un appartement situé à Manhattan, dans le Greenwich Village. Un jour, son amie d'enfance, Rachel Green, qu'elle n'avait plus vue depuis des années, lui rend visite après avoir rompu avec son fiancé le jour de leur mariage. Rachel devient alors la nouvelle colocataire de Monica et s’intègre sans problème à son groupe d'amis, composé de : Phoebe Buffay (l'ancienne colocataire de Monica), Ross Geller (le frère de Monica, qui est secrètement amoureux de Rachel depuis le lycée), Chandler Bing (qui est le meilleur ami de Ross depuis l'université) et Joey Tribbiani (le colocataire actuel de Chandler). Ces deux derniers vivent dans l'appartement juste en face de celui de Monica, sur le même palier. La série raconte la vie quotidienne de ces six amis, ainsi que l'évolution de leur vie professionnelle et affective.</div></td>
<td width="220" valign="top" style="font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 12px; font-size: 10px; color: #D6CEBF; text-align: justify; padding-right: 10px;"><div class="sstitre1">Top-Actrice : Lisa Kudrow</div>
<center><a href="http://www.ohmyseries.org/t2654-lisa-kudrow" target="_blank">Voir la fiche actrice</a></center>
<div style="height: 100px; overflow: auto;"><img src="http://image.noelshack.com/fichiers/2015/09/1424951829-2993126667-1-3-qu7dzlrp.gif" class="img1"/> <br/>Ayant commencé sa carrière avec Impulse en 1990 alors qu'elle avait 27 ans, Lisa Kudrow est originaire de Los Angeles (États-Unis). Dans la série Friends elle a joué <a href="lienversficheperso" target="_blank">Phoebe Buffay</a> (ainsi qu'Ursula) de la première à la dixième saison. Actuellement elle joue Fiona Wallice dans Web Therapy.</div> </td>
<td width="220" valign="top" style="font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 12px; font-size: 10px; color: #D6CEBF; text-align: justify; padding-right: 10px;"><div class="sstitre1">Top-Acteur : Matthew Perry</div>
<center><a href="http://www.ohmyseries.org/t2567-matthew-perry" target="_blank">Voir la fiche acteur</a></center>
<div style="height: 100px; overflow: auto;"><img src="http://i.share.pho.to/653c4827_o.gif" class="img1"/> <br/>Ayant commencé sa carrière avec A night in the life of Jimmy Reardon en 1988 alors qu'il avait 19 ans, Matthew Perry est originaire de Williamstown (Massashusetts, États-Unis). Dans la série Friends il a joué <a href="lienversficheperso" target="_blank">Chandler Bing</a> de la première à la dixième saison. Actuellement il joue Oscar Madison dans <a href="http://www.ohmyseries.org/t1830-the-odd-couple" target="_blank">The Odd Couple</a>.</div></td>
</tr></table></div></center>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:10
- Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'/>
<style type="text/css">
.body, .body a { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #D6CEBF; line-height: 12px; }
a:link { cursor: crosshair; }
a, a:link, a:hover { text-decoration: none!important; color: #A3CED4!important; }
a:hover { color: #F0D5A8!important; }
.fond { }
.cadre1 { background: #F9FAF7; padding: 5px; margin: 5px; width: 195px; border-radius: 5px; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 12px; font-size: 11px; text-align: center; }
.cadre2 { background: #F9FAF7; padding: 5px; margin: 5px; width: 95px; border-radius: 5px; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 12px; font-size: 11px; text-align: center; }
.titre { text-align: center; font-size: 16px; font-family: Pathway Gothic One; text-transform: uppercase; line-height: 20px; }
.sstitre { text-align: center; font-family: Pathway Gothic One; color: #D6CEBF; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none!important; }
.sstitre1 { font-family: Pathway Gothic One; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-align: center; color: #D073A4; }
/*scrollbars*/
::-webkit-scrollbar { width: 6px; height: 4px; border-radius: 5px; }
::-webkit-scrollbar-track { background-color: #ffffff; border: 1px #ffffff solid; border-radius: 5px;}
::-webkit-scrollbar-thumb { background-color: #d0e6e9; border-radius: 5px; }
</style>
<center><div class="fond"><table><tr>
<td width="220" valign="top"><div class="sstitre1">Les bases</div>
<a href="http://www.ohmyseries.org/t127-" target="_blank"><div class="cadre1">Les groupes et rangs</div></a>
<a href="http://www.ohmyseries.org/t427-" target="_blank"><div class="cadre1">Le système de points</div></a>
<a href="http://www.ohmyseries.org/t347-" target="_blank"><div class="cadre1">Les référents séries</div></a>
<a href="http://www.ohmyseries.org/t2030-" target="_blank"><div class="cadre1">Les animateurs</div></a>
</td>
<td width="220" valign="top">
<a href="http://www.ohmyseries.org/t270-" target="_blank"><div class="cadre1" style="margin-top: -5px;">Demander une nouvelle série</div></a>
<a href="http://www.ohmyseries.org/t448-" target="_blank"><div class="cadre1">L'agenda de la semaine</div></a>
<a href="http://www.ohmyseries.org/t358-" target="_blank"><div class="cadre1">Oh my news - Les nouveautés</div></a>
<a href="http://www.ohmyseries.org/t271-" target="_blank"><div class="cadre1">Prévenir d'une absence</div></a>
<a href="http://www.ohmyseries.org/t279-" target="_blank"><div class="cadre1">Changer de pseudo</div></a>
</td>
<td width="100" valign="top">
<a href="http://www.ohmyseries.org/f99-" target="_blank"><div class="cadre2" style="margin-top: -5px;">Avatars</div></a>
<a href="http://www.ohmyseries.org/f141-" target="_blank"><div class="cadre2">Signatures</div></a>
<a href="http://www.ohmyseries.org/f13-" target="_blank"><div class="cadre2">Fanarts</div></a>
<a href="http://www.ohmyseries.org/f15-" target="_blank"><div class="cadre2">Fanfictions</div></a>
<a href="http://www.ohmyseries.org/f8-" target="_blank"><div class="cadre2">Journaux séries</div></a>
</td>
<td width="100" valign="top">
<a href="http://www.ohmyseries.org/f145-" target="_blank"><div class="cadre2" style="margin-top: -5px;">Marathons & Challenges</div></a>
<a href="http://www.ohmyseries.org/f35-" target="_blank"><div class="cadre2">Squads</div></a>
<a href="http://www.ohmyseries.org/f105-" target="_blank"><div class="cadre2">Battles</div></a>
</td>
</tr></table></div></center>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:10
- Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css" /> <link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css" /><style type="text/css">
.body, .body a { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #D6CEBF; line-height: 12px; }
a:link { cursor: crosshair; }
a, a:link, a:hover { text-decoration: none!important; color: #A3CED4!important; }
a:hover { color: #F0D5A8!important; }
u { font-family: Verdana,Arial,Helvetica,sans-serif; color: #D6CEBF; font-size: 10px; text-decoration: none!important; }
.cadre1 { background: #FFFFFF; padding: 2px; margin: 3px; width: 195px; border-radius: 5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #D6CEBF; text-align: center; }
/*scrollbars*/
::-webkit-scrollbar { width: 6px; height: 4px; border-radius: 5px; }
::-webkit-scrollbar-track { background-color: #ffffff; border: 1px #ffffff solid; border-radius: 5px;}
::-webkit-scrollbar-thumb { background-color: #d0e6e9; border-radius: 5px; }
g1 { color : #acb40d; text-transform: uppercase; font-family: Pathway Gothic One; font-size: 14px; }
g2 { color: #e7da4e; text-transform: uppercase; font-family: Pathway Gothic One; font-size: 14px; }
g3 { color: #8c9218; text-transform: uppercase; font-family: Pathway Gothic One; font-size: 14px; }
g4 { color: #d2c107; text-transform: uppercase; font-family: Pathway Gothic One; font-size: 14px; }
</style>
<center>
<div class="cadre1" style="margin-top: 10px;">
<g1>Eaters</g1> <br /><a href="http://www.ohmyseries.org/u10" target="_blank">RED.BALLOON</a> - 377 messages <br /> <a href="http://ohmyseries.org/u148" target="_blank">Capraline</a> - 294 messages <br /> <a href="http://ohmyseries.org/u145" target="_blank">Lynelf</a> - 214 messages
</div>
<div class="cadre1">
<g2>Lovers</g2> <br /><a href="http://ohmyseries.org/u122" target="_blank">LovelyPink.</a> - 465 messages
</div>
<div class="cadre1">
<g3>Talkers</g3> <br /><a href="http://www.ohmyseries.org/u234" target="_blank">Zéphyr</a> - 539 messages <br /><a href="http://www.ohmyseries.org/u41" target="_blank">lovenothing</a> - 290 messages <br /><a href="http://www.ohmyseries.org/u135" target="_blank">Pau0131</a> - 268 messages
</div>
<div class="cadre1" style="margin-bottom: 5px;">
<g4>Watchers</g4> <br /><a href="http://www.ohmyseries.org/u33" target="_blank">Shaw</a> - 532 messages<br /> <a href="http://www.ohmyseries.org/u19" target="_blank">Cee</a> - 252 messages <br /><a href="http://www.ohmyseries.org/u270" target="_blank">Violaine</a> - 194 messages
</div>
<u>Vous avez gagné 50 pts ! ♥ </u>
</center>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:11
- Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Playfair+Display" /> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" /> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" /> <style>
a, a:link, a:hover { text-decoration: none!important; color: #D173A5; }
.wrapper{ width: 696px; background: #ffffff; border-radius: 5px; text-align: center; margin-left: -5px; margin-top: -5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #D6CEBF; }
.content{ position:absolute; top:0px; left: 0px; width: 2784px; height: 200px; transition:all 1s ease; clear:both; }
.item{ float:left; width: 696px; height: 200px; position:relative; }
#article1, #article2, #article3, #article4{ overflow:hidden; width: 696px; height: 180px; margin:0 auto; position:relative; }
#article1:target .content{ left:0px; }
.sliderContainer{ position:relative; width: 696px; height: 200px; overflow:hidden; }
#article2:target .content, #article3:target .content, #article4:target .content{ transform: translate(-696px, 0px); -webkit-transform: translate(-696px, 0px); -moz-transform: translate(-696px, 0px); -o-transform: translate(-696px, 0px); -ms-transform: translate(-696px, 0px); }
#article3:target .content{ transform: translate(-1392px, 0px); -webkit-transform: translate(-1392px, 0px); -moz-transform: translate(-1392px, 0px); -o-transform: translate(-1392px, 0px); -ms-transform: translate(-1392px, 0px); }
#article4:target .content{ transform: translate(-2088px, 0px); -webkit-transform: translate(-2088px, 0px); -moz-transform: translate(-2088px, 0px); -o-transform: translate(-2088px, 0px); -ms-transform: translate(-2088px, 0px); }
a{ background: #EAF0E7; color:#fffff; text-decoration: none; font-family: Pathway Gothic One; text-transform: uppercase; font-size: 14px; }
#article4 a,#article3 a, #article2 a, #article1 a{ padding: 5px; border-radius: 5px; position:absolute; bottom:10px; left:55px; }
#article2 a{ position:absolute; bottom:10px; left: 200px; }
#article3 a{ position:absolute; bottom:10px; left: 300px; }
#article4 a{ position:absolute; bottom:10px; left: 380px; }
#article1:target> a, #article2:target> a, #article3:target> a, #article4:target> a{ opacity: 0.5; }
a:hover{ opacity: 0.5; }
</style>
<div class="wrapper">
<div id="article1">
<div id="article2">
<div id="article3">
<div id="article4">
<div class="sliderContainer">
<div class="content">
<div class="item">
<table>
<tbody>
<tr>
<td valign="top">
<iframe frameborder="no" scrolling="no" src="http://www.ohmyseries.org/h19-teams" style="background-color: transparent; height: 140px; width: 220px; overflow: hidden !important;" ;="" allowtransparency="true"> </iframe>
</td>
<td valign="top">
<iframe frameborder="no" scrolling="no" src="http://oms-test.forumactif.org/h9-aso" style="background-color: transparent; width: 470px; height: 190px; overflow: hidden !important;" ;="" allowtransparency="true"> </iframe>
</td>
</tr>
</tbody>
</table>
</div>
<div class="item">
<iframe frameborder="no" scrolling="no" src="http://oms-test.forumactif.org/h13-les-liens-utiles" style="background-color: transparent; width: 680px; height: 190px; overflow: hidden !important;" ;="" allowtransparency="true"> </iframe>
</div>
<div class="item">
<iframe frameborder="no" scrolling="no" src="http://oms-test.forumactif.org/h12-les-tops" style="background-color: transparent; width: 680px; height: 190px; overflow: hidden !important;" ;="" allowtransparency="true"> </iframe>
</div>
<div class="item">
<iframe frameborder="no" scrolling="no" src="http://oms-test.forumactif.org/h11-prev-du-mois" style="background-color: transparent; width: 680px; height: 190px; overflow: hidden !important;" ;="" allowtransparency="true"> </iframe>
</div>
</div>
</div>
<a href="#article4">Lynelf : Le previouslyer de Juin</a>
</div>
<a href="#article3">Les tops</a>
</div>
<a href="#article2">Liens utiles</a>
</div>
<a href="#article1">Actuellement sur OMS</a>
</div>
</div>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Re: Les anciennes pages html
par Admin Jeu 3 Sep - 13:11
- Code:
<meta content="text/html; charset=utf-8" http-equiv="content-type" /> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" /><style type="text/css">
body {
margin: 0 auto;
background-color: #FAEBDA;
}
.fond{
background-image: url(http://nsa38.casimages.com/img/2015/07/30/15073011334730468.png);
background-attachment:scroll;
background-position:top center;
background-repeat:no-repeat;
background-size: 1380px;
color: #7E81B5;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
height:auto;
padding: 10px 0;
margin-top: -100px;
height: 762px;
}
#wrap div#page-body div.post .content{
overflow:visible;
}
div.noprint{
display:none;
}
a,a:hover,a:link{text-decoration:none!important; color: #ED8A97; }
a:link{cursor:pointer;}
#logo-desc{
margin-bottom:50px
}
.page-footer { background-color: #ffffff; height: 35px; width: 100%!important; padding-top: 5px; text-transform: uppercase; font-family: Pathway Gothic One; font-size: 14px; letter-spacing: 5px; color: #f0d8b8; margin-top: -50px; position: absolute; bottom: 0px; opacity: 0.4; position: fixed; text-align: center; }
.contenu { width: 700px; height: 320px; margin-top: 250px; margin-left: -20px; text-align: justify; padding: 10px; }
.img1 { width: 30px; border-radius: 180px; }
.img1:hover { opacity: 0.7; }
#stats td { width: 150px; text-align: center; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: #7E81B5; }
c { font-size: 19pt; }
u { font-family: Pathway Gothic One; text-decoration: none; text-transform: uppercase; font-size: 15pt; color : #F2CA5C; }
/*onglets*/
.onglets { }
.onglet { display:inline-block; cursor:pointer; width: 300px; background-color: #ffffff; margin: 20px 0px 10px; opacity: 0.4; text-align: center; text-transform: uppercase; font-family: Pathway Gothic One; font-size: 18pt; color: #ED8A97; border-radius: 20px; }
.onglet_0 { padding-top:4px; }
.onglet_1{ padding-top:4px; opacity: 0.5; }
.contenu_onglet { float: center; width: 700px; height: 170px; display:none; }
</style>
<div class="fond">
<center>
<div class="contenu">
Ô toi qui est fan de séries. Ô toi qui a déjà versé une larme ou explosé de rire devant ton petit écran. Ô toi qui saoule un peu -beaucoup- ton entourage à monologuer durant des heures sur le nouvel épisode de ta série préférée qui vient enfin de sortir. Ô toi qui a l'âme d'un previouslyer tout simplement. Oh my series c'est le forum qui te ravira. Celui sur lequel tu pourras papoter, partager, t'amuser tout simplement. Mais qu'est-ce que tu fais encore là ? Cours vite rejoindre tous les series addicts qui n'attendent que toi sur OMS ! <script src="http://blackheart.forumactif.fr/12979.js" language="javascript"></script>
<center>
<div class="systeme_onglets">
<center>
<div align="center" class="onglets">
<span onclick="javascript:change_onglet('ong1');" id="onglet_ong1" class="onglet_0 onglet">Oh my series c'est... </span><span onclick="javascript:change_onglet('ong2');" id="onglet_ong2" class="onglet_0 onglet">Actuellement sur Oh my series...</span>
</div>
</center>
<center>
<div align="center" class="contenu_onglets">
<div id="contenu_onglet_ong1" class="contenu_onglet">
<table id="stats">
<tbody>
<tr>
<td>
<c>260</c> <br />Previouslyers
</td>
<td>
<c>393 </c><br />Fiches séries
</td>
<td>
<c>482 </c> <br />Fiches acteurs
</td>
<td>
<c>191</c><br />Fiches films
</td>
<td>
Diverses discussions <br />Des animations<br />Des concours <br /> etc...
</td>
</tr>
</tbody>
</table><br /> <u>Mais c'est surtout bonheur et partage entre previouslyers !</u>
</div>
<div id="contenu_onglet_ong2" class="contenu_onglet">
2
</div>
</div>
</center>
</div>
</center>
<script type="text/javascript">
//<!--
var anc_onglet = 'ong1';
change_onglet(anc_onglet);
//-->
</script>
</div>
<a href="http://www.ohmyseries.org/forum">
<div style="width: 200px; height: 100px; margin-top: 15px; position: relative; left: 300px;">
</div></a>
</center>
<div class="page-footer">
<a target="_blank" href="https://www.facebook.com/pages/Oh-My-Series/1422892161264711?fref=ts"><img class="img1" src="http://img15.hostingpics.net/pics/363209facebook.png" /></a> <a target="_blank" href="https://twitter.com/oh_my_series"><img class="img1" src="http://img15.hostingpics.net/pics/419879twitter.png" /></a> <a target="_blank" href="http://oh-my-series.tumblr.com/"><img class="img1" src="http://img15.hostingpics.net/pics/350449tumblr.png" /></a> <a target="_blank" href="https://www.youtube.com/channel/UCJ_LsibDfcAhdKnSNCQ9AwQ"><img class="img1" src="http://img15.hostingpics.net/pics/965608youtube.png" /></a>
<div style="text-align: right!important; line-height: 0px; margin-top: -10px;">
<a target="_blank" href="http://www.forumactif.com">http://forumactif.com</a>
</div>
</div>
</div>
Admin- Les rangs évolutifs
- Messages : 268
Date d'inscription : 25/09/2014
Feuille de personnage
Ceci est un test:
: -
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|