♥ Autres ♥

Admin Messages : 24 Date d'inscription : 01/02/2011

♥ Medaille Olympique ♥

Concours des JO sur CA

Code:: <!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8" />
 <title> Medaille </title>

<style type="text/css">
@font-face {
font-family: "Olympiad";
src: url("http://cdn.infographizm.com/fonts/olympiadxxx.eot");
src: url("http://cdn.infographizm.com/fonts/olympiadxxx.eot?#iefix") format("embedded-opentype"),
url("http://cdn.infographizm.com/fonts/olympiadxxx.woff") format("woff"),
url("http://cdn.infographizm.com/fonts/olympiadxxx.ttf") format("truetype"),
url("http://cdn.infographizm.com/fonts/olympiadxxx.svg#olympiadxxx") format("svg");
font-weight: normal;
font-style: normal;
}

.bord
{
color: #dfb537;
font-variant: small-caps;
font-weight: bold;
text-shadow:2px 2px 5px #fff9e8;
background-color: #ffee9d;
border : 3px #dfb537 double;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 1px 1px 12px #a7a7a5;
box-shadow: 1px 1px 12px #a7a7a5;
width: 270px;
height: 270px;

}

.text1
{
font-family: "Olympiad", georgia;
font-size: 60px;
text-align: center;
padding-top: 10px;
margin: 30px 10px -107px -150px;
}

.text2
{
white-space: pre;
font-family: Arial;
font-size: 35px;
text-align: right;
line-height: 50px;
margin: -50px -4px 0px 15px;

}

.an
{
position: relative;
left: -23px;
top: 25px;
font-family: Impact;
font-size: 60px;
font-weight: normal;
letter-spacing: 5px;
text-align: left;
margin: -11px 0px -5px 5px;
}

.bigbox
{
background-color: #fff1ac;
margin : 20px 5px 20px 38px;
padding : 5px;
width: 215px;
height: 210px;
border : 1px #dfb537 solid;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 1px 1px 12px #ebdb91 inset;
box-shadow: 1px 1px 12px #ebdb91 inset;
}
.box1
{
margin-left: 11px;
width: 40px;
height: 40px;
}
.box2
{
margin: -50px 0px 0px 60px;
width: 40px;
height: 40px;
border : 3px #dfb537 double;
}
.box3
{
margin: -62px 0px 0px 105px;
width: 40px;
height: 40px;
border : 3px #dfb537 double;
}
.box4
{
margin-left: 150px;
width: 40px;
height: 40px;
border : 3px #dfb537 double;
}

</style>
</head>

<body>
<div class="bord">
<div class="text1">W</div>
<div class="bigbox">
<div class="box1"> </div>
<div class="text2">Olympiad <br/> London</div>
<div class="box2"> </div>
<div class="an"> 2012 </div>
<div class="box3"> </div>
<div class="box4"> </div>
</div>
</body>
</html>

Admin Messages : 24 Date d'inscription : 01/02/2011

Ma Galerie

A terminer !

Code:: <!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8" />

<title> Galerie de Reine des Ténèbres </title>

<style type="text/css">

div.tout {
width:600px;
margin: 10px; padding: 5px;
background-color: #76d7fb;
border-left: 5px white double;
border-right: 5px white double;
border-radius: 40px 5px 40px 5px;
text-align: center;
-moz-transition : border-radius 2s ease-in 2ms, border 1s linear -1ms;
-webkit-transition :border-radius 2s ease-in 2ms, border 1s linear -1ms;
}
div.tout:hover {
border-radius: 40px;
}
.tete {
border: 2px white dotted;
}

hr {
color: white;
font-size: 10px;
border: 2px white dotted;
}

</style>
</head>
<body><div class="tout">
<center><img src="http://nsm05.casimages.com/img/2012/08/14/12081403330412811110208356.png" class="tete" />
<hr/>

<img src="http://nsm05.casimages.com/img/2012/08/14/12081403442712811110208364.png" /> <img src="http://nsm05.casimages.com/img/2012/08/14/12081403442712811110208364.png" /> <img src="http://nsm05.casimages.com/img/2012/08/14/12081403442712811110208364.png" /> <hr/>
</center></div>
</body>
</html>

Admin Messages : 24 Date d'inscription : 01/02/2011

Archives des commandes sur Gx*S

Simple & Transparent & à Onglets

Code:: <!DOCTYPE HTML>
<html>

<head>
<link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'>

<meta charset="utf-8" />

<title> Commandes du Graphiste </title>

<style type="text/css">

.all {
text-transform : capitalize;
text-align : center;
position : relative;
margin: -5px 1px 1px -5px;
width : 600px;
height : 435px;
padding: 5px;
border: 3px #97b4ed solid;
border-radius : 30px;
-webkit-border-radius : 30px;
box-shadow : 1px 1px 2px #000;
}

table {
color : #000;
background: #cbe4fb;
border : 2px #b4dafe solid;
border-radius : 15px;
-webkit-border-radius : 15px;
box-shadow : 1px 1px 2px #000;

border-spacing: 15px;
border-collapse: separate;
margin : 5px;
padding : 5px;
text-align : center;
position : relative;
}

h1 {
color: #97b4ed;
margin : 5px;
padding-bottom : 10px;

font-family: 'Mr Dafoe', cursive;
font-size: 32px;
text-shadow: 1px -2px 3px #97b4ed;
}

.systab .tab {
color : #fff;
background: #cbe4fb;
border : 2px #97b4ed solid;
border-radius : 15px;
-webkit-border-radius : 15px;
box-shadow : 2px 2px 2px #000;
padding : 5px;
margin : 5px;
}

.systab .tab:hover {
color : #fff;
background: #cbe4fb;

}

.systab .tab.selected{
color : #000;
background: #cbe4fb;
border : 2px #b4dafe solid;
border-radius : 15px;
-webkit-border-radius : 15px;
box-shadow : 1px 1px 2px #000;
}

.systab .contents {

text-align : center;
position : relative;
padding: 10px;
margin : 5px;
}

.credit {
font-size : 10px;
font-family : Trebuchet MS;
margin : -17px 20px ;
text-align : right;

}

.box {
margin: 5px;
width : 250px;
padding: 5px;
border-radius : 30px;
-webkit-border-radius : 30px;

font-family: Monotype Corsiva;
background-color: #cfe8ff;
border: 2px #97b4ed solid;
box-shadow: 2px 2px 3px #000;
-moz-box-shadow: 2px 2px 3px #000;
}

p {
height:150px;
overflow:auto;
}

a {
text-decoration: none;
color: #00407c;
}

hr {
color: #97b4ed;
background-color: #97b4ed;
height: 2px;
border: 0;
}

</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://eleonor-test.own0.com/10565.js"></script>

</head>

<body>
<div class="all">

<h1> Commandes par Reine des Ténèbres </h1>
<hr/><br/>
<div class="systab s_slide">
<div class="selected">
<span>Commandes prises </span>
<table>
<tr>
<td class="box">Date</td>
<td class="box"> Lien de la commande </td>
</tr>

<tr>
<td class="box"><p> 24/07/2012 <br/>
28/08/2012 <br/>
--/--/-- <br/>
--/--/-- <br/>
</p></td>
<td class="box"><p>
<a href="http://www.graphxstyle.com/t4564-kitmarie">Kit Marie... </a> <br/>
<a href=http://www.graphxstyle.com/t4995-reine-commande-pour-megafole">Kit megafole </a> <br/>
<a href=url>Lien </a> <br/></p></td>
</tr>
</table>
</div>
<div>
<span>Commandes en Cours </span>
<table>
<tr>
<td class="box">Date</td>
<td class="box"> Lien de la commande </td>
</tr>

<tr>
<td class="box"><p> --/--/-- <br/>
--/--/-- <br/>
--/--/-- <br/>
--/--/-- <br/>
</p></td>
<td class="box"><p> <a href=url>Lien </a> <br/>
<a href=url>Lien </a> <br/>
<a href=url>Lien </a> <br/>
<a href=url>Lien </a> <br/></p></td>
</tr>
</table>
</div>
<div>
<span>Commandes faites</span>
<table>
<tr>
<td class="box">Date</td>
<td class="box"> Lien de la commande </td>
</tr>

<tr>
<td class="box"><p> 28/07/2012 <br/>
31/08/2012 <br/>
--/--/-- <br/>
--/--/-- <br/>
</p></td>
<td class="box"><p>
<a href="http://www.graphxstyle.com/t4564-kitmarie">Kit Marie... </a> <br/>
<a href=http://www.graphxstyle.com/t4995-reine-commande-pour-megafole">Kit megafole </a> <br/>
<a href=url>Lien </a> <br/>
<a href=url>Lien </a> <br/></p></td>
</tr>
</table>
</div>
</div>
<div class="credit"> By Reine des Ténèbres </div>
</div>
</body>
</html>

Rechercher

Résultats par : Messages Sujets
Recherche avancée