Message étendu version mouchoir de poche sous punbb

5 participants

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

Message étendu version mouchoir de poche sous punbb Sans_t89

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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 Ven 23 Mai 2014 - 7:56

Coucou ^^


Sans rapport direct avec le sujet, ton forum vu par Comodo Dragon 33 et Adblock
Message étendu version mouchoir de poche sous punbb 0c9eHFe

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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 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
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.

Message étendu version mouchoir de poche sous punbb Sans_t90
demeter1

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 Sam 24 Mai 2014 - 7:59

up
demeter1

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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.
Tech

Tech
Membre actif

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

https://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 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

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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 Sam 24 Mai 2014 - 15:09

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

Cordialement.
Tech

Tech
Membre actif

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

https://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 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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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

Self
Membre actif

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

https://selfback.forumactif.com/
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 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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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

Self
Membre actif

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

https://selfback.forumactif.com/
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 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.

Message étendu version mouchoir de poche sous punbb Sans_t92
demeter1

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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://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;
}
Self

Self
Membre actif

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

https://selfback.forumactif.com/
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 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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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://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 Wink .
Self

Self
Membre actif

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

https://selfback.forumactif.com/
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 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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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://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 Wink.
Self

Self
Membre actif

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

https://selfback.forumactif.com/
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 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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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://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;
}
Self

Self
Membre actif

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

https://selfback.forumactif.com/
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 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://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]');
});
});

demeter1

demeter1
Membre actif

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

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

Self
Membre actif

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

https://selfback.forumactif.com/
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 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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 Dim 25 Mai 2014 - 16:32

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

Bonne journée Wink .
Self

Self
Membre actif

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

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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