Votre texte dans une boîte transparente (messages) Bouton_activeVotre texte dans une boîte transparente (messages) Bouton_hoverVotre texte dans une boîte transparente (messages) Fb-hoverVotre texte dans une boîte transparente (messages) Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Votre texte dans une boîte transparente (messages) EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Votre texte dans une boîte transparente (messages) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Votre texte dans une boîte transparente (messages) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Votre texte dans une boîte transparente (messages) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Votre texte dans une boîte transparente (messages) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Votre texte dans une boîte transparente (messages) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Votre texte dans une boîte transparente (messages) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Votre texte dans une boîte transparente (messages) EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G Double SIM à 599€
599 €
Voir le deal

Partagez
 

Votre texte dans une boîte transparente (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://tout-oubien-rien.forumactif.com/
nalexx-73
nalexx-73
{ Membre }
{ Membre }

Féminin Messages : 12



Votre texte dans une boîte transparente (messages) Empty
Merci je le cherchait
MessageSujet: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyVen 05 Fév 2010, 12:02
Revenir en haut Aller en bas
http://sos-rpg.4rumer.com/forum.htm
Hinata
Hinata
{ Membre }
{ Membre }

Féminin Messages : 15



Votre texte dans une boîte transparente (messages) Empty
Bonjour bonjour ~

Je n'ai pas bien compris quelle était la fonction de cette boîte transparente (esthétique, je sais, mais encore ? xD) ?

Merci d'avance pour votre réponse : 3

Hin'
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyVen 12 Fév 2010, 11:35
Revenir en haut Aller en bas
Invité
Invité




Votre texte dans une boîte transparente (messages) Empty
C'est super! puis-je faire que les coins du rectangle soient arrondis???
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyVen 19 Mar 2010, 06:32
Revenir en haut Aller en bas
Invité
Invité




Votre texte dans une boîte transparente (messages) Empty
désolée désolée je fais un double post juste pour dire que j'ai trouvé toute seule pour les coins arrondis j'ai ajouté

Code:

-moz-border-radius: 10px ;
si ça peut aider des gens ^^
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyVen 19 Mar 2010, 13:09
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Votre texte dans une boîte transparente (messages) Empty
Ajoute aussi ces codes-ci:
Code:
-webkit-border-radius: 10px;
border-radius: 10px;
C'est pour assurer la compatibilité avec Safari, Google Chrome et Opera~
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyVen 19 Mar 2010, 16:38
Revenir en haut Aller en bas
http://perfect-horse.forumactif.com
Hidden Wish
{ Membre }
{ Membre }

Féminin Messages : 5



Votre texte dans une boîte transparente (messages) Empty
Super beau , merci =D
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyDim 25 Avr 2010, 06:07
Revenir en haut Aller en bas
http://onverraplustardladressexd.com/
Kanami-Kawaii
Kanami-Kawaii
{ Membre }
{ Membre }

Féminin Messages : 87



Votre texte dans une boîte transparente (messages) Empty
Bonsoir!

Super le code : il marche à merveille sur la page d'accueil. Mais est-il possible d'avoir cet effet dans un post/message? J'ai testé, et ça ne marchais pas...

Merci d'avance!
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMer 09 Juin 2010, 17:42
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Votre texte dans une boîte transparente (messages) Empty
Bonsoir,
le code marche parfaitement dans un post, tu as du faire une erreur quelque part :/
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMer 09 Juin 2010, 17:48
Revenir en haut Aller en bas
http://onverraplustardladressexd.com/
Kanami-Kawaii
Kanami-Kawaii
{ Membre }
{ Membre }

Féminin Messages : 87



Votre texte dans une boîte transparente (messages) Empty
Hmmm....

N'ah oui quelle idiote!! J'ai juste oublié de fermer la balise
-________-"
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMer 09 Juin 2010, 17:55
Revenir en haut Aller en bas
http://dreamzz-hime.grafbb.com
Pon&Zi
Pon&Zi
{ Membre }
{ Membre }

Féminin Messages : 123



Votre texte dans une boîte transparente (messages) Empty
Bonjour! J'ai essayé ce code, ça fonctionne super bien et c'est super beau. Je me demandais juste si c'était possible d'avoir le texte complètement opaque. Parce qu'autrement, il reste à la même opacité que la boîte et le voit pas trop bien. À moins que j'aie fait une erreur quelque part...

En tout cas, merci pour le code^^
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMer 23 Juin 2010, 13:43
Revenir en haut Aller en bas
http://rpgscandalous.forums-actifs.com
Lacrima
{ Membre }
{ Membre }

Féminin Messages : 3



Votre texte dans une boîte transparente (messages) Empty
Super, merci beaucoup Smile
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyJeu 24 Juin 2010, 15:54
Revenir en haut Aller en bas
http://alagaesiarpg.forumactif.org/index.htm
Delarion
{ Membre }
{ Membre }

Masculin Messages : 9



Votre texte dans une boîte transparente (messages) Empty
Bonjour, j'ai vu que des gens posaient des questions à la suite, je fait donc de même je débute vraiment dans le css et tout votre langage de code, j'aimerais savoir ou je met le texte ?
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyLun 28 Juin 2010, 03:54
Revenir en haut Aller en bas
http://crazy-building.forumperso.com
little.banana
{ Membre }
{ Membre }

Féminin Messages : 10



Votre texte dans une boîte transparente (messages) Empty
Shiva a écrit:


A mettre ceci dans votre page d'accueil.

Code:
<div class="background">
<div class="transbox">
<p>VOTRE TEXTE
</p>
</div>

Vous pouvez également mettre une image.

Une fois ton code CSS collé dans ta feuille de style (affichage > image et couleurs > couleurs > feuille de style) tu vas dans ta page d'accueil (page d'accueil > généralité) et tu postes le code donné par Shiva. Ensuite, si tu regardes bien, tu peux voir "VOTRE TEXTE". Tu colles ici tes codes par exemple d'infobulle, de défilement de texte, ect.

Voila =D J'espère t'avoir aidé !
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMar 06 Juil 2010, 08:37
Revenir en haut Aller en bas
http://alagaesiarpg.forumactif.org/index.htm
Delarion
{ Membre }
{ Membre }

Masculin Messages : 9



Votre texte dans une boîte transparente (messages) Empty
Merci, donc faut un code dans la page ccs et un ou on veut que cela soit comme ca ?
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMar 06 Juil 2010, 10:26
Revenir en haut Aller en bas
http://crazy-building.forumperso.com
little.banana
{ Membre }
{ Membre }

Féminin Messages : 10



Votre texte dans une boîte transparente (messages) Empty
Voila =) Mais je ne suis pas certaine que ce code soit valable pour un message. Je vais essayer, et je te redis =)
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMar 06 Juil 2010, 10:27
Revenir en haut Aller en bas
http://alagaesiarpg.forumactif.org/index.htm
Delarion
{ Membre }
{ Membre }

Masculin Messages : 9



Votre texte dans une boîte transparente (messages) Empty
D'accord, d'avance merci, mais je voulais juste m'en servir pour les descriptions des forums.
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMar 06 Juil 2010, 10:33
Revenir en haut Aller en bas
http://crazy-building.forumperso.com
little.banana
{ Membre }
{ Membre }

Féminin Messages : 10



Votre texte dans une boîte transparente (messages) Empty
Donc, j'ai testé, et ça ne marche pas dans un message, seulement pour la Page d'Accueil. Si tu veux un cadre avec un texte dedans dans un message, je te conseille ce code
Code:
[table width=100px weight: 10px align=left][tr][td]<div style="background:  #202020; text-align: center; -moz-border-radius-topleft: 11px; -moz-border-radius-topright: 11px; -moz-border-radius-bottomright: 11px; -moz-border-radius-bottomleft: 11px; line-height: 3px; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; padding-top: 2px;">
[table border=0][tr][td][center]TON TEXTE[/center][/td][/tr][/table] </div></div> </div>[/td][/tr][/table]
En sachant que width est la largeur et weight la hauteur, tu peux régler la hauteur et la largeur de ton cadre.
Autre chose :
Citation :
#202020
c'est derrière le # que tu devras mettre ton code couleur pour obtenir la couleur de fond que tu désires.
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMar 06 Juil 2010, 10:37
Revenir en haut Aller en bas
http://alagaesiarpg.forumactif.org/index.htm
Delarion
{ Membre }
{ Membre }

Masculin Messages : 9



Votre texte dans une boîte transparente (messages) Empty
D'accord, merci beaucoup à vous.
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMar 06 Juil 2010, 10:44
Revenir en haut Aller en bas
http://crazy-building.forumperso.com
little.banana
{ Membre }
{ Membre }

Féminin Messages : 10



Votre texte dans une boîte transparente (messages) Empty
Aucun souci =) J'ai vérifié, ce code marche dans une description de forum, donc tout bénéf' pour toi =D
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMar 06 Juil 2010, 10:44
Revenir en haut Aller en bas
http://alagaesiarpg.forumactif.org/index.htm
Delarion
{ Membre }
{ Membre }

Masculin Messages : 9



Votre texte dans une boîte transparente (messages) Empty
Encore merci.
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyMar 06 Juil 2010, 10:48
Revenir en haut Aller en bas
http://pandora-hearts-rpg.forumsactifs.com
Yuuhi
{ Membre }
{ Membre }

Féminin Messages : 9



Votre texte dans une boîte transparente (messages) Empty
Bonsoir =D
J'ai mis ce code là dans un message et ça marche très bien avec Google Chrome mais j'aurais aimé centré les cadres avec le texte à l'intérieur.
Une idée ? =)
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyJeu 05 Aoû 2010, 20:12
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Votre texte dans une boîte transparente (messages) Empty
Pourrait-on avoir ton code ?
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyVen 06 Aoû 2010, 04:02
Revenir en haut Aller en bas
http://pandora-hearts-rpg.forumsactifs.com
Yuuhi
{ Membre }
{ Membre }

Féminin Messages : 9



Votre texte dans une boîte transparente (messages) Empty
Voilà mon code,
Message :

Code:
<div class="background">
<div class="transbox">
<p>[size=18][b][color=darkred]»[/color][/b][/size][font=JellykaCuttyCupcakes] Le règlement est le passage incontournable pour tout les membres, bien sûr certains savent déjà ce qu'ils peuvent faire sur le forum et ce qu'ils ne peuvent pas.
Les règles sont toujours les mêmes & il faut les respectés, on est d'accord {USERNAME} ? (。◕‿-。)

[size=18][b][color=red]»[/color] [/b][/size]Commençons donc ce règlement par la base du savoir vivre en communauté : Les propos racistes, fascistes, homophobes, insultants, pornographiques seront supprimés et le ou les membres responsables sanctionnés ! Si vous recevez ce genre de propos par messages privés, signaler le et l'auteur du message sera sanctionné.

[size=18][b][color=orange]»[/color] [/b][/size]Le langage SMS est interdit sur la totalité du forum. Vous n'êtes pas sur msn ni sur un portable, bien sûr tout le monde fait des fautes d'orthographes mais essayer d'en faire le moins possible pour rester compréhensible.[Leave]

[size=18][b][color=brown]»[/color] [/b][/size] Le flood est interdit en dehors du topic prévu spécialement pour ça. Les sujets qui partiront trop en cacahouète seront fermés.

[size=18][b][color=yellow]»[/color] [/b][/size]Après avoir lu ce règlement, vous devez allez vous présenter en utilisant le modèle de présentation ci-joint au topic. Vous avez [u]15 jours pour vous présentez[/u], passer ce délais vous recevrez un message vous prévenant de faire rapidement votre présentation et si elle ne se fait toujours pas votre compte sera supprimé. Vous ne pouvez pas commencer à Rp si ni un modérateur, ni administrateur ne vous a validé. Pour qu'elle soit rapidement validée,  suivez bien les explications dans le modèle. [out all]

[size=18][b][color=green]»[/color] [/b][/size]L'avatar que vous choisirez devra correspondre à votre présentation. Il devra faire une taille de [u]200*350 obligatoirement[/u] en étant un dessin style manga. Vos signatures visibles ne devront pas déformer le forum ou mettez les en spoiler.

[size=18][b][color=olive]»[/color] [/b][/size]Le forum impose un minimum de 8 lignes par message en Rp, ce n'est pas la mort, n'hésitez pas à décrire l'endroit où se trouve votre personnage, ses sentiments, ses sens ...

[size=18][b][color=cyan]»[/color] [/b][/size] Vous pouvez vous créer 2 comptes maximum mais réfléchissez bien car avec vous ne pouvez pas vous parler à vous même ou bloquer un Rp. Ils doivent également rester actifs l'un et l'autre.

[size=18][b][color=blue]»[/color] [/b][/size]Le Yaoï/Yuri/Hentaï est accepté mais ils doivent être signalés dans le titre des sujets. Je rappelle que les membres du forum ne sont pas tous majeurs & cela pourrait les choquer.

[size=18][b][color=indigo]»[/color] [/b][/size]Il n'y a pas de style d'écriture défini mais faite nous bien comprendre dans vos Rp la différence entre vos actions, paroles et pensées. Je ne demande pas un arc-en-ciel non plus. [the rest]

[color=violet]❥[/color] Je pense avoir fait le tour, Merci d'avoir lu le règlement & j'espère te retrouver bientôt en Rp {USERNAME}.
(。◕‿◕。)[/font][/center]
</p>
</div>

CSS:

Code:
div.background
{
width:500px;
height:1300px;
border:2px solid black;
background-position: center;
}
div.transbox
{
width:400px;
height:1200px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
background-position: center;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
}

.limitation-signature img {
max-width: 400px;
max-height: 160px;

}
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyVen 06 Aoû 2010, 05:35
Revenir en haut Aller en bas
http://pandora-hearts-rpg.forumsactifs.com
Yuuhi
{ Membre }
{ Membre }

Féminin Messages : 9



Votre texte dans une boîte transparente (messages) Empty
Problème résolu ;D
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptyLun 09 Aoû 2010, 17:24
Revenir en haut Aller en bas
http://gothiqua.wix.com/pixenart
voltie
voltie
{ Membre }
{ Membre }

Masculin Messages : 104



Votre texte dans une boîte transparente (messages) Empty
Very Happy Merci !
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) EmptySam 08 Jan 2011, 10:48
Revenir en haut Aller en bas
Contenu sponsorisé




Votre texte dans une boîte transparente (messages) Empty
MessageSujet: Re: Votre texte dans une boîte transparente (messages)   Votre texte dans une boîte transparente (messages) Empty
Revenir en haut Aller en bas
 

Votre texte dans une boîte transparente (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Habillage d'une image dans un texte (messages)
» Besoin d'aide sur le sujet "texte dans une boite transparente" Merci d'avance
» Boîte de texte avec barre de défilement (messages)
» Fond sur votre texte (messages)
» Ajout de texte dans le footer (messages)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit