| Votre texte dans une boîte transparente (messages) | |
|
nalexx-73
{ Membre }
Messages : 12
| |
| |
Hinata
{ Membre }
Messages : 15
| 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' | | |
|
| |
Invité Invité
| C'est super! puis-je faire que les coins du rectangle soient arrondis??? | | |
|
| |
Invité Invité
| 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 ^^ | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| 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~ | | |
|
| |
Hidden Wish
{ Membre }
Messages : 5
| |
| |
Kanami-Kawaii
{ Membre }
Messages : 87
| 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! | | |
|
| |
Kimy
{ Membre actif }
Messages : 1190
| Bonsoir, le code marche parfaitement dans un post, tu as du faire une erreur quelque part :/ | | |
|
| |
Kanami-Kawaii
{ Membre }
Messages : 87
| Hmmm.... N'ah oui quelle idiote!! J'ai juste oublié de fermer la balise -________-" | | |
|
| |
Pon&Zi
{ Membre }
Messages : 123
| 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^^ | | |
|
| |
Lacrima
{ Membre }
Messages : 3
| Super, merci beaucoup | | |
|
| |
Delarion
{ Membre }
Messages : 9
| 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 ? | | |
|
| |
little.banana
{ Membre }
Messages : 10
| - 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é ! | | |
|
| |
Delarion
{ Membre }
Messages : 9
| Merci, donc faut un code dans la page ccs et un ou on veut que cela soit comme ca ? | | |
|
| |
little.banana
{ Membre }
Messages : 10
| Voila =) Mais je ne suis pas certaine que ce code soit valable pour un message. Je vais essayer, et je te redis =) | | |
|
| |
Delarion
{ Membre }
Messages : 9
| D'accord, d'avance merci, mais je voulais juste m'en servir pour les descriptions des forums. | | |
|
| |
little.banana
{ Membre }
Messages : 10
| 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. | | |
|
| |
Delarion
{ Membre }
Messages : 9
| D'accord, merci beaucoup à vous. | | |
|
| |
little.banana
{ Membre }
Messages : 10
| Aucun souci =) J'ai vérifié, ce code marche dans une description de forum, donc tout bénéf' pour toi =D | | |
|
| |
Delarion
{ Membre }
Messages : 9
| |
| |
Yuuhi
{ Membre }
Messages : 9
| 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 ? =) | | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Pourrait-on avoir ton code ? | | |
|
| |
Yuuhi
{ Membre }
Messages : 9
| 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;
} | | |
|
| |
Yuuhi
{ Membre }
Messages : 9
| |
| |
voltie
{ Membre }
Messages : 104
| Merci ! | | |
|
| |
Contenu sponsorisé
| |
| |
| Votre texte dans une boîte transparente (messages) | |
|