Partagez | 
 

 ♥ Autres ♥

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


Messages : 21
Date d'inscription : 01/02/2011

MessageSujet: ♥ Autres ♥   Mar 28 Aoû - 16:08


♥ Medaille Olympique ♥


Concours des JO sur CA





Code:
<!DOCTYPE HTML>
<html>
<!--  En-tête -->
<head>
 <meta charset="utf-8" />
 <!--  titre --> <title> Medaille </title>
<!-- CSS -->
<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>
 <!--  Corps, contenu -->
<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>


Dernière édition par Admin le Sam 1 Sep - 1:28, édité 1 fois
Revenir en haut Aller en bas
http://eleonor-test.forumpro.fr
Admin
Admin


Messages : 21
Date d'inscription : 01/02/2011

MessageSujet: Re: ♥ Autres ♥   Sam 1 Sep - 1:26

Ma Galerie



A terminer !




Code:
<!DOCTYPE HTML>
<html>
<!--  En-tête -->
<head>
 <meta charset="utf-8" />
 <!--  titre -->
 <title> Galerie de Reine des Ténèbres </title>
<!-- CSS -->
<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>
Revenir en haut Aller en bas
http://eleonor-test.forumpro.fr
Admin
Admin


Messages : 21
Date d'inscription : 01/02/2011

MessageSujet: Re: ♥ Autres ♥   Mar 4 Sep - 19:16

Archives des commandes sur Gx*S


Simple & Transparent & à Onglets







Code:
<!DOCTYPE HTML>
<html>
<!--  En-tête -->
<head>
<link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'>

 <meta charset="utf-8" />
 <!--  titre -->
 <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>
Revenir en haut Aller en bas
http://eleonor-test.forumpro.fr
Contenu sponsorisé




MessageSujet: Re: ♥ Autres ♥   

Revenir en haut Aller en bas
 
♥ Autres ♥
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Ceux qui veulent réussir trouvent les moyens, les autres trouvent des excuses... - Paeonia
» ※ LA PERSONNE QUI EST TOUJOURS LÀ POUR LES AUTRES
» Megazine 3 : un "flip album"
» Passer un objet devant les autres (ou derrière)
» [résolu]prise usb

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mes Thèmes :: Codage :: Code-
Sauter vers: