Heroes
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  
-40%
Le deal à ne pas rater :
-40% sur le Pack Gaming Mario PDP Manette filaire + Casque filaire ...
29.99 € 49.99 €
Voir le deal

Partagez | 
 

 Html & CSS pour les nuls!

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

     Duncan Charles ;;
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
MessageSujet: Html & CSS pour les nuls!   Html & CSS pour les nuls! EmptyDim 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.
Html & CSS pour les nuls! 2wp3zuf

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>



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

     Duncan Charles ;;
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
MessageSujet: Re: Html & CSS pour les nuls!   Html & CSS pour les nuls! EmptyDim 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>
Revenir en haut Aller en bas

     Duncan Charles ;;
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
MessageSujet: Re: Html & CSS pour les nuls!   Html & CSS pour les nuls! EmptyDim 24 Avr - 2:10

Nom Prénom
Html & CSS pour les nuls! Wk4406
« 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>
Revenir en haut Aller en bas

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

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-