Duncan Charles ;; » BOO, THEGHOSTCODEMASTER » Messages : 277 » Date d'inscription : 22/04/2011 » Age : 48 » Situation : veuf, qu'elle infirmière soignera mon coeur blessé? » Emploi : anciennement soldat et agent des services secrets britanniques, actuellement itinérant » Pouvoir : ... call me spiderman
| Sujet: Html & CSS pour les nuls! Dim 24 Avr - 1:21 | |
| 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 ^^
blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla.
| |
- Code:
-
<div class="nomperso">[center]Nom Prénom[/center]</div> <table width="100%"><tr><td valign="middle"><div style="overflow: auto; text-align: justify; height: 320px; padding-right:15px">blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla. </div></td><td width="210" height="330" valign="middle" class="fondcontacts">[center][img]http://i52.tinypic.com/2wp3zuf.jpg[/img][/center]</td></tr></table>
Type de relation ;; blablabla labla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla. FREE OR TAKEN ;; for boy or girl
Type de relation ;; blablabla labla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla. FREE OR TAKEN ;; for boy or girl
Type de relation ;; blablabla labla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla. FREE OR TAKEN ;; for boy or girl
- Code:
-
<div class="titrepresentation">[center]I'm searching[/center]</div><div class="isearch" style="padding:10px"><div style="overflow: auto; text-align: justify; height: 150px; padding-right:10px;"><span class="couleur1">[b]Type de relation[/b] ;;</span> blablabla labla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla. <span class="couleur1">[b][size=9]FREE OR TAKEN[/size] ;; for boy or girl[/b]</span>
<span class="couleur1">[b]Type de relation[/b] ;;</span> blablabla labla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla. <span class="couleur1">[b][size=9]FREE OR TAKEN[/size] ;; for boy or girl[/b]</span>
<span class="couleur1">[b]Type de relation[/b] ;;</span> blablabla labla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla. <span class="couleur1">[b][size=9]FREE OR TAKEN[/size] ;; for boy or girl[/b]</span> </div></div>
- Code:
-
<table width="100%"><tr><td width="49%"><div class="titrepresentation">[center]On Going[/center]</div><div style="overflow: auto; text-align: justify; height: 150px; padding-right:4px;">[url=http://heroes.forumgratuit.org/]Titre du topic[/url] <span style="padding-left:15px">Ft. Nom Prénom </span>
[url=http://heroes.forumgratuit.org/]Titre du topic[/url] <span style="padding-left:15px">Ft. Nom Prénom </span>
[url=http://heroes.forumgratuit.org/]Titre du topic[/url] <span style="padding-left:15px">Ft. Nom Prénom </span>
[url=http://heroes.forumgratuit.org/]Titre du topic[/url] <span style="padding-left:15px">Ft. Nom Prénom </span> </div></td><td width="1%"></td><td width="49%"><div class="titrepresentation">[center]End[/center]</div><div style="overflow: auto; text-align: justify; height: 150px; padding-right:4px;">[url=http://heroes.forumgratuit.org/]Titre du topic[/url] <span style="padding-left:15px">Ft. Nom Prénom </span>
[url=http://heroes.forumgratuit.org/]Titre du topic[/url] <span style="padding-left:15px">Ft. Nom Prénom </span>
[url=http://heroes.forumgratuit.org/]Titre du topic[/url] <span style="padding-left:15px">Ft. Nom Prénom </span>
[url=http://heroes.forumgratuit.org/]Titre du topic[/url] <span style="padding-left:15px">Ft. Nom Prénom </span> </div></td></tr></td></tr></table>
Dernière édition par Charles Duncan le Dim 24 Avr - 12:04, édité 2 fois |
|
Duncan Charles ;; » BOO, THEGHOSTCODEMASTER » Messages : 277 » Date d'inscription : 22/04/2011 » Age : 48 » Situation : veuf, qu'elle infirmière soignera mon coeur blessé? » Emploi : anciennement soldat et agent des services secrets britanniques, actuellement itinérant » Pouvoir : ... call me spiderman
| Sujet: Re: Html & CSS pour les nuls! Dim 24 Avr - 1:52 | |
| - Code:
-
<div class="nomperso">[center]Grand Titre[/center]</div>
- Code:
-
<div class="titrepresentation">[center]Petit Titre[/center]</div>
texte coloré - Code:
-
<span class="couleur1">texte coloré</span>
|
|
Duncan Charles ;; » BOO, THEGHOSTCODEMASTER » Messages : 277 » Date d'inscription : 22/04/2011 » Age : 48 » Situation : veuf, qu'elle infirmière soignera mon coeur blessé? » Emploi : anciennement soldat et agent des services secrets britanniques, actuellement itinérant » Pouvoir : ... call me spiderman
| Sujet: Re: Html & CSS pour les nuls! Dim 24 Avr - 2:10 | |
| | « citation citation citation citation » blablabla labla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla. |
- Code:
-
<div class="titrepresentation">[center]Nom Prénom[/center]</div><div class="isearch" style="padding:10px"><table><tr><td style="padding-right:10px">[img]URL ICON[/img]</td><td><div style="overflow: auto; text-align: justify; height:90px; padding-right:10px;">[center]<span class="couleur1">« citation citation citation citation »</span> [/center]blablabla labla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla. </td></tr></table></div></div>
| « citation citation citation citation » blablabla labla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla. |
- Code:
-
<div class="titrepresentation">[center]Nom Prénom[/center]</div><div class="isearch" style="padding:10px"><table><tr><td style="padding-right:10px"><div class="circle" style="background-image: url('http://i54.tinypic.com/wk4406.jpg');width: 80px;height: 80px;"></div></td><td><div style="overflow: auto; text-align: justify; height:90px; padding-right:10px;">[center]<span class="couleur1">« citation citation citation citation »</span> [/center]blablabla labla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla blablabla blablabla bla blabla bla bla bla blablabla blablablabla. </td></tr></table></div></div>
- Code:
-
<center><table><tr><td><div class="circle" style="background-image: url('ICON 1');width: 80px;height: 80px;"></div></td><td><div class="circle" style="background-image: url('ICON 2');width: 80px;height: 80px;"></div></td></tr></table> <div class="titrepresentation">[center]Titre de Topic[/center]</div></center>
|
|
| Sujet: Re: Html & CSS pour les nuls! | |
| |
|