IndiceSfondo personalizzato per ogni post
3 partecipanti
Forum dei Forum: Aiuto per Forumattivo :: Assistenza a problemi e richieste :: Problemi con uno script o codici :: I problemi risolti con i codici
Pagina 1 di 1 • Condividi
Sfondo personalizzato per ogni post
Da Vayiolet.ta Mar 3 Gen 2017 - 18:12
buona sera 
ho un problema con il tutorial Sfondi dei Topic
dove trovo il bottone che mi da la possibilità di scegliere lo sfondo?
grazie
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?
grazie
Ultima modifica di Vayiolet.ta il Sab 14 Gen 2017 - 18:24 - modificato 2 volte.
Vayiolet.ta- ****
- Sesso :
Età : 41
Messaggi : 361
Località : Abruzzi -
Re: Sfondo personalizzato per ogni post
Da Teodor Mar 3 Gen 2017 - 21:43
Ciao,
Potresti fornirmi il link del tutorial che hai seguito??
Potresti fornirmi il link del tutorial che hai seguito??
Teodor- @ Super attivo @
- Sesso :
Età : 28
Messaggi : 1873
Località : Cremona -
Vayiolet.ta- ****
- Sesso :
Età : 41
Messaggi : 361
Località : Abruzzi -
Re: Sfondo personalizzato per ogni post
Da Teodor Mer 4 Gen 2017 - 10:45
Ah ok 
Il bottone lo trovi nel editor
Il bottone lo trovi nel editor
Teodor- @ Super attivo @
- Sesso :
Età : 28
Messaggi : 1873
Località : Cremona -
Re: Sfondo personalizzato per ogni post
Da Vayiolet.ta Mer 4 Gen 2017 - 20:51
non c'è 
ho messo lo screenshot lo rimetto
ho messo lo screenshot lo rimetto
Vayiolet.ta- ****
- Sesso :
Età : 41
Messaggi : 361
Località : Abruzzi -
Re: Sfondo personalizzato per ogni post
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.
Se hai altri Javascript, prova a toglierli (salvandoli prima ovviamente), e lascia solo quello del background, per vedere se ci sono conflitti.
Teodor- @ Super attivo @
- Sesso :
Età : 28
Messaggi : 1873
Località : Cremona -
Re: Sfondo personalizzato per ogni post
Da Vayiolet.ta Mer 4 Gen 2017 - 22:09
ma quelli che ho attivi mi servono 
non c'è altro modo per falo comparire senza fare sto lavoraccio 
non c'è altro modo per falo comparire senza fare sto lavoraccio
Vayiolet.ta- ****
- Sesso :
Età : 41
Messaggi : 361
Località : Abruzzi -
Vayiolet.ta- ****
- Sesso :
Età : 41
Messaggi : 361
Località : Abruzzi -
Re: Sfondo personalizzato per ogni post
Da Teodor Mar 10 Gen 2017 - 6:48
Ciao,
Oggi pomeriggio provo a vedere perché non funziona
Sarà sicuramente un conflitto fra 2 o più Javascript.
A dopo, saluti!
Oggi pomeriggio provo a vedere perché non funziona
Sarà sicuramente un conflitto fra 2 o più Javascript.
A dopo, saluti!
Teodor- @ Super attivo @
- Sesso :
Età : 28
Messaggi : 1873
Località : Cremona -
Re: Sfondo personalizzato per ogni post
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 
Vayiolet.ta- ****
- Sesso :
Età : 41
Messaggi : 361
Località : Abruzzi -
Re: Sfondo personalizzato per ogni post
Da jessy Sab 14 Gen 2017 - 16:31
Se controlli bene vedrai che ora lo vedi....un demone e' venuto sul tuo forum
jessy- *****
- Sesso :
Età : 25
Messaggi : 735
Località : Roma -
Re: Sfondo personalizzato per ogni post
Da Vayiolet.ta Sab 14 Gen 2017 - 18:26
evvaiiiiiiiiii grazie millissimeeeee 
Vayiolet.ta- ****
- Sesso :
Età : 41
Messaggi : 361
Località : Abruzzi -
jessy- *****
- Sesso :
Età : 25
Messaggi : 735
Località : Roma -
Argomenti simili» Sfondo personalizzato per ogni post
» Sfondo personalizzato per ogni post
» Titolo personalizzato per ogni utente...
» Sfondo secondario personalizzato
» Sfondo ai topic per ogni icona
» Sfondo personalizzato per ogni post
» Titolo personalizzato per ogni utente...
» Sfondo secondario personalizzato
» Sfondo ai topic per ogni icona
Forum dei Forum: Aiuto per Forumattivo :: Assistenza a problemi e richieste :: Problemi con uno script o codici :: I problemi risolti con i codici
Pagina 1 di 1
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.
Facebook
Twitter
Youtube
