Trame avec angle arrondis dans message

3 participants

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

Résolu Trame avec angle arrondis dans message

Message par .::CIAO::. 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
avatar

.::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::. Mer 7 Juil 2010 - 20:40

personne?
avatar

.::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::. Mer 7 Juil 2010 - 22:39

Rolling Eyes
avatar

.::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é Mer 7 Juil 2010 - 22:43


Trame avec angle arrondis dans message Databa10Bonjour,

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
Anonymous

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::. Jeu 8 Juil 2010 - 22:53

UP!
avatar

.::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::. Mar 13 Juil 2010 - 10:16

UP
avatar

.::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::. Mer 14 Juil 2010 - 10:23

UP!!!
avatar

.::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::. Jeu 15 Juil 2010 - 20:43

UP
avatar

.::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::. Sam 17 Juil 2010 - 10:49

UP!!!
avatar

.::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 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

Threax
Membre actif

Masculin
Messages : 17276
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 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

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::. Lun 19 Juil 2010 - 21:14

merci
avatar

.::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 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

Threax
Membre actif

Masculin
Messages : 17276
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 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

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

- Sujets similaires

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