[Recherche]Encadré

Image Toutes les questions en rapport à l'utilisation de phpbb3 uniquement .
Verrouillé
     

Auteur du sujet
ZatchBell68
Messages : 39
Enregistré le : février 2012

Re: [Recherche]Encadré

Message par ZatchBell68 » jeu. 8 mars 2012 18:26

Ouais mais vu que j'ai plusieurs bbcodes du même style je voulais faire [style=important] [style=error] etc... mais si il n'y a pas de solution je vais faire avec.

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10840
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: [Recherche]Encadré

Message par Steph » jeu. 8 mars 2012 18:43

Si il y a la solution de faire un bbcode générique en créant un style css pour chacun d'eux

Dans le CSS: (fichier colour.css)

Code : Tout sélectionner

.important {
	TON CODE CSS POUR  CETTE CLASS
}

.error{
	TON CODE CSS POUR CETTE CLASS
}
Exemple :

Code : Tout sélectionner

.important {
	display:block;
	height:35px;
	padding: 4px 5px 10px 40px;
	margin:4px 25px;
	border:1px solid #b7b7b7;
	background-position:4px 4px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#FF9900 url(/images/bbcodes/important.png) no-repeat;
}
Au passage border-radius:5px; suffit amplement les autres c'est que des rustines

bbcode:

Code : Tout sélectionner

[style={SIMPLETEXT}]{TEXT}[/style]
HTML de remplacement:

Code : Tout sélectionner

<div class="{SIMPLETEXT}">{TEXT}</div>
Ligne d'aide:

Code : Tout sélectionner

[style= Choisir entre "important" ou "error"] Tapez votre texte[/style]

Avatar du membre

zach
Support phpBB Assistance
Support phpBB Assistance
Messages : 1313
Enregistré le : décembre 2010

Re: [Recherche]Encadré

Message par zach » jeu. 8 mars 2012 18:58

L'autre avantage c'est que tu peut aussi faire correspondre d'autres propriétés css de cette classe sur chaque style (par exemple j'avais un membre qui avait un peu de daltonisme et qui ne distinguait pas certaines couleurs, donc je les ai modifié dans un style particulier) 2 membres sur 2 styles différents pouvaient voir un contenu différent du message


Auteur du sujet
ZatchBell68
Messages : 39
Enregistré le : février 2012

Re: [Recherche]Encadré

Message par ZatchBell68 » jeu. 8 mars 2012 19:07

Oh ça fonctionne merci beaucoup!

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10840
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: [Recherche]Encadré

Message par Steph » jeu. 8 mars 2012 19:14

:clin: :cool:


Auteur du sujet
ZatchBell68
Messages : 39
Enregistré le : février 2012

Re: [Recherche]Encadré

Message par ZatchBell68 » mar. 13 mars 2012 16:40

Je reviens a nouveau lol mais la c'est juste pour demander de l'aide pour peaufiné.
Comment faire pour que la boite s'agrandie automatiquement en fonction de la longueur de texte ?

Merci

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10840
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: [Recherche]Encadré

Message par Steph » mar. 13 mars 2012 17:32

Salut,

Suffit juste de supprimer la ligne height: de ton CSS


Auteur du sujet
ZatchBell68
Messages : 39
Enregistré le : février 2012

Re: [Recherche]Encadré

Message par ZatchBell68 » mar. 13 mars 2012 19:06

A yes pas bette. Merci Steph

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10840
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: [Recherche]Encadré

Message par Steph » mar. 1 mai 2012 09:07

Surtout logique vu que tu donne une hauteur c'est respecté, tu n'en met pas alors c'est la longueur du texte et le nombre de saut de ligne qui le gère automatiquement :clin:


Auteur du sujet
ZatchBell68
Messages : 39
Enregistré le : février 2012

Re: [Recherche]Encadré

Message par ZatchBell68 » dim. 28 juil. 2013 17:24

Bonjour,

Je reviens vers vous car je souhaiterais faire des retouches sur le css. Comment pourrais-je faire pour décaler l'image vers la droite ? (j'ai changé toute les valeurs rien n'y fait) et comment pourrais-je la centrer verticalement ?

Merci et bonne journée

Verrouillé

Retourner vers « Utilisation »