Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Page 3 sur 3 Précédent  1, 2, 3

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

Résolu Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Mer 24 Aoû 2016 - 21:36

Rappel du premier message :

Détails techniques


Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumessai.superforum.fr/

Description du problème

Bonsoir à tous,


Je recherche à mettre une fenêtre (type réponse rapide) en haut de mon forum pour une création rapide de sujet. Avec liste déroulante du choix de la rubrique.
Cette fenêtre de création de sujet apparaîtrait après la connexion. Je souhaiterai aussi qui y ait la possibilité de la rétracter ( Cacher ou mise en icône genre + ) .

En image ce que je recherche à obtenir:



Merci de votre aide.

Cordialement, @To


Dernière édition par @To le Mer 23 Nov 2016 - 14:58, édité 1 fois
avatar

@To
*****

Masculin
Messages : 974
Inscrit(e) le : 26/02/2015

https://www.diamant-mandarin-evo.com/
@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Lun 14 Nov 2016 - 23:33

Bonsoir,

Je remonte le sujet.
Personne ne serait m'aider pour continuer le sujet ?

Cordialement,
Tony
avatar

@To
*****

Masculin
Messages : 974
Inscrit(e) le : 26/02/2015

https://www.diamant-mandarin-evo.com/
@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par Milouze14 le Ven 18 Nov 2016 - 10:42

Hello Tony,

bon j'ai trouvé une parade pour les images, ensuite tu veux cette "Réponse rapide juste sur la page d'accueil ?


Dans ce cas il va falloir tout revoir mon ami,

Pour cette réponse rapide, elle sera visible une fois connectée et seulement sur la page d’accueil .


Modules/HTML & JAVASCRIPT/Gestion des pages HTML/Création en mode avancé (HTML)

Titre * : Mettre un titre
Voulez-vous utiliser le haut et le bas de page de votre forum ? Cocher Non
Utiliser cette page en tant que page d'accueil ? Cocher Non

Déposes ce contenu:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <head>

<link rel="icon" type="image/png" href="http://milouze14.fr/bleu-firefox-icone-9227-32.png" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <title> Quick reply par Milouze14</title> 

    <style type="text/css">


  /*LE BLOC COMPLET*/
  #M14_quick-toggle{position:absolute;width:60%;margin-left:20%;height:400px;background-color:white;}

  /*LA PARTIE ENTOURANT LA REPONSE RAPIDE*/
.M14_quick-toggle
{
border:1px solid black;


}

      /*--- Bloc réponse rapide ---*/
  /*SUPPRESSION DES DIV SANS CONTENU*/
.sceditor-group:empty{display:none !important;}

   
    /*---  Partie supérieure ---*/
   
    div.sceditor-toolbar {
    background-color: grey !important;
    width: auto!important;
    }
    div.sceditor-group{background-color:white !important;}
  .sceditor-container{width:96% !important;margin-top: 5px !important;}
   
    .sceditor-container iframe, .sceditor-container textarea {
    background-color: white !important;
    color:violet !important;
    text-align:justify;
    margin:2% !important;
    line-height: 16px;
    height:150px !important;
    width:96% !important;
    font-size:11px !important;
    }

  /*ON CHANGE L IMAGE DU BOUTON D HEBERGEMENT DES IMAGES*/
.sceditor-button.sceditor-button-horizontalrule div
{
background-image:none !important;
}
.sceditor-button.sceditor-button-horizontalrule div
{
background:url(https://i37.servimg.com/u/f37/11/26/21/37/167-up10.png)!important;
}
input#topic{text-indent:3px;}
fieldset,select,inpu#Envoyer{font-size:11px;}
     
    </style>

  </head>

      <body>
        <script>
$(function () {
                $.sceditor && ($.sceditor.commands.horizontalrule["exec"] = $.sceditor.commands.horizontalrule["txtExec"] = function (caller) {
                    var content = '<p><iframe src="http://www.hostingpics.net/iframe_mini.php" width="400" height="100" scrolling="no" frameborder="0" allowtransparency="true"></iframe></p>';
                    this.createDropDown(caller, 'horizontalrule', content);
                })
            });
  </script>
 
 
 
 
  <script>
  $(function(){$(function(){
$('.sceditor-button.sceditor-button-horizontalrule').attr('title','Héberger une image');
$('.sceditor-button.sceditor-button-source,.sceditor-button.sceditor-button-color,.sceditor-button.sceditor-button-cut,.sceditor-button.sceditor-button-copy,.sceditor-button.sceditor-button-paste,.sceditor-button.sceditor-button-pastetext,.sceditor-button.sceditor-button-email,.sceditor-button.sceditor-button-unlink,.sceditor-button.sceditor-button-emoticon,.sceditor-button.sceditor-button-ltr,.sceditor-button.sceditor-button-rtl,.sceditor-button.sceditor-button-print,.sceditor-button.sceditor-button-maximize').remove();
$('.sceditor-button.sceditor-button-bold').attr('title','Gras');
$('.sceditor-button.sceditor-button-italic').attr('title','Ital.');
$('.sceditor-button.sceditor-button-underline').attr('title','Soulig.');
$('.sceditor-button.sceditor-button-strike').attr('title','Barré');
$('.sceditor-button.sceditor-button-subscript').attr('title','Indice');
$('.sceditor-button.sceditor-button-superscript').attr('title','Exposant');
$('.sceditor-button.sceditor-button-left').attr('title','Aligné à gauche');
$('.sceditor-button.sceditor-button-center').attr('title','Centré');
$('.sceditor-button.sceditor-button-right').attr('title','Aligné à droite');
$('.sceditor-button.sceditor-button-justify').attr('title','Justifié');
$('.sceditor-button.sceditor-button-font').attr('title','Police');
$('.sceditor-button.sceditor-button-size').attr('title','Taille Police');
$('.sceditor-button.sceditor-button-removeformat').attr('title','Supprimer le formatage du texte');
$('.sceditor-button.sceditor-button-bulletlist').attr('title','-Liste');
$('.sceditor-button.sceditor-button-orderedlist').attr('title','Liste ordonnée');
$('.sceditor-button.sceditor-button-table').attr('title','Insérer un tableau');
$('.sceditor-button.sceditor-button-quote').attr('title','Citer');
$('.sceditor-button.sceditor-button-image').attr('title','Insérer une image');
$('.sceditor-button.sceditor-button-link').attr('title','Insérer un lien');
$('.sceditor-button.sceditor-button-youtube').attr('title','Insérer une vidéo Youtube');
$('.sceditor-button.sceditor-button-date').attr('title','Date actuelle');
 $('.sceditor-button.sceditor-button-time').attr('title','Heure actuelle');
}) });
  </script>
 <script>
      $(function() {
      $("textarea").sceditor({
      plugins: "bbcode",
      plugins: "xhtml",
  style: "http://illiweb.com/rs3/18/frm/SCEditor/minified/jquery.sceditor.default.min.css"
      });
    });
   
    </script> 
 
       

        <div id="M14_quick-toggle">
               
          <div>
  <center>
    <div class="M14_quick-toggle">
<form action="/post" name="post" method="post" enctype="multipart/form-data" id="quick_reply">
 
             
<link rel="stylesheet" href="https://illiweb.com/rs3/39/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="https://illiweb.com/rs3/39/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/39/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/39/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/39/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/39/frm/SCEditor/src/instance-sceditor.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/39/frm/SCEditor/src/sceditor-custom-bbcode.js"></script>

 
<textarea name="message"></textarea>


        <div style="margin-top:4px;">

  <div style="text-align:center;color:black;">
  <fieldset style="border:none;">Poster le sujet en tant que :
<label><input type="radio" name="topictype" value="0" checked="checked"style="bottom: -2px;position: relative;"/>
  <span style="margin-left:5px;">Normal</span></label>
<label><input type="radio" name="topictype" value="1"style="bottom: -2px;position: relative;"/>
  <span style="margin-left:5px;">Post-it</span></label>
  <label><input type="radio" name="topictype" value="2"style="bottom: -2px;position: relative;"/>
    <span style="margin-left:5px;">Annonce</span></label>
<label><input type="radio" name="topictype" value="3"style="bottom: -2px;position: relative;"/>
  <span style="margin-left:5px;">Annonce globale</span></label>
</fieldset>
  </div> 
<fieldset class="submit-buttons" style="border:none;">
  <div style="text-align:center;color:black;">
<select name="forum_select" id="forum_select">
<option value="78">Votre sélection</option>
<option value="1">Fofo 1</option>             
<option value="2">Fofo 2</option>       
<option value="3">Fofo 3</option>       
<option value="4">Fofo 4</option>       
<option value="5">Fofo 5</option>             
<option value="6">Fofo 6</option>
<option value="7">Fofo 7</option>                           
</select>
<script>
jQuery(function(){
jQuery('#forum_select').on('change', function(){
jQuery('input:hidden[name="f"]').val(jQuery(this).val());});});
</script>
</div>
<br />
  <div style="text-align:center;color:black;">
   
<input type="hidden" name="mode" value="newtopic"/>
<input type="hidden" name="lt" value="0"/>
    <input type="text" class="inputbox" id="topic" name="subject" placeholder="Titre de votre sujet..." style="margin-left:30px;width: 300px;color:black;font-height:bold;" onclick="this.focus();this.select();" onchange="notrisde();"title="Merci de mettre un titre explicatif" /><br /><br />
<input type="hidden" name="f" value="51"/>
<input id="Envoyer" value="Envoyer" type="submit" class="button1" name="post" onclick="gerercode();"style="cursor:pointer;background: transparent !important;border: none !important;color: black;"/>

  </div>
</fieldset>
                   
</div>
</form>

</div>
  </center>
  </div>
  </div>

      </body>

</html>



Cliques sur "Valider".


Repères le lien de cette page car on va l'insérer plus bas dans le template index_body


Dans le template index_body:
Affichage/Templates/Général/index_body


Recherches ceci:
Code:

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->





Juste après déposes ceci:
Code:

<!-- BEGIN switch_user_logged_in -->
<center><span class="M14_toggleQuick"title="Afficher/Masquer la réponse rapide">
    <span style="font-size:16px;color:darkgreen;margin-right:5px;">«</span>Réponse rapide 
    <span style="font-size:16px;color:darkgreen;margin-left:5px;">»</span></span>
  </center>
<iframe src="LE LIEN DE LA PAGE HTML" id="M14_IframeQuick"></iframe>
<!-- END switch_user_logged_in -->



Ici, il faudra mettre le lien de la page créée :
Code:
<iframe src="LE LIEN DE LA PAGE HTML" id="M14_IframeQuick"></iframe>

Penses a enregistrer les modifications en cliquant respectivement sur et

Ensuite on va créer un script qui affichera ou masquera cette réponse rapide:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript[/b]

"Créer un nouveau javascript"

Titre * : ce que tu souhaites
Placement :Sur l'index

Déposes ceci:
Code:

$(function(){
$('.M14_toggleQuick').click(function(){
$('iframe#M14_IframeQuick').slideToggle();
});});


Puis un peu de style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:

iframe#M14_IframeQuick
{
width:100%;
display:none;
height:450px;
border: none !important;
}
.M14_toggleQuick
{
position:relative;
top: -10px;
cursor:pointer;
font-size:13px;
color:orange;
}




Penses à cliquer sur le bouton


Et voilà tout devrait fonctionner mon ami Wink

a++
avatar

Milouze14
Membre actif

Masculin
Messages : 4727
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Ven 18 Nov 2016 - 15:01

Hello Philippe,


Ouahhh ! Génial Very Happy



J'ai mis tout en place sans avoir encore testé .
L'hébergeur est hostingpics, ce serait compliqué de le changer pour mettre Servimg ?

Cool le résultat Cool


avatar

@To
*****

Masculin
Messages : 974
Inscrit(e) le : 26/02/2015

https://www.diamant-mandarin-evo.com/
@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par Milouze14 le Ven 18 Nov 2016 - 15:03

Re,

L'hébergeur est hostingpics, ce serait compliqué de le changer pour mettre Servimg ?

Si j'avais trouvé la combine je l'aurais déposé volontiers car entre le deux hébergeurs mon choix aller
sur Servimg Wink .

a++
avatar

Milouze14
Membre actif

Masculin
Messages : 4727
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Ven 18 Nov 2016 - 15:06

Re,

Ok, merci pour tout ce travail.. Je vais faire quelques tests et réglages, je te fais un retour du résultats thumright

Edit: Pour Phillipe, je garde le travail effectué sur mon forum d essai. Je mettrais en forme lorsque j'aurais plus de temps et reviendrais dessus tranquillement.

Encore merci 😉

a+
avatar

@To
*****

Masculin
Messages : 974
Inscrit(e) le : 26/02/2015

https://www.diamant-mandarin-evo.com/
@To a été remercié(e) par l'auteur de ce sujet.

Page 3 sur 3 Précédent  1, 2, 3

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