[TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

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

[TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

Message par dTeddy le Ven 19 Juil - 23:52


Bonjour à tous et à toutes ou bonsoir suivant l'heure à laquelle vous lisez le message.

Dans ce troisième tutoriel, je vais vous donnez quelques codes forumactif tout simplement, pas besoin
de faire quoi que ce soit, pour pouvoir avoir un rendu de message plus beau pour par exemple votre
BackGround, votre Thread de faction ou autre.

Les codes :

1 - Mettre un effet lumineux autour du texte :

Code:
<div style="text-shadow: 0px 0px 4px red;">Effet lumineux.</div>

Effet lumineux.

(vous pouvez changez la couleur rouge en n'importe quelle couleur, par exemple pour le noir, remplacé red par black).

2 - Mettre une ombre autour du texte :

Code:
<div style="text-shadow: 3px 3px 4px black;">Effet d'ombre.</div>

Effet d'ombre.

3 - Espacez vos lettres.

Code:
<div style="letter-spacing:4px;">Texte espacé.</div>
Texte espacé.

(Changez le 4 pour pouvoir espacez plus ou moins vos lettres.

4 - Mettre un encadrement.

Code:
<div style="center; border: 3px solid darkred;padding:12px;">Message dans l'encadrement.</div>
Message dans l'encadrement.

(Changez le 3 pour avoir un cadre plus épais ou non, et le 12 pour avoir un espace entre le cadre et le message, ainsi que le darkred par la couleur de votre choix en anglais.)

5 - Mettre un encadrement avec couleurs à l'intérieur.

Code:
<div style="center; background-color: white; border-radius: 5px; border: 3px solid darkred;padding:12px;">Message dans l'encadrement avec couleurs à l'intérieur.</div>

Message dans l'encadrement avec couleurs à l'intérieur.

(Même formules que l'encadrement.)

6 - Mettre un encadrement avec image à l'intérieur.

Code:
<div style="center; background-image: url('http://centerloup.c.e.pic.centerblog.net/o/20e2909d.jpg'); -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px;-moz-border-radius-bottomright: 30px;  -moz-border-radius-bottomleft: 30px; border: 3px solid darkred;padding:12px;">Message à l'intérieur de l'encadrement avec image.</div>

Message à l'intérieur de l'encadrement avec image.

Voilà pour ce tutoriel.

Il existe des centaines d'autres formules mais je ne les connais pas tous et certaines me paraissent inutile.
Si vous en connaissez que vous pensez pouvoir mettre dans le forum et qu'y rendent jolie, je vous invites
à postez à la suite de ce message je les ajouterais.

Crédits :

dTeddy pour la rédaction intégrale du sujet.
Différents forums qui m'ont aidé à connaître de beaux codes et leurs fonctionnements.
avatar
dTeddy


Messages : 36
Date d'inscription : 19/07/2013

Voir le profil de l'utilisateur http://strp.meilleurforum.com

Revenir en haut Aller en bas

Re: [TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

Message par Tony le Ven 19 Juil - 23:53

Merci, je ne connaissait pas pour le texte lumineux.
avatar
Tony



Messages : 9
Date d'inscription : 19/07/2013

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

Message par William P. (Sharky™) le Sam 20 Juil - 0:22

Test


M'ah ouais, mais je préfère le blur, merci quand même m'aha.
avatar
William P. (Sharky™)


Messages : 161
Date d'inscription : 19/07/2013

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

Message par Davodka' le Sam 20 Juil - 8:10

Merci du partage.
avatar
Davodka'


Messages : 96
Date d'inscription : 19/07/2013
Age : 18
Localisation : Avec Nabila

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

Message par Andrea le Sam 20 Juil - 8:46

D'accord, merci du tutoriel vraiment.

avatar
Andrea


Messages : 67
Date d'inscription : 19/07/2013

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

Message par Taylor Grey le Sam 20 Juil - 8:51

Fail de ta part je crois Noah xD

Edit : enfaite non, j'avais pas activé le codage dans mes préférences..
avatar
Taylor Grey


Messages : 83
Date d'inscription : 19/07/2013
Age : 22
Localisation : Dans l'espace

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

Message par Andynamite ▲ le Sam 20 Juil - 10:09

Merci lourd, j'connaissais pas
avatar
Andynamite ▲



Messages : 8
Date d'inscription : 20/07/2013

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

Message par Kyle_Hudson le Sam 20 Juil - 11:28

Merci pour le partage, c'est sympa de ta part! Smile
avatar
Kyle_Hudson


Messages : 71
Date d'inscription : 19/07/2013
Age : 21
Localisation : Aquitaine, France

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

Message par Allerre le Sam 20 Juil - 12:20

Merci du partage Surprised ! J'en connaissait quelque uns mais pas tous ..
avatar
Allerre


Messages : 40
Date d'inscription : 19/07/2013
Localisation : Dans ton ♥ !

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTORIEL] Différents codes HTMLs que forumactif ne propose pas.

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum