Post, Mobile e Widget

[Simone Boi]

Salve a tutti! Scusatemi se vi ho fatto preoccupare, ma non volevo aprire un altro topic senza prima chiudere il precedente, come al solito proseguo con le domande

1. Ho aggiunto il "Scroll to Top button", il problema è che si vede anche su mobile, come lo nascondo lì?

2. Ho inserito lo script per "Copiare" con un click il contenuto di un , il "problema" è che su ModernBB il tasto del "Copia codice" si trova sopra all'icona del codice, e questi non si riesce a cliccare bene, spiego meglio con un esempio:



Come risolvere? 

3. Ho inserito un bottone nell'editor per aprire una nuova finestra su un sito, il codice "funziona", è presente nello SCEditor, sono riuscito a cambiare l'icona, e quando lo clicco mi porta al sito che ho configurato, il problema è che mi va in conflitto con qualcosa e mi toglie la toolbar, come risolvere? È sbagliato qualcosa nello script? C'è un altro modo per fare la stessa cosa? Posto lo script usato:


[code]$(function() {
   $.sceditor.command.set('newcmd', {
     exec: function() {
             this.insert('https://pastebin.com/');
     },
    txtExec: function() {
             window.open("https://pastebin.com/");
     },
     tooltip: 'Apri Pastebin'
   });
  
   if($.sceditor

[MattiaDes]

1) Purtroppo gli script vengono aggiunti sia alla versione mobile, che a quella desktop. Non c'è modo di distinguere questa cosa, se non tramite il codice stesso (tramite mobile ad esempio viene usata la classe mwrap invece di wrap, ecc...)

Sulla versione mobile è implementato nativamente il "scroll to top button". Quello nativo lo vuoi lasciare, giusto? Se vuoi togliere quello tuo dalla mobile, aggiunti questo CSS:

Codice:

#mpage-body-modern .scrollToTop {
    display: none !important;
}

2) Trattandosi di una funzione personalizzata e non di Forumattivo, ho bisogno di un URL di esempio per analizzare il problema. Riesci a passarmi un topic con il code? Per risolvere, credo basti spostare la scritta leggermente più a sinistra

3) Ho provato a guardare il codice, ma proprio non riesco a capire cos'è che causa il problema. Ad ogni modo mettere codici di questo tipo in tutte le pagine, è sempre rischioso e non performante. Ho fatto una modifica al codice in modo che funzioni solo nelle pagine di nuovo argomento / risposta / modifica:

Codice:

$(function() {
    if (document.URL.indexOf("&mode=reply") >= 0 || document.URL.indexOf("&mode=newtopic") >= 0 || document.URL.indexOf("&mode=editpost") >= 0) {
        $.sceditor.command.set('newcmd', {
            exec: function() {
                this.insert('https://pastebin.com/');
            },
            txtExec: function() {
                window.open("https://pastebin.com/");
            },
            tooltip: 'Apri Pastebin'
        });

        if ($.sceditor && window.toolbar) {
            window.toolbar = window.toolbar.replace(/time,/gi, "time,newcmd,");
        }

        // Set new BBCode icon
        $('head').append($('<style>', {
            text: '.sceditor-button-newcmd div{background-image: url(https://i.imgur.com/1UM8GhA.png) !important}'
        }));
    }
});

4) Così andrebbe bene?

5) Non mi piace molto come codice. In pratica è come se rendesse il box sempre aperto, ma "nascosto". Provo comunque a darci un'occhiata e ti faccio sapere

[Simone Boi]

Ciao Mattia! Giuro che ho veramente quasi finito, dopo queste domande le prossime saranno principalmente e quasi esclusivamente riguardanti css/template, insomma solo parte grafica e visualizzazione

1. Ha funzionato benissimo! Grazie mille!

2. Qui c'è il codice https://www.galaxypledges.net/t72-test-clip#400 va benissimo spostare un po' la scritta o sostituirla con un'immagine, a tua scelta

3. Adesso avevo risolto così:

Spoiler:

Dimmi tu se va bene o è meglio usare il tuo.

4. Sarebbe meglio riempire il widget, ma così è decisamente molto meglio xD quindi se è infattibile la prima va bene anche così

5. Ah io pensavo fosse meglio invece perchè era solo css al limite me ne priverò, crea un effetto carino ma non voglio creare scompensi per una cosa così piccola, grazie comunque u.u

[MattiaDes]

2) Ecco il codice per spostare la scritta:

Codice:

.fae_copy-code {
    margin-right: 40px;
}

Per sostituirla con un'immagine bisognerebbe invece agire modificando il codice javascript (e servirebbe un'icona sia per il "COPY CODE" che per il "COPIED")

3) Se non crea più alcun tipo di conflitto va benissimo anche il tuo codice, altrimenti per sicurezza aggiungici comunque l'IF per fare in modo che si azioni solo nelle pagine desiderate

4) Riempire tutto il widget non è fattibilissimo, perchè di default tutti i widget su quella versione hanno un margine esterno. Si potrebbe rimuovere, ma poi verrebbe tolto anche a tutti gli altri:

Per farlo come lo avevo messo io, rimuovi questo pezzo dal tuo codice:

Codice:

.picshow_main{position:relative;width:180px;height:135px;margin-left:13px;}

E sostituiscilo con questo:

Codice:

.picshow_main {position: relative;width: 100%;height: 135px;}

Poi cerca questo:

Codice:

.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:140px;height:135px}

E sostituiscilo con questo:

Codice:

.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:100%;height:135px}

Se vuoi centrare meglio i bottoni in basso, cerca .picshow_change e come left metti 60px invece di 20px

5) Nulla da farci

[Simone Boi]

Fantastico! Mi hai risolto praticamente tutti i problemi principali! Rimane qualche cazzatella ma quelle le chiederò sul forum inglese così ti faccio riposare un po' xD

Grazie ancora! Le prossime domande saranno più cose grafiche <3

[MattiaDes]

Perfetto

..	Caro utente, ricordati che se il tuo problema ha ricevuto una risposta o può essere considerato risolto, è necessario premere sul bottone così da inserire l'icona risolto e facilitare il lavoro del personale. Grazie per la tua collaborazione