Trame avec angle arrondis dans message

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

Résolu Trame avec angle arrondis dans message

Message par .::CIAO::. le Mer 7 Juil 2010 - 16:46

Bonjour .J'aimerais savoir faire comme itachi uchiwa sur ce site son rp sur une image avec une barre défilante.
(J'ai pas l'intention de plagier)Mais je trouve que sa apporte un peux plus de gaieté aux forum

lien:

http://nsi-v4.forumactif.com/repaire-nord-sud-f162/akatsuki-il-est-temps-de-bouger-depart-t824.htm#5496

et j'aimerais savoir faire un cadre a coins arrondis transparent pour la page d'acceuille de mon fofo

Merci et bonne fin d'après midi


Dernière édition par .::CIAO::. le Mer 7 Juil 2010 - 20:49, édité 1 fois

.::CIAO::.
**

Masculin
Messages : 57
Inscrit(e) le : 07/07/2010

http://naruto-no-reisen.forums-gratuits.fr/forum.htm
.::CIAO::. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par .::CIAO::. le Mer 7 Juil 2010 - 20:40

personne?

.::CIAO::.
**

Masculin
Messages : 57
Inscrit(e) le : 07/07/2010

http://naruto-no-reisen.forums-gratuits.fr/forum.htm
.::CIAO::. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par .::CIAO::. le Mer 7 Juil 2010 - 22:39

Rolling Eyes

.::CIAO::.
**

Masculin
Messages : 57
Inscrit(e) le : 07/07/2010

http://naruto-no-reisen.forums-gratuits.fr/forum.htm
.::CIAO::. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par Invité le Mer 7 Juil 2010 - 22:43


Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur
ForumActif Smile

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par .::CIAO::. le Jeu 8 Juil 2010 - 22:53

UP!

.::CIAO::.
**

Masculin
Messages : 57
Inscrit(e) le : 07/07/2010

http://naruto-no-reisen.forums-gratuits.fr/forum.htm
.::CIAO::. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par .::CIAO::. le Mar 13 Juil 2010 - 10:16

UP

.::CIAO::.
**

Masculin
Messages : 57
Inscrit(e) le : 07/07/2010

http://naruto-no-reisen.forums-gratuits.fr/forum.htm
.::CIAO::. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par .::CIAO::. le Mer 14 Juil 2010 - 10:23

UP!!!

.::CIAO::.
**

Masculin
Messages : 57
Inscrit(e) le : 07/07/2010

http://naruto-no-reisen.forums-gratuits.fr/forum.htm
.::CIAO::. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par .::CIAO::. le Jeu 15 Juil 2010 - 20:43

UP

.::CIAO::.
**

Masculin
Messages : 57
Inscrit(e) le : 07/07/2010

http://naruto-no-reisen.forums-gratuits.fr/forum.htm
.::CIAO::. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par .::CIAO::. le Sam 17 Juil 2010 - 10:49

UP!!!

.::CIAO::.
**

Masculin
Messages : 57
Inscrit(e) le : 07/07/2010

http://naruto-no-reisen.forums-gratuits.fr/forum.htm
.::CIAO::. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par Threax le Sam 17 Juil 2010 - 17:32

Bonjour,

Pour faire son message dans un bloc avec barre de défilement, il faut avoir activé le HTML.
Ensuite, ce code devrait faire l'affaire :
Code:
<div style="height: 500px; background: #FF0000 url('URL IMAGE') no-repeat; overflow-y: auto;">Votre message</div>

Vous devez modifier la hauteur du bloc (500), ainsi que la couleur de fond (#FF0000) et mettre l'URL d'une image de fond (URL IMAGE).
Si vous message dépasse la hauteur maxi (actuellement 500px) alors la barre de défilement apparaîtra automatiquement.
Sinon, elle n'apparaîtra pas. Wink



Pour faire un "cadre" à fond transparent et coins arrondis... quelque chose comme ceci :
Code:
<div style="border: 1px solid #FF0000; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px; background: transparent;">Contenu du cadre</div>
Ici, il y a à modifier la couleur du cadre #FF0000, et l'arrondi : 10px actuellement. Si vous modifiez l'un des trois 10px, il faut modifier les deux autres de la même manière.

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par Playgirl1986 le Lun 19 Juil 2010 - 20:03

Bonjour,

Votre code m'a été d'une grande aide.

Mais j'ai une question

J'ai utilisé ce code

Code:
<div style="height: 500px; background: #FF0000 url('URL IMAGE') no-repeat; overflow-y: auto;">Votre message</div>

Donc ma question est : Comment rendre les contours arrondi à l'aide de ce code là ?

Merci

Playgirl1986
**

Féminin
Messages : 75
Inscrit(e) le : 21/07/2009

http://okayahighschool.bbactif.com/forum
Playgirl1986 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par .::CIAO::. le Lun 19 Juil 2010 - 21:14

merci

.::CIAO::.
**

Masculin
Messages : 57
Inscrit(e) le : 07/07/2010

http://naruto-no-reisen.forums-gratuits.fr/forum.htm
.::CIAO::. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par Threax le Mar 20 Juil 2010 - 17:01

Bonjour,

@Playgirl1986 a écrit:J'ai utilisé ce code
Code:
<div style="height: 500px; background: #FF0000 url('URL IMAGE') no-repeat; overflow-y: auto;">Votre message</div>
Donc ma question est : Comment rendre les contours arrondi à l'aide de ce code là ?

Il faut ajouter -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px; à ce code, de cette manière :

Code:
<div style="height: 500px; background: #FF0000 url('URL IMAGE') no-repeat; overflow-y: auto; -moz-border-radius: 10px; border-radius: 10px; webkit-border-radius: 10px;">Votre message</div>
Et 10px est bien sûr modifiable. Wink

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Trame avec angle arrondis dans message

Message par Playgirl1986 le Mar 20 Juil 2010 - 19:58

Merci beaucoup pour ce code. C'est exactement ça ^^

Je vais faire mon emmerdeuse désolé >< mais j'ai une toute dernière question. Comment rajouter un contour pointillés et une ombre autour ?

Désolé de vous embêter ^^

Merci à vous

Playgirl1986
**

Féminin
Messages : 75
Inscrit(e) le : 21/07/2009

http://okayahighschool.bbactif.com/forum
Playgirl1986 a été remercié(e) par l'auteur de ce sujet.

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


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