Modifiche versione mobile

Promemoria primo messaggio :

Buongiorno a tutti, ho una domanda che riguarda la versione mobile del Forum da come si può dedurre dal titolo, e perdonatemi se ho postato nella sezione sbagliata, non sapevo dove postarla.

Cosa si può modificare della versione mobile?

Perché mi pare d'aver capito poco o niente giusto?

La grafica in maniera molto limitata, mentre è possibile aggiungere un minimo di impaginazione? Tipo prima ed ultima pagina? O in sostanza, cosa si può fare su mobile? E soprattutto il tasto embed sulla versione mobile, se è possibile averlo.


Diciamo le cose principali importanti sono: 

1. Tasto embed nell'editor della versione mobile
2. Impaginazione nei topi almeno per prima ed ultima pagina
3. Embed PDF su mobile, si può, non si può?

Perdonate il post scritto male ma sto da telefono al semaforo, ringrazio in anticipo per eventuali risposte

Eccomi, scusa il ritardo ma dal telefono non mi faceva selezionare il testo perciò ho dovuto aspettare di tornare a casa

Spoiler:

provo a fare qualcosa intanto se vuoi usufruire di quella opzione dal cellulare imposta la versione web.

prova a rimettere tutto il template e vedi come va

Codice:

<script type="text/javascript">
    //<![CDATA[
    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }

            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
                {
                    if( $(this).is(":visible") )
                    {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                    }
                    else
                    {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                    }
                });
            }
        }
        catch(e) { }

        return false;
    };
    //]]>
</script>

<script type="text/javascript">
   //<![CDATA[
   $(document).ready(function() {
      var desc = $('#page-desc'),
         desc_content = desc.children('.page-desc-content'),
         desc_btn = desc.children('.page-desc-btn');

      if (!desc_content.children('div').is('')) {
         desc.addClass('visible');

         if(desc_content.find('div')[0].scrollHeight > 64) {
            desc_btn.addClass('visible');
         }
      }

      desc_btn.on('click', function() {
         desc.toggleClass('expanded');
      });
   });
   //]]>
</script>
{POSTER_MORE_MODAL}
<div class="breadcrumbs">
   <a class="nav nav-solid" href="{U_INDEX}">
      <span>{L_INDEX}</span>
   </a>
    {NAV_CAT_DESC_DESKTOP}
</div>

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn btn-rep-topic" {S_POST_REPLY_TOPIC} title="{L_POST_REPLY_TOPIC}">
   <i class="material-icons">{I_POST_REPLY_TOPIC}</i> {L_POST_REPLY_TOPIC}
</a>
<!-- END switch_user_authreply -->

<!-- BEGIN viewtopic_bottom -->
<form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
   <input type="hidden" name="t" value="{TOPIC_ID}" />
   <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
   <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
   <label>
      <div class="quickmod-wrap">
            {S_SELECT_MOD}
      </div>
   </label>
</form>
<!-- END viewtopic_bottom -->

<div id="page-desc" class="box-subtle">
   <div class="page-desc-content">
      <div>{TOPIC_TITLE}</div>
   </div>
   <div class="page-desc-btn">
      <i class="material-icons">keyboard_arrow_down</i>
      <i class="material-icons">keyboard_arrow_up</i>
   </div>
</div>
{POSTERS_LIST}
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}

<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}" class="topic">
    <!-- BEGIN hidden -->
    <div class="post-section {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
    </div>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
    <div id="p{postrow.displayed.U_POST_ID}" class="post-section {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <div class="post-head">
            <div class="post-icon"><i class="material-icons" style="display: {postrow.displayed.DISPLAY_ICON};">person</i>{postrow.displayed.POSTER_AVATAR}</div>
            <div class="post-info">
                <div class="h3">{postrow.displayed.POST_DATE_NEW}</div>
                <div class="post-details">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME}</div>
            </div>
        </div>
        <div class="post-content">
            {postrow.displayed.MESSAGE}
            <!-- BEGIN switch_attachments -->
            <div class="attachbox">
                <p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
                <dl class="attachments">
                    <!-- BEGIN switch_post_attachments -->
                    <dt>
                        <!-- BEGIN switch_dl_att -->
                        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_dl_att -->
                        <!-- BEGIN switch_no_dl_att -->
                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_no_dl_att -->
                    </dt>
                    <dd>
                        <!-- BEGIN switch_no_comment -->
                        <p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
                        <!-- END switch_no_comment -->
                        <!-- BEGIN switch_no_dl_att -->
                        <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
                        <!-- END switch_no_dl_att -->
                        <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
                    </dd>
                    <!-- END switch_post_attachments -->
                </dl>
            </div>
            <!-- END switch_attachments -->
        </div>
      {postrow.displayed.EDITED_MESSAGE}
      <!-- BEGIN switch_likes_active -->
      <div class="fa_like_div">
         <!-- BEGIN switch_like_list -->
            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
         <!-- END switch_like_list -->
         <!-- BEGIN switch_dislike_list -->
            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
         <!-- END switch_dislike_list -->
      </div>
      <!-- END switch_likes_active -->
      <ul class="post-buttons">
         <!-- BEGIN switch_likes_active -->
            <button class="rep-button rep-button-ellipsis {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
               <i class="material-icons">thumb_up</i>
               {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
               <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
            </button>
         <!-- BEGIN switch_dislike_button -->
            <button class="rep-button rep-button-ellipsis {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
               <i class="material-icons">thumb_down</i>
               {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
               <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
            </button>
         <!-- END switch_dislike_button -->
         <!-- END switch_likes_active -->
         <!-- BEGIN switch_edit_quote_buttons -->
         <div class="navmenu_block">
            <div class="navmenu_show"><i class="material-icons">more_horiz</i></div>
            <div class="navmenu_list">
               <li>{postrow.displayed.DELETE_IMG}</li>
               <li>{postrow.displayed.EDIT_IMG}</li>
               <li>{postrow.displayed.QUOTE_IMG}</li>
            </div>
         </div>
         <!-- END switch_edit_quote_buttons -->
      </ul>
    </div>
    <!-- BEGIN first_post_br -->
    <hr id="first-post-br" />
    <!-- END first_post_br -->
    <!-- END displayed -->
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{INLINE_MESSAGE}

{QUICK_REPLY_FORM}

<!-- BEGIN promot_trafic -->
<div class="module" id="ptrafic_close" style="display: none;">
   <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="material-icons">add</i></a>{PROMOT_TRAFIC_TITLE}</div>
</div>
<div class="module" id="ptrafic_open" style="display:'';">
   <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="material-icons">remove</i></a>{PROMOT_TRAFIC_TITLE}</div>
   <div class="module-table">
      <table summary="{PROMOT_TRAFIC_TITLE}">
         <tbody>
         <!-- BEGIN link -->
         <tr>
            <td>
               <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}">
                  <i class="ion-document-text"></i>
                        {promot_trafic.link.TITLE}
               </a>
            </td>
         </tr>
         <!-- END link -->
         </tbody>
      </table>
   </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} rel="nofollow" class="btn-floating">
    <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
   <span class="btn-floating-txt">{L_POST_REPLY_TOPIC}</span>
</a>
<!-- END switch_user_authreply -->

<script src="https://sd-2.archive-host.com/membres/up/164771344549570006/pagination.js"></script>

<span class="gen"><form name="go_page"><table class="forumline" cellpadding="5" cellspacing="1" border="0" width="150"><tbody><tr><th class="thHead">Vai alla pagina</th></tr><tr><td class="row1" align="center"><input type="text" class="bginput" name="start" size="5" onkeypress="if (event.keyCode==13) { do_pagination_start();return false; }"> <input type="button" class="button" value="Vai" onclick="do_pagination_start();return false;"></td></tr></tbody></table></form></span>

Non mi risulta piu l'errore pero' provalo perche non mi ricordo se ho usato il tuo template

Buongiorno! Ho messo il tuo codice ma quando imposto una pagina e clicco "vai" non mi trova nessuna pagina, anche se in realtà le ho

vai in pannello-generale-Messaggi ed email-configurazione impostalo ho cosi



In alternativa con 10

Ho cambiato ma stesso risultato

Non capisco a me funziona a te no.Prova a mettere la versione mobile moderna

A me fa scegliere tra versione web e versione mobile, ed io ho la versione mobile.
Comunque grazie mille lo stesso, non capisco da che possa dipendere

Subito sotto non c'è l'opzione "scelta della versione mobile"
Naturalmente nel pannello.

Io ho questo

Evidentemete gli sviluppatori per la tua versione sono rimasti un po indietro tutte le altre versioni hanno quell'opzione.Che dirti l'ultima cosa che posso provare e apri un forum dove ci sono piu pagine e dammi modo di poterlo vedere.Mandami il link

ecco qui
https://galaxypledges.forumattivo.com/t76-aiuto-ppeppeeeeeeeeeeeeeeeeeeeeee

Scusa il ritardo ho controllato il tuo link e credo chequella opzione era gia presente devi clikkare su pagina per far aprire il box. fai una prova : togli lo script e vedi se non funziona rimetti lo script

Buongiorno! Ho provato ma in questo modo funziona solo nella versione web, nella versione mobile semplicemente non appare, comunque sia grazie mille lo stesso mi stai aiutando molto.
Stavo pensando comunque, che visto la difficoltà per inserire questo sistema, si potrebbe utilizzare il codice arabo postato in precedenza da rozalia, e snellirlo un pochino.

Perchè quel sistema funziona, ma fa anche troppo, non è possibile utilizzare parte di quel codice ed inserirlo in modo più "snello" direttamente nell'impaginazione già presente?

Intendo in questo modo:

Prima:

Dopo:

ps: però con i pulsanti "last" e "first" invertiti che ho dimenticato di scambiarli per l'esempio >_>

Buongiorno,per snellirlo devi creare due script 

Per lo script

Codice:

<script src="https:.js">

Per il css

Codice:

<link rel="stylesheet" href="https:....css" /><style>

in questo caso lo puoi inserire nel template se hai uno spazio web ti basta caricare i files e prendere il link

Hum okok, non ho capito molto bene ma vedrò più avanti xD grazie mille per l'aiuto!

Buongiorno ok quando vuoi , intanto ti lascio il tuo templates con una nuova modifica se ti va di provarla

viewtopic_body (versione mobile):