Ajouter un style dans le BBcode
soupaloignon Membre non connecté
-
Modérateur
- Voir le profil du membre soupaloignon
- Inscrit le : 27/03/2009
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
J'aimerai rajouter un style dans le bouton "Style" de la barre BBcode. J'ai fait quelques recherches, sans grand succès, à part ces 2 pages :
http://www.phpboost.com/forum/topic.php?id=8457#m80549
http://www.phpboost.com/wiki/wiki.php?title=ajouter-des-options-au-bbcode
En attendant de trouver des infos, j'ai modifié un style existant dans /templates/base/theme/bbcode.css
Code CSS :
.success{ border : 1px solid #555555; -moz-box-shadow: 0px 0px 5px 3px #656565; -webkit-box-shadow: 0px 0px 5px 3px #656565; -o-box-shadow: 0px 0px 5px 3px #656565; box-shadow: 0px 0px 5px 3px #656565; }
Mais cela donne ça :

J'ai donc recherché dans ce même fichier d'autres références à ".success" pour les enlever, et là cela a donné ça :

Alors que bien évidement ce qui m'intéresse est d'avoir l'ombre portée sur les bords de l'image

J'ai donc 2 questions :
1/ Quelle modification faire dans un premier temps pour détourner un style existant afin que l'ombre soit en bordure d'image
2/ Quelles modifications faire pour créer un nouveau style dans cette balise Style du BBcode
Merci d'avance pour toute information qui me permettrait d'avancer dans la recherche de ces solutions

Edit : Globalement je crois qu'une fonctionnalité native de PHPBoost qui permettrait de rajouter des styles personnalisés via BBcode et TinyMce serait pas mal
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <== 
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Quel rapport avec la classe success ?
soupaloignon Membre non connecté
-
Modérateur
- Voir le profil du membre soupaloignon
- Inscrit le : 27/03/2009
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
Comme je n'ai pas trouvé comment ajouter un nouveau style à la liste des styles déjà présent, je suis parti dans un premier temps à faire une modification d'un style déjà existant. Le style Succes juste parce que c'était le 1er de la liste
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <== 
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Code BBCODE :
[style=shadow]ton_image[/style]
Sinon, je viens d'ajouter un attribut class dans la balise img, ce sera plus simple, mais il faudra attendre la version RC 2 ..
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
soupaloignon :
Code CSS :
.success{ border : 1px solid #555555; -moz-box-shadow: 0px 0px 5px 3px #656565; -webkit-box-shadow: 0px 0px 5px 3px #656565; -o-box-shadow: 0px 0px 5px 3px #656565; box-shadow: 0px 0px 5px 3px #656565; }
rajoute
Code CSS :
display: inline-block; margin:8px;
tu dois enlever le .success de
Code CSS :
mais laisser les autres.question, .notice, .warning, .error, .success

soupaloignon Membre non connecté
-
Modérateur
- Voir le profil du membre soupaloignon
- Inscrit le : 27/03/2009
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
Merci pour tes infos, cela améliore considérable la chose. Par contre je n'obtiens pas exactement le même résultat que toi au niveau de l'ombrage
Code CSS :
.success{ border : 1px solid #555555; -moz-box-shadow: 0px 0px 5px 3px #656565; -webkit-box-shadow: 0px 0px 5px 3px #656565; -o-box-shadow: 0px 0px 5px 3px #656565; box-shadow: 0px 0px 5px 3px #656565; display: inline-block; margin:8px; } .question, .notice, .warning, .error{ display:block; height:35px; padding-top:4px; padding-bottom:10px; padding-left:40px; padding-right:5px; margin:4px 25px; background-position:4px 4px; border-radius:6px; } html>body .question, html>body .notice, html>body .warning, html>body .error, html>body .success
Cela donne cela :

Tu as une idée ?
ReidLos :
Tu pourrais créer une classe .shadow avec ce que tu souhaites et pour appliquer le style :
Sinon, je viens d'ajouter un attribut class dans la balise img, ce sera plus simple, mais il faudra attendre la version RC 2 ..
Code BBCODE :
[style=shadow]ton_image[/style]
Sinon, je viens d'ajouter un attribut class dans la balise img, ce sera plus simple, mais il faudra attendre la version RC 2 ..
Aussi oui. Une fois réglé le problème de la bande blanche en dessous de l'image je procéderai ainsi, en attendant la RC2
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <== 
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
ça ne se voit pas sur la mienne car c'est un png transparent, mais pas de padding/margin qui gène
y a-t-il une balise img qui traine quelque part, un v-align caché???
j'ai le meme soucis sur une class perso
j'me r'plonge d'dans...
soupaloignon Membre non connecté
-
Modérateur
- Voir le profil du membre soupaloignon
- Inscrit le : 27/03/2009
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
babsolune :
je n'osais en parler pensant etre le seul à avoir le soucis, car il n’apparaît nulle part avec les outils classiques
Bon, quelque part cela me rassure, j'ai cru un moment que je n'étais même plus capable de recopier correctement un bête code css
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <== 
soupaloignon Membre non connecté
-
Modérateur
- Voir le profil du membre soupaloignon
- Inscrit le : 27/03/2009
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
babsolune :
j'me r'plonge d'dans...
Tu as réussi à trouver quelque chose ? Rien trouvé de mon coté
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <== 
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
meme pas pu contrer le probleme avec une balise img spécifique
soupaloignon Membre non connecté
-
Modérateur
- Voir le profil du membre soupaloignon
- Inscrit le : 27/03/2009
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <== 
soupaloignon Membre non connecté
-
Modérateur
- Voir le profil du membre soupaloignon
- Inscrit le : 27/03/2009
- Site internet
- Groupes :
-
Equipe Rédaction
-
Equipe Modération
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <== 
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
