Message étendu version mouchoir de poche sous punbb

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Ven 23 Mai 2014 - 7:31

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
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

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Neptunia le Ven 23 Mai 2014 - 7:56

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10951
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Ven 23 Mai 2014 - 8:22

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
http://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.


demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Sam 24 Mai 2014 - 7:59

up

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Tech le Sam 24 Mai 2014 - 14:21

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.
Code:
.main-content.frm dl {
    margin-left: -150px;
}
.main-content.frm #text_editor_select_controls {
    margin-left: -50px;
}

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par néco le Sam 24 Mai 2014 - 14:34

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  scratch 

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" Laughing

si ça change rien , fais comme si je n'étais pas passé par là Laughing ^^

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Sam 24 Mai 2014 - 14:52

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 http://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.

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Tech le Sam 24 Mai 2014 - 15:09

S'agit-il d'un thème hitskin ? Si oui, puis-je l'avoir ?

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21119
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Sam 24 Mai 2014 - 15:17

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Self le Sam 24 Mai 2014 - 15:52

Bonjour,

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 Smile.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Sam 24 Mai 2014 - 16:18

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

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Self le Sam 24 Mai 2014 - 16:34

Ah !
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 Wink.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Sam 24 Mai 2014 - 16:58

Bien vu Self  cheers 

J'ai juste la boite à smiley qui pose soucis. Je pense qu'il va falloir me résoudre à la mettre en dessous de l'éditeur pour éviter ce soucis de glissement.


demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Self le Sam 24 Mai 2014 - 17:29

Et si on essayez comme ça, l'on place ce CSS dans la feuille de style :
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://illiweb.com/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;
}

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Sam 24 Mai 2014 - 17:43

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).

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Self le Sam 24 Mai 2014 - 17:59

Hummm, je ne pense pas que ce soit cela mais on peut essayer d'utiliser plutôt ceci :
Code:
$(function(){
    $('<a class="sceditor-button sceditor-button-slidesmile" unselectable="on" title="Smiley"><div unselectable="on" style="background-image:url(http://illiweb.com/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 Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Sam 24 Mai 2014 - 19:07

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Self le Sam 24 Mai 2014 - 20:04

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 Smile:
Code:
$(function(){
    $('.sceditor-button-date div').css({'background-image':'url(http://illiweb.com/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 Wink.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Dim 25 Mai 2014 - 0:56

Re Self, le bouton date peut être sacrifié sans soucis . Hélas ce nouveau js n'agit pas.

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Self le Dim 25 Mai 2014 - 2:28

Bon et bien, cet éditeur n'aime pas les script Smile.
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://illiweb.com/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;
}

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Dim 25 Mai 2014 - 4:57

RE,
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://illiweb.com/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]');
});
});


demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Self le Dim 25 Mai 2014 - 14:17

Décidément Sad!

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://illiweb.com/fa/i/smiles/icon_smile.gif)"></div></a></div>').insertBefore('.posting-block').click(function(){
         $('#smiley-box').slideToggle();
      });
   });
</script>

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par demeter1 le Dim 25 Mai 2014 - 16:29

Bonjour SeLfde4Th7,

Et c'est une victoire  ::fete::  ::fete::  ::fete::  ::fete:: 
Le bouton apparait et est fonctionnel à 100 %.

Un grand merci pour cette aide et surtout pour cette grande patience.


demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Message étendu version mouchoir de poche sous punbb

Message par Self le Dim 25 Mai 2014 - 16:32

Content d'avoir pu résoudre ton problème Mr. Green .

Bonne journée Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum