Message étendu version mouchoir de poche sous punbb
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Message étendu version mouchoir de poche sous punbb
Bonjour à tous,
Bien que n'ayant pas modifié le template posting _body, je me retrouve avec un éditeur (message étendu) version mouchoir de poche.
lien du forum http://floratropica.forumactif.org
J'ai essayé de le modifier via css la largeur de la fenêtre mais l'élargissement se fait sur la droite en empiétant sur la boite a smileys.
Auriez vous une idée pour faire en sorte que la fenêtre prenne toute la largeur en soustrayant la place de la boite à smiley. A la limite si cette dernière est horizontalement placée en dessous pour gagner un peu plus de place, cela ne me dérangerait absolument pas; cela résoudrait ce soucis de chevauchement en cas d'élargissement.
Voici le css qui est afférant à cet éditeur. il ne fait que modifier l'aspect de l'ensemble
Merci par avance pour vos réponses.
Bien que n'ayant pas modifié le template posting _body, je me retrouve avec un éditeur (message étendu) version mouchoir de poche.
lien du forum http://floratropica.forumactif.org
J'ai essayé de le modifier via css la largeur de la fenêtre mais l'élargissement se fait sur la droite en empiétant sur la boite a smileys.
Auriez vous une idée pour faire en sorte que la fenêtre prenne toute la largeur en soustrayant la place de la boite à smiley. A la limite si cette dernière est horizontalement placée en dessous pour gagner un peu plus de place, cela ne me dérangerait absolument pas; cela résoudrait ce soucis de chevauchement en cas d'élargissement.
Voici le css qui est afférant à cet éditeur. il ne fait que modifier l'aspect de l'ensemble
- Code:
/*Modifier l'apparence de l'éditeur*/
.sceditor-container iframe, .sceditor-container textarea {min-height:180px;max-width: 98% !important;}
#text_editor_textarea {min-height: 85px;opacity: 0.6;}
#text_editor_textarea, .sceditor-container iframe, .sceditor-container textarea {
background: #fff !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #bbb #ddd #ddd #bbb !important;
}
.sceditor-container {
background-color: #eff1f3 url(http://i.imgur.com/ZxTuSNx.png) repeat-x 0 -1950px !important;
padding: 0px 1px 0px 1px !important;
border: 1px solid #E1E3E5 !important;
border-radius: 0px !important;
}
.sceditor-toolbar {
background: transparent !important;
padding: 1px 5px 1px 5px !important;
border-bottom: 1px solid #E1E3E5 !important;
}
/*Supprimer le bouton du code source*/
a.sceditor-button.sceditor-button-source {
display: none !important;
}
Merci par avance pour vos réponses.
Dernière édition par demeter1 le Dim 25 Mai 2014 - 16:43, édité 1 fois
Re: Message étendu version mouchoir de poche sous punbb
Coucou ^^
Sans rapport direct avec le sujet, ton forum vu par Comodo Dragon 33 et Adblock
Je suis obligé de désactiver Adblock pour voir autre chose.
Et hier j'ai testé sur Google Chrome 34 (sans Adblock installé) c'était pire, page blanche même au bout de plusieurs minutes.
Il doit y avoir un sérieux souci au niveau de ton overall_header
Sans rapport direct avec le sujet, ton forum vu par Comodo Dragon 33 et Adblock
Je suis obligé de désactiver Adblock pour voir autre chose.
Et hier j'ai testé sur Google Chrome 34 (sans Adblock installé) c'était pire, page blanche même au bout de plusieurs minutes.
Il doit y avoir un sérieux souci au niveau de ton overall_header
Re: Message étendu version mouchoir de poche sous punbb
Bonjour Neptune.
Je regarderai ça d'ici peu.
Je travaille depuis hier matin sur le forum (nuit blanche complète) pour résoudre un gros soucis avec le pa et la feuille de style qui n accepte pas un format compressé sans faire de grosses césures .
J'ai été dans l'obligation d'installer une grosse portion du css dans le template overall_header qui lui aussi à ses limites.
Pour faire simple le forum a souvent eu un aspect déplorable le temps que je "résolve le soucis".
Pour le soucis en relation avec la feuille de style voir ce sujet
https://forum.forumactif.com/t368120-soucis-d-enregistrement-avec-le-css
Je viens de faire un test de chargement des pages par pingdom et le forum s'affiche en 2,18s ce qui reste à améliorer . Pour peu que je puisse compresser le css , j'améliorerai sensiblement ce temps de chargement.
Je regarderai ça d'ici peu.
Je travaille depuis hier matin sur le forum (nuit blanche complète) pour résoudre un gros soucis avec le pa et la feuille de style qui n accepte pas un format compressé sans faire de grosses césures .
J'ai été dans l'obligation d'installer une grosse portion du css dans le template overall_header qui lui aussi à ses limites.
Pour faire simple le forum a souvent eu un aspect déplorable le temps que je "résolve le soucis".
Pour le soucis en relation avec la feuille de style voir ce sujet
https://forum.forumactif.com/t368120-soucis-d-enregistrement-avec-le-css
Je viens de faire un test de chargement des pages par pingdom et le forum s'affiche en 2,18s ce qui reste à améliorer . Pour peu que je puisse compresser le css , j'améliorerai sensiblement ce temps de chargement.
Re: Message étendu version mouchoir de poche sous punbb
Bonjour,
J'ai peur de ne pas trouver la raison du problème... Cependant j'ai un CSS qui résout le problème en le contournant.
Cordialement.
J'ai peur de ne pas trouver la raison du problème... Cependant j'ai un CSS qui résout le problème en le contournant.
- Code:
.main-content.frm dl {
margin-left: -150px;
}
.main-content.frm #text_editor_select_controls {
margin-left: -50px;
}
Cordialement.
Re: Message étendu version mouchoir de poche sous punbb
salut , tant pis si je dis une bétise , mais juste au cas où ...
moi j'avais un peu le problème inverse , la case était trop grande , et sans raison apparente (en tout cas je comprend pas pourquoi ça marche mais ça marche) , juste en mettant ceci , ben j'ai plus le problème
alors au cas où ^^
mais si tu tente , pense évidement à changer (je pense) la 1er ligne du css que tu donnes au dessus , sinon les deux vont "se battre en duel"
si ça change rien , fais comme si je n'étais pas passé par là ^^
bizzz
moi j'avais un peu le problème inverse , la case était trop grande , et sans raison apparente (en tout cas je comprend pas pourquoi ça marche mais ça marche) , juste en mettant ceci , ben j'ai plus le problème
alors au cas où ^^
- Code:
.sceditor-container textarea { width: 100% !important; }
mais si tu tente , pense évidement à changer (je pense) la 1er ligne du css que tu donnes au dessus , sinon les deux vont "se battre en duel"
si ça change rien , fais comme si je n'étais pas passé par là ^^
bizzz
Re: Message étendu version mouchoir de poche sous punbb
Bonjour Tech, bonjour Néco,
Merci pour votre aide.
Hélas, le forum reste réfractaire avec cette modification. J'ai vidé mes caches dans le doute mais non, l'éditeur reste conforme à la capture d'écran du premier message.
Voici un accés membre si vous souhaitez vérifier
pseudo :demeter
Mot de passe : demeter123
Je me demande si ce n'est pas le thème qui a un soucis. je rencontre un autre soucis avec la toolbar qui n'agit pas au niveau de l'index sur le slide du "bienvenue" et sur celui des "notifications". Le slide s'ouvre normalement sur les autres parties du forum. J'ai évoqué le soucis sur ce topic https://forum.forumactif.com/t368110-soucis-de-toolbar-sous-punbb
Merci Néco por votre aide. Je viens de rajouter le css que vous m'avez fourni mais le résultat est à l'identique.
Merci pour votre aide.
Hélas, le forum reste réfractaire avec cette modification. J'ai vidé mes caches dans le doute mais non, l'éditeur reste conforme à la capture d'écran du premier message.
Voici un accés membre si vous souhaitez vérifier
pseudo :demeter
Mot de passe : demeter123
Je me demande si ce n'est pas le thème qui a un soucis. je rencontre un autre soucis avec la toolbar qui n'agit pas au niveau de l'index sur le slide du "bienvenue" et sur celui des "notifications". Le slide s'ouvre normalement sur les autres parties du forum. J'ai évoqué le soucis sur ce topic https://forum.forumactif.com/t368110-soucis-de-toolbar-sous-punbb
Merci Néco por votre aide. Je viens de rajouter le css que vous m'avez fourni mais le résultat est à l'identique.
Re: Message étendu version mouchoir de poche sous punbb
S'agit-il d'un thème hitskin ? Si oui, puis-je l'avoir ?
Cordialement.
Cordialement.
Re: Message étendu version mouchoir de poche sous punbb
En fait Tech, c'est le Thème par défaut de la version Punbb. J'ai préféré opter pour celui ci pour éviter d'avoir trop à jongler pour contrecarrer le css d'origine.
Re: Message étendu version mouchoir de poche sous punbb
Bonjour,
Chez moi si je retire le CSS :
Que je change quelques valeurs comme celle-ci :
par :
Et celle-ci :
par:
Cela me donne un affichage correct, si je peux me permettre à ta place je préfèrerais utiliser les valeurs en pixel ou encore en pourcent pour les "width", les "margin" et les "padding" et garderais l'unité em pour les "font-size".
Cordialement .
Chez moi si je retire le CSS :
- Code:
.pun .frm div.posting-block dd.frm-textarea {
width: auto;
}
Que je change quelques valeurs comme celle-ci :
- Code:
fieldset.frm-set dl dt {
width: 16em;
}
par :
- Code:
fieldset.frm-set dl dd {
margin-left: 8em;
}
Et celle-ci :
- Code:
fieldset.frm-set dl dd {
margin-left: 17em;
}
par:
- Code:
fieldset.frm-set dl dt {
width: 7em;
}
Cela me donne un affichage correct, si je peux me permettre à ta place je préfèrerais utiliser les valeurs en pixel ou encore en pourcent pour les "width", les "margin" et les "padding" et garderais l'unité em pour les "font-size".
Cordialement .
Re: Message étendu version mouchoir de poche sous punbb
Bonjour SeLfde4Th7,
Merci pour cette analyse.
En fait tout est dans le css de base.
Le voici :
Voir le Fichier : theme_par_defaut_de_punbb.css
Merci pour cette analyse.
En fait tout est dans le css de base.
Le voici :
Voir le Fichier : theme_par_defaut_de_punbb.css
Re: Message étendu version mouchoir de poche sous punbb
Ah !
Bien, dans ce cas si l'on apporte les modifications suivantes dans la feuille de style :
Ceci fonctionne ?
Chez moi l'affichage est correct même en basse résolution .
Bien, dans ce cas si l'on apporte les modifications suivantes dans la feuille de style :
- Code:
.pun .frm dd.frm-textarea {
width: 82% !important;
}
fieldset.frm-set dl dd {
margin-left: 123px;
}
fieldset.frm-set dl dt {
width: 16%;
}
Ceci fonctionne ?
Chez moi l'affichage est correct même en basse résolution .
Re: Message étendu version mouchoir de poche sous punbb
Et si on essayez comme ça, l'on place ce CSS dans la feuille de style :
Puis l'on ajoute un bouton à l'éditeur :
Que l'on cache dans la réponse rapide avec ce CSS :
- Code:
#smiley-box{
width:100%;
margin:auto;
float:none;
display:none;
}
#textarea_content.posting-block, .sceditor-container textarea, .sceditor-container iframe{
width:100% !important;
}
Puis l'on ajoute un bouton à l'éditeur :
- Code:
$(function(){
$('<a class="sceditor-button sceditor-button-slidesmile" unselectable="on" title="Smiley"><div unselectable="on" style="background-image:url(http://2img.net/i/fa/i/smiles/icon_smile.gif)"></div></a>').insertBefore('.sceditor-button-date').click(function(){
$('#smiley-box').slideToggle();
});
});
Que l'on cache dans la réponse rapide avec ce CSS :
- Code:
#quick_reply .sceditor-button-slidesmile{
display:none;
}
Re: Message étendu version mouchoir de poche sous punbb
Re Self,
un peu gêné de vous dire que le bouton smiley n'apparait pas dans le message étendu. J'ai coché le script sur toutes les pages pourtant.
Le container de l'éditeur prend l'intégralité de la place ( ce qui est un plus) et la boite à smiley disparait bien du message étendu.
Ceci dit, cette approche est digne d'un virtuose (sans vouloir jouer les flatteurs).
un peu gêné de vous dire que le bouton smiley n'apparait pas dans le message étendu. J'ai coché le script sur toutes les pages pourtant.
Le container de l'éditeur prend l'intégralité de la place ( ce qui est un plus) et la boite à smiley disparait bien du message étendu.
Ceci dit, cette approche est digne d'un virtuose (sans vouloir jouer les flatteurs).
Re: Message étendu version mouchoir de poche sous punbb
Hummm, je ne pense pas que ce soit cela mais on peut essayer d'utiliser plutôt ceci :
Je vais tenter de chercher pourquoi le code ne fonctionne pas si celui-ci ne règle pas le problème .
- Code:
$(function(){
$('<a class="sceditor-button sceditor-button-slidesmile" unselectable="on" title="Smiley"><div unselectable="on" style="background-image:url(http://2img.net/i/fa/i/smiles/icon_smile.gif)"></div></a>').prependTo('.sceditor-group:last-Child').click(function(){
$('#smiley-box').slideToggle();
});
});
Je vais tenter de chercher pourquoi le code ne fonctionne pas si celui-ci ne règle pas le problème .
Re: Message étendu version mouchoir de poche sous punbb
Re Self,
Hélas, celui -ci n'agit pas non plus; sorry.
Merci en tout cas pour le temps que vous prenez pour cette aide.
Hélas, celui -ci n'agit pas non plus; sorry.
Merci en tout cas pour le temps que vous prenez pour cette aide.
Re: Message étendu version mouchoir de poche sous punbb
Re,
Peut-être (si il y a un bouton dont vous ne vous servez pas) pourrions nous changer la fonction et l'image d'un bouton de l'éditeur ?
EDIT: Si jamais c'est le cas j'ai un petit code javascript qui devrait fonctionner :
Il suffit de remplacer la class ".sceditor-button-date" par celle du bouton qu'on désire remplacer .
Peut-être (si il y a un bouton dont vous ne vous servez pas) pourrions nous changer la fonction et l'image d'un bouton de l'éditeur ?
EDIT: Si jamais c'est le cas j'ai un petit code javascript qui devrait fonctionner :
- Code:
$(function(){
$('.sceditor-button-date div').css({'background-image':'url(http://2img.net/i/fa/i/smiles/icon_smile.gif)', 'background-position':'center center'});
$('.sceditor-button-date').off('click').attr('class', 'sceditor-button sceditor-button-slidesmile').removeAttr('data-sceditor-command').attr('title', 'voir le smiley').click(function(){
$('#smiley-box').slideToggle();
});
});
Il suffit de remplacer la class ".sceditor-button-date" par celle du bouton qu'on désire remplacer .
Re: Message étendu version mouchoir de poche sous punbb
Re Self, le bouton date peut être sacrifié sans soucis . Hélas ce nouveau js n'agit pas.
Re: Message étendu version mouchoir de poche sous punbb
Bon et bien, cet éditeur n'aime pas les script .
J'ai tenter quelque chose d'extérieur qui a l'air de fonctioner, un code javascript comme ceci :
Puis un petit peu de CSS :
J'ai tenter quelque chose d'extérieur qui a l'air de fonctioner, un code javascript comme ceci :
- Code:
$(function(){
$('<div class="sceditor-group slidesmile"><a class="sceditor-button sceditor-button-slidesmile" unselectable="on" title="Smiley"><div unselectable="on" style="background-image:url(http://2img.net/i/fa/i/smiles/icon_smile.gif)"></div></a></div>').insertBefore('.posting-block').click(function(){
$('#smiley-box').slideToggle();
});
});
Puis un petit peu de CSS :
- Code:
.slidesmile{
position: relative;
top:72px; left:372px;
z-index:4;
}
Re: Message étendu version mouchoir de poche sous punbb
RE,
Toujours pas malheureusement.
Je récapitule le ccs
et le dernier js testé aussi bien sur toutes les pages que sur sujets
Pour le côté réfractaire de cet éditeur, je suis bien d'accord. je vous avouerai avoir voulu installer divers boutons qui fonctionnent bien de mon forum phpbb2 sur ce forum et aucun ne fonctionne.
Le seul bouton que j'ai trouvé et, qui ne fonctionne que sur le message rapide est celui ci. Si je coche sur toutes les pages, il n'apparait tout bonnement pas.
Toujours pas malheureusement.
Je récapitule le ccs
- Code:
#quick-reply .sceditor-button-slidesmile{
display:none;
}
#smiley-box{
width:100%;
margin:auto;
float:none;
display:none;
}
#textarea_content.posting-block, .sceditor-container textarea, .sceditor-container iframe{
width:100% !important;
}
.pun .frm dd.frm-textarea {
width: 82% !important;
}
fieldset.frm-set dl dd {
margin-left: 123px;
}
fieldset.frm-set dl dt {
width: 16%;
}
.slidesmile{
position: relative;
top:72px; left:372px;
z-index:4;
}
et le dernier js testé aussi bien sur toutes les pages que sur sujets
- Code:
$(function(){
$('<div class="sceditor-group slidesmile"><a class="sceditor-button sceditor-button-slidesmile" unselectable="on" title="Smiley"><div unselectable="on" style="background-image:url(http://2img.net/i/fa/i/smiles/icon_smile.gif)"></div></a></div>').insertBefore('.posting-block').click(function(){
$('#smiley-box').slideToggle();
});
});
Pour le côté réfractaire de cet éditeur, je suis bien d'accord. je vous avouerai avoir voulu installer divers boutons qui fonctionnent bien de mon forum phpbb2 sur ce forum et aucun ne fonctionne.
Le seul bouton que j'ai trouvé et, qui ne fonctionne que sur le message rapide est celui ci. Si je coche sur toutes les pages, il n'apparait tout bonnement pas.
- Code:
$(document).on('ready', function () {
$(".sceditor-container").append('<div class="sceditor-dropdown sceditor-duelo" style="display:none;margin-top: 27px;"><div>
<input type="button" class="magia1" value="Magia 1"><br />
<input type="button" class="magia2" value="Magia 2"><br />
<input type="button" class="magia3" value="Magia 3"><br />
<input type="button" class="magia4" value="Magia 4">
</div></div>');
$('<a class="sceditor-button bbcode-duelo" title="Duelo"><div style="background-image:url(https://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/fortress.png)">Quadrado</div></a>').insertBefore('.sceditor-button-quote').click(function () {
var f = $(".sceditor-duelo").css("display");
if(f =='none') {$(".sceditor-duelo").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); }
else {$(".sceditor-duelo").hide(); }
});
$(".sceditor-duelo .magia1").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[spoiler]magia 1[/spoiler]');
});
$(".sceditor-duelo .magia2").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[spoiler]magia 2[/spoiler]');
});
$(".sceditor-duelo .magia3").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[spoiler]magia 3[/spoiler]');
});
$(".sceditor-duelo .magia4").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[spoiler]magia 4[/spoiler]');
});
});
Re: Message étendu version mouchoir de poche sous punbb
Décidément !
Pourrais-tu essayez de mettre ce dernier dans le template posting_body, tout à la fin du template après la variable "{SCEDITOR}" entre les balises script, comme ceci :
Pourrais-tu essayez de mettre ce dernier dans le template posting_body, tout à la fin du template après la variable "{SCEDITOR}" entre les balises script, comme ceci :
- Code:
<script type="text/javascript">
$(function(){
$('<div class="sceditor-group slidesmile"><a class="sceditor-button sceditor-button-slidesmile" unselectable="on" title="Smiley"><div unselectable="on" style="background-image:url(http://2img.net/i/fa/i/smiles/icon_smile.gif)"></div></a></div>').insertBefore('.posting-block').click(function(){
$('#smiley-box').slideToggle();
});
});
</script>
Re: Message étendu version mouchoir de poche sous punbb
Bonjour SeLfde4Th7,
Et c'est une victoire
Le bouton apparait et est fonctionnel à 100 %.
Un grand merci pour cette aide et surtout pour cette grande patience.
Et c'est une victoire
Le bouton apparait et est fonctionnel à 100 %.
Un grand merci pour cette aide et surtout pour cette grande patience.
Re: Message étendu version mouchoir de poche sous punbb
Content d'avoir pu résoudre ton problème .
Bonne journée .
Bonne journée .
Sujets similaires
» Beug du posting_body avec l'éditeur de message étendu verssion punbb
» profil un peu spéciale--au dessus d'un message sous punbb
» Message rapide et message étendu
» EDITEUR DE MESSAGE ETENDU
» Message étendu qui n'apparait plus
» profil un peu spéciale--au dessus d'un message sous punbb
» Message rapide et message étendu
» EDITEUR DE MESSAGE ETENDU
» Message étendu qui n'apparait plus
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum