You swore you'd never tell
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -29%
DYSON V8 Origin – Aspirateur balai sans fil
Voir le deal
269.99 €

You swore you'd never tell ::  :: you swore you'd never tell 101Partagez | 
 

 C. HTML & CSS POUR LES NULS

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

Noah L. Reed
Noah L. Reed

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   C. HTML & CSS POUR LES NULS EmptyVen 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>


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

Noah L. Reed
Noah L. Reed

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   C. HTML & CSS POUR LES NULS EmptyVen 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
C. HTML & CSS POUR LES NULS 1125029 C. HTML & CSS POUR LES NULS 1125029 C. HTML & CSS POUR LES NULS 1125029 C. HTML & CSS POUR LES NULS 1125029 C. HTML & CSS POUR LES NULS 1125029 C. HTML & CSS POUR LES NULS 1125029


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>
Revenir en haut Aller en bas
https://yousworeyounevertell.forum-canada.com/t265-noah-luka-reed-the-weird-cowboy-of-pinecrest https://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-