Sfondo personalizzato per ogni post


Risolto Sfondo personalizzato per ogni post

Messaggio Da Vayiolet.ta il 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


grazie


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

Sesso : Femminile
Età : 34
Messaggi : 141
Località : Abruzzi


Vedi il profilo dell'utente http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da teo il Mar 3 Gen 2017 - 21:43

Ciao,

Potresti fornirmi il link del tutorial che hai seguito?? rendeer
avatar
teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1649
Località : Cremona


Vedi il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Sfondo personalizzato per ogni post

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

avatar
Vayiolet.ta
***

Sesso : Femminile
Età : 34
Messaggi : 141
Località : Abruzzi


Vedi il profilo dell'utente http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da teo il Mer 4 Gen 2017 - 10:45

Ah ok :good:

Il bottone lo trovi nel editor rendeer
avatar
teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1649
Località : Cremona


Vedi il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

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

non c'è  Sad ho messo lo screenshot lo rimetto

avatar
Vayiolet.ta
***

Sesso : Femminile
Età : 34
Messaggi : 141
Località : Abruzzi


Vedi il profilo dell'utente http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da teo il 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
teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1649
Località : Cremona


Vedi il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Vayiolet.ta il 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!
avatar
Vayiolet.ta
***

Sesso : Femminile
Età : 34
Messaggi : 141
Località : Abruzzi


Vedi il profilo dell'utente http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

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

up
avatar
Vayiolet.ta
***

Sesso : Femminile
Età : 34
Messaggi : 141
Località : Abruzzi


Vedi il profilo dell'utente http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da teo il 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
teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1649
Località : Cremona


Vedi il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da Vayiolet.ta il 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
avatar
Vayiolet.ta
***

Sesso : Femminile
Età : 34
Messaggi : 141
Località : Abruzzi


Vedi il profilo dell'utente http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da jessy il Sab 14 Gen 2017 - 16:31

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

avatar
jessy
****

Sesso : Femminile
Età : 18
Messaggi : 317
Località : Roma


Vedi il profilo dell'utente http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

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

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

Sesso : Femminile
Età : 34
Messaggi : 141
Località : Abruzzi


Vedi il profilo dell'utente http://www.foruminternazional.biz/
Vayiolet.ta è stato ringraziato dall'autore di questo topic.

Risolto Re: Sfondo personalizzato per ogni post

Messaggio Da jessy il Sab 14 Gen 2017 - 19:29

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

Sesso : Femminile
Età : 18
Messaggi : 317
Località : Roma


Vedi il profilo dell'utente http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

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