Partagez | 
 

 Journal #1

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

avatar

JE SUIS.. Invité !
Invité




profil +

MessageSujet: Journal #1   Jeu 7 Mar - 20:02


Citation :
Je vous rappelle que vous n'avez pas le droit de modifier mes codes. Juste les textes/images et les couleurs, mais pas le code en lui-même. Merci de votre compréhension. Certains de mes codes sont signés avec mon site web, don't worry. ~ On n'oublie pas de créditer !
00 Mois 2013
Ecrire ici un titre


Par Disenchanted-Wonderland

Code de journal, n'hésitez pas à changer les couleurs ! ♥

HTML + CSS
Code:
<div style="font-family: Verdana; float:left;position:relative;width: 80px;height: 25px;padding-top: 50px;padding-left: 5px;background-color: #cbd0e5;border: 1px solid #cbd0e5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;"><span style="font-size:45px;line-height:45px;position:absolute; left:5px; top:0px;">00</span> <span style="text-transform: uppercase;font-size:25px;">Mois</span> <span style="display:block; position:absolute; top:15px;right: -2px;-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);">2013</span></div><div style="margin-left: 100px;width: 370px; min-height: 400px;padding: 10px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-color: #E8E8E8;border: 1px solid #c2c2c2;"><div style="background-color: white;padding: 5px;width: 360px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-transform: uppercase;color: #cbd0e5;font-weight: bold;font-style: italic;">Ecrire ici un titre</div>
<center><img src="http://24.media.tumblr.com/tumblr_m8bw46pXfi1rwl1aso1_500.gif" style="padding: 3px;border: 1px solid #c2c2c2;background-color: white;width: 350px;" /><br /><span style="font-size: 8px;">Par <a href="http://www.disenchanted-wonderland.com/">Disenchanted-Wonderland</a></span></center>
Code de journal, n'hésitez pas à changer les couleurs ! ♥</div>
HTML
Code:
<div class="date"><span class="jour">00</span> <span class="mois">Mois</span> <span class="annee">2013</span></div><div class="journal"><div class="titrejournal">Ecrire ici un titre</div>
<center><img src="http://24.media.tumblr.com/tumblr_m8bw46pXfi1rwl1aso1_500.gif" class="imagejournal" /><br /><span style="font-size: 8px;">Par <a href="http://www.disenchanted-wonderland.com/">Disenchanted-Wonderland</a></span></center>
Ecrire ici un texte !</div>
CSS
Code:
.date {
font-family: Verdana;
float: left;
position:relative;
width: 80px;
height: 25px;
padding-top: 50px;
padding-left: 5px;
background-color: #cbd0e5;
border: 1px solid #cbd0e5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.date .mois {
text-transform: uppercase;
font-size:25px;
}

.date .jour {
font-size:45px;
line-height:45px;
position:absolute;
left:5px;
top:0px;
}

.date .annee {
display:block;
position:absolute;
top:15px;
right: -2px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}

.journal {
margin-left: 100px;
width: 370px;
min-height: 400px;
padding: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: #E8E8E8;
border: 1px solid #c2c2c2;
}

.titrejournal {
background-color: white;
padding: 5px;
width: 360px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-transform: uppercase;
color: #cbd0e5;
font-weight: bold;
font-style: italic;
}

.imagejournal {
padding: 3px;
border: 1px solid #c2c2c2;
background-color: white;
width: 350px;
}
Revenir en haut Aller en bas

avatar

JE SUIS.. Invité !
Invité




profil +

MessageSujet: Re: Journal #1   Ven 8 Mar - 16:05


Merci du partage ! :3
Très joli code en passant !
Revenir en haut Aller en bas

avatar

JE SUIS.. Invité !
Invité




profil +

MessageSujet: Re: Journal #1   Ven 8 Mar - 16:47


De rien
Revenir en haut Aller en bas



JE SUIS.. Contenu sponsorisé !





profil +

MessageSujet: Re: Journal #1   


Revenir en haut Aller en bas
 

Journal #1

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Heart Art :: Archives LS :: Codage-