AccueilAccueil  CalendrierCalendrier  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

     Duncan Charles ;;
avatar
» BOO, THEGHOSTCODEMASTER
» Messages : 277
» Date d'inscription : 22/04/2011
» Age : 42
» 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
MessageSujet: 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 ^^



Nom Prénom

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>





I'm searching
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>





On Going
Titre du topic
Ft. Nom Prénom

Titre du topic
Ft. Nom Prénom

Titre du topic
Ft. Nom Prénom

Titre du topic
Ft. Nom Prénom
End
Titre du topic
Ft. Nom Prénom

Titre du topic
Ft. Nom Prénom

Titre du topic
Ft. Nom Prénom

Titre du topic
Ft. Nom Prénom

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>


__________________________________


« That's what we talking about! »



Dernière édition par Charles Duncan le Dim 24 Avr - 12:04, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

     Duncan Charles ;;
avatar
» BOO, THEGHOSTCODEMASTER
» Messages : 277
» Date d'inscription : 22/04/2011
» Age : 42
» 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
MessageSujet: Re: Html & CSS pour les nuls!   Dim 24 Avr - 1:52

Grand Titre

Code:
<div class="nomperso">[center]Grand Titre[/center]</div>





Petit Titre

Code:
<div class="titrepresentation">[center]Petit Titre[/center]</div>




texte coloré
Code:
<span class="couleur1">texte coloré</span>

__________________________________


« That's what we talking about! »

Revenir en haut Aller en bas
Voir le profil de l'utilisateur

     Duncan Charles ;;
avatar
» BOO, THEGHOSTCODEMASTER
» Messages : 277
» Date d'inscription : 22/04/2011
» Age : 42
» 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
MessageSujet: Re: Html & CSS pour les nuls!   Dim 24 Avr - 2:10

Nom Prénom
« 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>





Nom Prénom
« 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>





Titre de Topic


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>

__________________________________


« That's what we talking about! »

Revenir en haut Aller en bas
Voir le profil de l'utilisateur

     Contenu sponsorisé ;;
MessageSujet: Re: Html & CSS pour les nuls!   

Revenir en haut Aller en bas
 

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
Heroes ::  :: Mémoires :: Contacts-