Sfondo personalizzato per ogni post

3 partecipanti

Risolto Sfondo personalizzato per ogni post

Messaggio Da Vayiolet.ta Mar 3 Gen 2017 - 18:12

buona sera  santa

ho un problema con il tutorial Sfondi dei Topic

Codice:
Installazione della risorsa
Prima di tutto, andate verso PDA ► Moduli ► HTML & Javascript ► Gestione dei codici javascript ed aggiungete questo codice.

Titolo: a piacere
Dove: In tutte le pagine
Codice:
$(function() {
  $("div.postbody").each(function() {
    var n = this;
    if($(".post-entry", n).length) {
      n = $(".post-entry", n)[0]
    }else {
      if($(".content", n).length) {
        n = $(".content", n)[0]
      }
    }
    while(n.nodeType != 3 && n.hasChildNodes()) {
      n = n.childNodes[0]
    }
    if(n.nodeType != 3) {
      return;
    }
    if(n.nodeValue.substr(0,8)  != "[postbg=") {
      return;
    }
    var m = n.nodeValue.match(/^\[postbg=([^\]]*)\]/);
    if(!m) return;
    $(this).closest("div.post-container,div.post,td.row1,td.row2,div.postmain").addClass("postbg").css("background-image", "url(" + m[1] + ")");
    n.nodeValue = n.nodeValue.replace(/^\[postbg=[^\[]*\]\n?/, "");
    if(!n.nodeValue && n.nextSibling && n.nextSibling.nodeType == 1 && n.nextSibling.tagName == "BR") {
      $(n.nextSibling).remove()
    }
  });
  if($("#text_editor_textarea").length && $.sceditor) {
    var bglist = "https://i37.servimg.com/u/f37/17/99/15/97/31711313.png gocce,http://i.imgur.com/DcTM2Ng.jpg,http://i.imgur.com/tkC3deY.jpg,http://i.imgur.com/pfTcnqF.png,https://i37.servimg.com/u/f37/17/99/15/97/31711312.png,https://i37.servimg.com/u/f37/17/99/15/97/31711311.png,http://i.imgur.com/lRuwoVi.png,http://i.imgur.com/EHp45H1.png,http://i.imgur.com/8bhbqFF.png,https://i37.servimg.com/u/f37/17/99/15/97/31711310.png,http://i.imgur.com/6LPhzcp.png,https://i37.servimg.com/u/f37/17/99/15/97/colorf10.gif,http://i.imgur.com/57F0z86.jpg,http://i.imgur.com/PZyMuXF.png".split(",");
    var bgnum = -1;
    var val = $("#text_editor_textarea").val();
    if(val.substr(0,8)  == "[postbg=") {
      var m = val.match(/^\[postbg=([^\]]*)\]/);
      if(m) {
        var r = $.inArray(m[1], bglist);
        if(r != -1) {
          bgnum = r
        }else {
          bgnum = bglist.length - 1
        }
        $(function() {
          $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px");
          $(".sceditor-container").css("background-image", "url(" + m[1] + ")")
        });
        $("#text_editor_textarea").val(val.replace(/^\[postbg=[^\[]*\]/, ""))
      }
    }
    $(function() {
      if(!$("#text_editor_textarea").sceditor("instance")) {
        return
      }
      $('<a class="sceditor-button" unselectable="on" title="Background of message"><div unselectable="on" style="background:url(http://i.imgur.com/Hrf5w1i.gif);opacity:1">Background of message</div></a>').insertAfter(".sceditor-button-fahide").click(function(e) {
        if(e.ctrlKey) {
          $(".sceditor-container").css("background-image", "");
          bgnum = -1
        }else {
          bgnum++;
          if(!bgnum) {
            $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px")
          }
          $(".sceditor-container").css("background-image", "url(" + bglist[bgnum % bglist.length] + ")")
        }
      })
    });
    $(function() {
      $('form[name="post"]').submit(function() {
        if(bgnum != -1) {
          $("#text_editor_textarea").val(function(i, val) {
            return"[postbg=" + bglist[bgnum % bglist.length] + "]" + val
          })
        }
      })
    })
  }
});



Codice:
ora, andate verso PDA ► Visualizzazione ► Immagini e colori ► Colori ► Foglio di stile CSS e aggiungete questo codice:
div.sceditor-container iframe, div.sceditor-container textarea { background:transparent }
.postbg { background-position:0 0; background-repeat:repeat; }

E' possibile modificare l'elenco delle immagini modificando questo elenco (che potete trovare nel codice javascript)
http://i.imgur.com/20aRJFn.png,http://i.imgur.com/DcTM2Ng.jpg,http://i.imgur.com/tkC3deY.jpg,http://i.imgur.com/pfTcnqF.png,http://i.imgur.com/dAQtdaR.gif,https://i37.servimg.com/u/f37/17/99/15/97/31711311.png,http://i.imgur.com/lRuwoVi.png,http://i.imgur.com/EHp45H1.png,http://i.imgur.com/8bhbqFF.png,http://i.imgur.com/tb80sYG.png,http://i.imgur.com/6LPhzcp.png,http://i.imgur.com/DkRuYf1.png,http://i.imgur.com/57F0z86.jpg,http://i.imgur.com/PZyMuXF.png


Tips & Tricks
E' possibile avere un'immagine di sfondo che non è stata inserita nell'elenco delle immagini nel codice javascript, semplicemente inserendo all'inizio del messaggio:
[postbg=LINK IMMAGINE]
dovete solo modificare LINK IMMAGINE con il link dell'immagine che volete usare come sfondo.
Cliccando il bottone verrà automaticamente cambiato lo sfondo con l'immagine successiva nella lista.
Premendo il bottone mentre premete CTRL vi permetterà di rimuovere l'immagine di sfondo e ti tornare all'inizio della lista di immagini

dove trovo il bottone che mi da la possibilità di scegliere lo sfondo? lacrime

Sfondo personalizzato per ogni post 18eb9599e16c48ed92de18b417cb2d9e
grazie


Ultima modifica di Vayiolet.ta il Sab 14 Gen 2017 - 18:24 - modificato 2 volte.
Vayiolet.ta
Vayiolet.ta
****

Sesso : Femmina
Età : 40
Messaggi : 361
Località : Abruzzi

http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Teodor Mar 3 Gen 2017 - 21:43

Ciao,

Potresti fornirmi il link del tutorial che hai seguito?? rendeer
avatar
Teodor
@ Super attivo @

Sesso : Maschio
Età : 27
Messaggi : 1873
Località : Cremona

http://Ilforumditutti.net
Teodor è stato ringraziato dall'autore di questo topic.

Risolto Sfondo personalizzato per ogni post

Messaggio Da Vayiolet.ta Mar 3 Gen 2017 - 22:28

Vayiolet.ta
Vayiolet.ta
****

Sesso : Femmina
Età : 40
Messaggi : 361
Località : Abruzzi

http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Teodor Mer 4 Gen 2017 - 10:45

Ah ok :good:

Il bottone lo trovi nel editor rendeer
avatar
Teodor
@ Super attivo @

Sesso : Maschio
Età : 27
Messaggi : 1873
Località : Cremona

http://Ilforumditutti.net
Teodor è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Vayiolet.ta Mer 4 Gen 2017 - 20:51

non c'è  Sad ho messo lo screenshot lo rimetto

Sfondo personalizzato per ogni post 30128hy
Vayiolet.ta
Vayiolet.ta
****

Sesso : Femmina
Età : 40
Messaggi : 361
Località : Abruzzi

http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Teodor Mer 4 Gen 2017 - 21:30

Ciao,
Se hai altri Javascript, prova a toglierli (salvandoli prima ovviamente), e lascia solo quello del background, per vedere se ci sono conflitti. Razz
avatar
Teodor
@ Super attivo @

Sesso : Maschio
Età : 27
Messaggi : 1873
Località : Cremona

http://Ilforumditutti.net
Teodor è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Vayiolet.ta Mer 4 Gen 2017 - 22:09

ma quelli che ho attivi mi servono  Piangendo non c'è altro modo per falo comparire senza fare sto lavoraccio Per favore!
Vayiolet.ta
Vayiolet.ta
****

Sesso : Femmina
Età : 40
Messaggi : 361
Località : Abruzzi

http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Vayiolet.ta Lun 9 Gen 2017 - 22:10

up
Vayiolet.ta
Vayiolet.ta
****

Sesso : Femmina
Età : 40
Messaggi : 361
Località : Abruzzi

http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Teodor Mar 10 Gen 2017 - 6:48

Ciao,
Oggi pomeriggio provo a vedere perché non funziona Embarassed
Sarà sicuramente un conflitto fra 2 o più Javascript.

A dopo, saluti! :zen:
avatar
Teodor
@ Super attivo @

Sesso : Maschio
Età : 27
Messaggi : 1873
Località : Cremona

http://Ilforumditutti.net
Teodor è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Vayiolet.ta Ven 13 Gen 2017 - 10:57

ho disattivato alcuni javascript togliendo le spunte alle opzioni, tutte le pagine,argomenti eccetera ma quel pulsantino tanto ambito non esce  Mad Sad
Vayiolet.ta
Vayiolet.ta
****

Sesso : Femmina
Età : 40
Messaggi : 361
Località : Abruzzi

http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da jessy Sab 14 Gen 2017 - 16:31

Se controlli bene vedrai che ora lo vedi....un demone e' venuto sul tuo forum

Sfondo personalizzato per ogni post 2016-116
jessy
jessy
*****

Sesso : Femmina
Età : 24
Messaggi : 732
Località : Roma

http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Vayiolet.ta Sab 14 Gen 2017 - 18:26

evvaiiiiiiiiii grazie millissimeeeee  cheers /o/ Ragazza pon pon Ragazza pon pon Ragazza pon pon bacio
Vayiolet.ta
Vayiolet.ta
****

Sesso : Femmina
Età : 40
Messaggi : 361
Località : Abruzzi

http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da jessy Sab 14 Gen 2017 - 19:29

prego, tanto non sono io we^^
jessy
jessy
*****

Sesso : Femmina
Età : 24
Messaggi : 732
Località : Roma

http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.