AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 C. HTML & CSS POUR LES NULS

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

Noah L. Reed
avatar

Boo the ghost fonda
Avatar : sean patrick flanery ♥♥♥
Messages : 191
Âge : 43 ans
État Civil : séparé! faites signe si vous voyez mme reed qu'il puisse divorcer!
Profession : proprio d'une orangeraie, d'une écurie, d'un bar, investisseur dans les entreprises de la ville et le reste du temps juste un awesome cowboy with an handsome cheval!
Mes colloques : une adorable fille trop parfaite et un little bro' de la muerto! ... oh et un mollusque qui se pense dur à cuire qu'on ne saurait tarder à éduquer!
Me rejoindre : sur mon phone pour tout et n'importe quoi, acceptation garantie sans visite d'un représentant! et sinon, tu peux toujours m'envoyer un mail Gustave!
Mon secret : chelsea n'est pas la fille biologique de celle qu'elle appelle maman... sa véritable mère est décédée à l'accouchement

THINGS I HAVE TO DO
Instaurer la règle trente-sept qui dit que papa est cool même avec un sombrero sur la tête en exécutant -avec brio évidemment- la danse des canards!
Instaurer la règle onze qui dit que Reed Jr. n'a plus le droit de donner des conséquences qui impliquent un sombrero et la danse des canards lorsque papa perd son pari =.=
MessageSujet: C. HTML & CSS POUR LES NULS   Ven 1 Juin - 14:20

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

Code:
<span class="kid">[b]Blablabla[/b]</span>
<span class="teen">[b]Blablabla[/b]</span>
<span class="youngadult">[b]Blablabla[/b]</span>
<span class="adult">[b]Blablabla[/b]</span>
<span class="old">[b]Blablabla[/b]</span>

formes de titre

Blablabla
Blablabla
Blablabla

Code:
<span class="titre1">Blablabla</span>
<span class="titre2">Blablabla</span>
<span class="titre3">Blablabla</span>

ouverture de topic


titre du topic

Code:
<center><img src="http://i47.tinypic.com/1125029.jpg" style="-moz-transform:rotate(-8deg);margin-right:-10px;">  <img src="http://i47.tinypic.com/1125029.jpg" style="-moz-transform:rotate(10deg);margin-left:-10px">
<span class="titre2">titre du topic</span></center>

signature


blablabla blabla bla blabla bla blablabla blabla bla blabla bla blablabla blabla bla blabla bla blablabla blabla bla blabla bla blablabla blabla bla blabla bla blablabla blabla bla blabla bla blablabla blabla bla blabla bla

Code:
<center><table width="400" class="sign"><tr><td><img src="http://i42.tinypic.com/2ymvknl.jpg"><iframe width="400" height="24" src="http://www.youtube.com/embed/f-yQQT1IvqI" frameborder="0" allowfullscreen></iframe><hr><div align="justify" style="padding-left:5px;padding-right:5px;padding-bottom:3px;line-height:12px"><font face="arial" style="font-size: 8pt">blablabla blabla bla blabla bla blablabla blabla bla blabla bla blablabla blabla bla blabla bla blablabla blabla bla blabla bla blablabla blabla bla blabla bla blablabla blabla bla blabla bla blablabla blabla bla blabla bla</font></div></td></tr></table></center>



it was one time, one! this kid insult the old betty –yeah the car have a name so what– and i had no choice but educate him a little bit… why a race? honestly, sheriff, i didn’t think you were here! ... oh and, if we can not tell about this to my daughter or my brother... =.=


Dernière édition par Noah L. Reed le Dim 3 Juin - 9:52, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://yousworeyounevertell.forum-canada.com/t265-noah-luka-reed-the-weird-cowboy-of-pinecrest http://yousworeyounevertell.forum-canada.com/t288-noah-l-reed http://www.fanfiction.net/s/8117313/1/Between_live_and_survive

Noah L. Reed
avatar

Boo the ghost fonda
Avatar : sean patrick flanery ♥♥♥
Messages : 191
Âge : 43 ans
État Civil : séparé! faites signe si vous voyez mme reed qu'il puisse divorcer!
Profession : proprio d'une orangeraie, d'une écurie, d'un bar, investisseur dans les entreprises de la ville et le reste du temps juste un awesome cowboy with an handsome cheval!
Mes colloques : une adorable fille trop parfaite et un little bro' de la muerto! ... oh et un mollusque qui se pense dur à cuire qu'on ne saurait tarder à éduquer!
Me rejoindre : sur mon phone pour tout et n'importe quoi, acceptation garantie sans visite d'un représentant! et sinon, tu peux toujours m'envoyer un mail Gustave!
Mon secret : chelsea n'est pas la fille biologique de celle qu'elle appelle maman... sa véritable mère est décédée à l'accouchement

THINGS I HAVE TO DO
Instaurer la règle trente-sept qui dit que papa est cool même avec un sombrero sur la tête en exécutant -avec brio évidemment- la danse des canards!
Instaurer la règle onze qui dit que Reed Jr. n'a plus le droit de donner des conséquences qui impliquent un sombrero et la danse des canards lorsque papa perd son pari =.=
MessageSujet: Re: C. HTML & CSS POUR LES NULS   Ven 1 Juin - 14:20

open fiche de liens


Prénom Prénom Nom

trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;;
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

search for

titre 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 ;; free or taken
titre 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 ;; free or taken
some icons


Code:
<div class="block1"><center><img src="http://i49.tinypic.com/ev3wv7.jpg">
<span class="titre1" style="line-height:2px;">Prénom Prénom Nom</span>

<span class="titre3">trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;; trait de caractère ;;</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 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
[hr]<center><table width="100%"></tr><td width="49%"><span class="titre1">search for</span>
<div style="height:200px;overflow:auto;font-size:11px"> [justify]
<span class="titre3">titre lien ;; </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<span class="texte1"> ;; free or taken</span>
<span class="titre3">titre lien ;; </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<span class="texte1"> ;; free or taken</span>[/justify]</div></td><td width="1%"></td><td width="49%"><span class="titre1">some icons</span>
<div style="overflow: auto; text-align: justify; height:200px; padding-right:10px;">[center][img]http://i47.tinypic.com/1125029.jpg[/img] [img]http://i47.tinypic.com/1125029.jpg[/img] [img]http://i47.tinypic.com/1125029.jpg[/img] [img]http://i47.tinypic.com/1125029.jpg[/img] [img]http://i47.tinypic.com/1125029.jpg[/img] [img]http://i47.tinypic.com/1125029.jpg[/img] [/center]</div></center></div></td></tr></table></div>

topics en cours et terminés


les pages de ma vie


Part 01 ;; titre du topic
ft. Prénom P. Nom ;; statu
Part 02 ;; titre du topic
ft. Prénom P. Nom ;; statu
Part 03 ;; titre du topic
ft. Prénom P. Nom ;; statu
Part 04 ;; titre du topic
ft. Prénom P. Nom ;; statu


Code:
<div class="block1"><center><img src="http://i42.tinypic.com/2ymvknl.jpg">
<span class="titre1" style="line-height:2px;">les pages de ma vie</span></span></span> </center>
<div style="overflow: auto; text-align: justify; height:350px; padding-right:10px;">
Part 01 ;; [url=http://yousworeyounevertell.forum-canada.com/]titre du topic[/url]
<span style="padding-left:25px">ft. Prénom P. Nom ;; statu</span>
Part 02 ;; [url=http://yousworeyounevertell.forum-canada.com/]titre du topic[/url]
<span style="padding-left:25px">ft. Prénom P. Nom ;; statu</span>
Part 03 ;; [url=http://yousworeyounevertell.forum-canada.com/]titre du topic[/url]
<span style="padding-left:25px">ft. Prénom P. Nom ;; statu</span>
Part 04 ;; [url=http://yousworeyounevertell.forum-canada.com/]titre du topic[/url]
<span style="padding-left:25px">ft. Prénom P. Nom ;; statu</span>
</div></div>

relations

titre de genre de liens

Prénom P. 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

Prénom P. 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

Prénom P. 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

Prénom P. 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="block1"><center><span class="titre1">titre de genre de liens</span></center>
<span class="titre2" style="padding-left:25px">Prénom P. Nom</span><table><tr><td> <img src="http://i47.tinypic.com/1125029.jpg"/></td><td><div style="height:100px;overflow:auto;font-size:11px"> [justify]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[/justify]</div></td></tr></table>[hr]<div class="titre2" style="padding-right:25px;" align="right">Prénom P. Nom</div><table><tr><td><div style="height:100px;overflow:auto;font-size:11px"> [justify]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[/justify]</div></td><td> <img src="http://i47.tinypic.com/1125029.jpg"/></td></tr></table>[hr]<span class="titre2" style="padding-left:25px">Prénom P. Nom</span><table><tr><td> <img src="http://i47.tinypic.com/1125029.jpg"/></td><td><div style="height:100px;overflow:auto;font-size:11px"> [justify]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[/justify]</div></td></tr></table>[hr]<div class="titre2" style="padding-right:25px;" align="right">Prénom P. Nom</div><table><tr><td><div style="height:100px;overflow:auto;font-size:11px"> [justify]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[/justify]
[hr]</div></td><td> <img src="http://i47.tinypic.com/1125029.jpg"/></td></tr></table></div>



it was one time, one! this kid insult the old betty –yeah the car have a name so what– and i had no choice but educate him a little bit… why a race? honestly, sheriff, i didn’t think you were here! ... oh and, if we can not tell about this to my daughter or my brother... =.=
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://yousworeyounevertell.forum-canada.com/t265-noah-luka-reed-the-weird-cowboy-of-pinecrest http://yousworeyounevertell.forum-canada.com/t288-noah-l-reed http://www.fanfiction.net/s/8117313/1/Between_live_and_survive
 

C. 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
You swore you'd never tell ::  :: you swore you'd never tell 101-