AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 HTML & CSS POUR LES NULS

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

Eric Collins
avatar

boo, the ghost fonda
AVATAR : alexander skarsgard ♥
DC : james bond, blondie & le gigolo
MESSAGES : 2531
AGE : 1 189 ans
UN COEUR : hum... mort? ouais, alors n'espère pas qu'il batte pour toi trésor
PROFESSION : propriétaire d'un bar, être beau - un job à plein temps, shérif du district 5 - eh oui je suis la loi à Shreveport è.é
trouver un remède contre l'ennui perpétuel... done! mais qu'est-ce qu'elle est cette fille?
se dénicher un joli casse-croûte avant que la faim ne nous empêche de réfléchir convenablement
renvoyer l'associer d'où il vient... il était moins chiant quand il était loin =.='
MessageSujet: HTML & CSS POUR LES NULS   Jeu 11 Aoû - 22:26

Parce qu'on vous aime, parce que le html et le css sont merveilleux, mais pas toujours facile à comprendre, voici quelques modèles tout fait pour vos relations et vos topics en général pour ceux qui souhaitent les agrémentés de couleur mais rester dans l'esthétique du forum en tout temps.
Si vous avez des idées, des ajouts, des questions, etc, n'hésitez pas à communiquer avec moi par mp, je me ferai un plaisir de vous répondre dès que j'en aurai le temps ^^


couleurs du thème

Blablabla
Blablabla
Blablabla
Blablabla


Code:
<span class="texte1">[b]Blablabla[/b]</span>
<span class="texte2">[b]Blablabla[/b]</span>
<span class="texte3">[b]Blablabla[/b]</span>
<span class="texte4">[b]Blablabla[/b]</span>

couleurs des groupes

Blablabla
Blablabla
Blablabla
Blablabla
Blablabla
Blablabla

Code:
<span class="vampire">[b]Blablabla[/b]</span>
<span class="loup">[b]Blablabla[/b]</span>
<span class="metamorphe">[b]Blablabla[/b]</span>
<span class="sorcier">[b]Blablabla[/b]</span>
<span class="chasseur">[b]Blablabla[/b]</span>
<span class="humain">[b]Blablabla[/b]</span>


ouverture de topic


titre du topic


Code:
<center><img src="http://i51.tinypic.com/dwqlap.jpg" style="-moz-transform:rotate(-8deg);margin-right:-10px;-moz-box-shadow:0px 0px 5px black;">  <img src="http://i51.tinypic.com/dwqlap.jpg" style="-moz-transform:rotate(10deg);margin-left:-10px;-moz-box-shadow:0px 0px 5px black;">
<span class="titre1">titre du topic</span></center>

gros titre

Blabla

Code:
<span class="titre1">Blabla</span>


Dernière édition par Eric Collins le Mar 16 Aoû - 13:45, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://out-of-the-shadows.forum-canada.com/t6-eric-collins-tu-sais-que-tu-craques-deja-pour-le-geant-du-nord http://out-of-the-shadows.forum-canada.com/t25-eric-collins

Eric Collins
avatar

boo, the ghost fonda
AVATAR : alexander skarsgard ♥
DC : james bond, blondie & le gigolo
MESSAGES : 2531
AGE : 1 189 ans
UN COEUR : hum... mort? ouais, alors n'espère pas qu'il batte pour toi trésor
PROFESSION : propriétaire d'un bar, être beau - un job à plein temps, shérif du district 5 - eh oui je suis la loi à Shreveport è.é
trouver un remède contre l'ennui perpétuel... done! mais qu'est-ce qu'elle est cette fille?
se dénicher un joli casse-croûte avant que la faim ne nous empêche de réfléchir convenablement
renvoyer l'associer d'où il vient... il était moins chiant quand il était loin =.='
MessageSujet: Re: HTML & CSS POUR LES NULS   Jeu 11 Aoû - 22:28

ouverture de fiche de lien

prénom nom

« citation citation citation citation »
blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla

mes liens recherchés

titre au lien●●blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla.●●free or taken for boy or girl

quelques icons




Code:
<div class="fondblock"><center><span class="titre1">prénom nom</span>
<img src="http://i52.tinypic.com/30njaer.jpg">
« <span class="texte2">[b]citation citation citation citation[/b]</span> »</center>blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla
[hr]<center><span class="titre1">mes liens recherchés</span></center>
[b]<span class="texte2">titre au lien</span>[/b]<span class="texte1" style="padding-left:5px;padding-right:5px"><b>●●</b></span>blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla.<span class="texte1" style="padding-left:5px;padding-right:5px"><b>●●</b></span>[b]<span class="texte2">free or taken for boy or girl</span>[/b]</span>
[hr]<center><span class="titre1">quelques icons</span>

[img]http://i51.tinypic.com/dwqlap.jpg[/img] [img]http://i51.tinypic.com/dwqlap.jpg[/img] [img]http://i51.tinypic.com/dwqlap.jpg[/img] [img]http://i51.tinypic.com/dwqlap.jpg[/img] [img]http://i51.tinypic.com/dwqlap.jpg[/img] [img]http://i51.tinypic.com/dwqlap.jpg[/img]</center></div>

vos liens


« prénom nom »
blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla blabla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla blabla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla


Code:
<div class="fondblock"><center><img src="http://i51.tinypic.com/dwqlap.jpg" style="-moz-transform:rotate(-8deg);margin-right:-10px;-moz-box-shadow:0px 0px 5px black;">  <img src="http://i51.tinypic.com/dwqlap.jpg" style="margin-right:-10px;-moz-box-shadow:0px 0px 5px black;">  <img src="http://i51.tinypic.com/dwqlap.jpg" style="-moz-transform:rotate(10deg);margin-left:-10px;-moz-box-shadow:0px 0px 5px black;">
« <span class="titre1">prénom nom</span> » </center><div style="overflow: auto; text-align: justify; height:100px; padding-right:10px;">blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla blabla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla blabla blablabla blabla bla blablabla blabla bla blablabla blabla bla blablabla blabla bla</div></div>

Listing des topics


« chapitres en cours »

chapitre 01
Part 01 ;; titre du sujet ;; ft. Prénom Nom
Part 02 ;; titre du sujet ;; ft. Prénom Nom
Part 03 ;; titre du sujet ;; ft. Prénom Nom

chapitre 02
Part 01 ;; titre du sujet ;; ft. Prénom Nom
Part 02 ;; titre du sujet ;; ft. Prénom Nom
Part 03 ;; titre du sujet ;; ft. Prénom Nom


Code:
<div class="fondblock"><center><img src="http://i51.tinypic.com/dwqlap.jpg" style="-moz-transform:rotate(-8deg);margin-right:-10px;-moz-box-shadow:0px 0px 5px black;">  <img src="http://i51.tinypic.com/dwqlap.jpg" style="margin-right:-10px;-moz-box-shadow:0px 0px 5px black;">  <img src="http://i51.tinypic.com/dwqlap.jpg" style="-moz-transform:rotate(10deg);margin-left:-10px;-moz-box-shadow:0px 0px 5px black;">
« <span class="titre1">chapitres en cours</span> » </center><div style="overflow: auto; text-align: justify; height:100px; padding-right:10px;">
<span class="titre1" style="padding-left:25px"><span class="texte3">chapitre 01</span></span>
Part 01 ;; [url=http://out-of-the-shadows.forum-canada.com/]titre du sujet[/url] ;; ft. Prénom Nom
Part 02 ;; [url=http://out-of-the-shadows.forum-canada.com/]titre du sujet[/url] ;; ft. Prénom Nom
Part 03 ;; [url=http://out-of-the-shadows.forum-canada.com/]titre du sujet[/url] ;; ft. Prénom Nom</div></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://out-of-the-shadows.forum-canada.com/t6-eric-collins-tu-sais-que-tu-craques-deja-pour-le-geant-du-nord http://out-of-the-shadows.forum-canada.com/t25-eric-collins
 

HTML & CSS POUR LES NULS

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
Out of the Shadows ::  :: le journal de bord :: les relations-