Bottone editor per inserire immagini HTML5
2 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
Bottone editor per inserire immagini HTML5
ho letto e so che Adobe Flash non è più attivo, infatti, sia nel mio forum, sia nel mio sito web, le immagini falsh non si vedono più.
Continuo il discorso che avete messo come risolto ma che per me è ancora aperto , qui il link del discorso
https://aiuto.forumattivo.it/t20503-immagini-flash-con-codice-html5?nid=6#146344
la questione è che il fatto che Adobe Flash player è ormai da disinstallare non vuol dire che non si possano più postare immagini flash infatti si dovranno salvare in HTML5 ma la mia domanda è: perchè un forum sempre di forumattivo ma francese ha questa opzione nella barra delle risposte
e come ben si vede c'è un 5 che serve per postare gli HTML5 e invece le piattaforme di forumattivo italiano non ce l'ha come si vede anche nella vostra...
chiedo se devo mettere un codice specifico nei css perchè a sto punto non capisco la differenza fra forumattivo francese e forumattivo italiano
ciao a tutti e buon inizio settimana
Army
Continuo il discorso che avete messo come risolto ma che per me è ancora aperto , qui il link del discorso
https://aiuto.forumattivo.it/t20503-immagini-flash-con-codice-html5?nid=6#146344
la questione è che il fatto che Adobe Flash player è ormai da disinstallare non vuol dire che non si possano più postare immagini flash infatti si dovranno salvare in HTML5 ma la mia domanda è: perchè un forum sempre di forumattivo ma francese ha questa opzione nella barra delle risposte
e come ben si vede c'è un 5 che serve per postare gli HTML5 e invece le piattaforme di forumattivo italiano non ce l'ha come si vede anche nella vostra...
chiedo se devo mettere un codice specifico nei css perchè a sto punto non capisco la differenza fra forumattivo francese e forumattivo italiano
ciao a tutti e buon inizio settimana
Army
Ultima modifica di Niko il Ven 29 Gen 2021 - 14:48 - modificato 2 volte.
Re: Bottone editor per inserire immagini HTML5
Ciao @Armida
Ho unificato i due topic che hai aperto in uno solo
Non è una differenza tra forum francese e forum italiano, semplicemente l'amministratore di quel forum ha seguito un tutorial e inserendo un codice javascript ha aggiunto quella funzione, ma puoi averlo anche tu
Potresti passarmi il link di quel forum di cui ci dicevi?
Fammi sapere, A presto
Ho unificato i due topic che hai aperto in uno solo
Non è una differenza tra forum francese e forum italiano, semplicemente l'amministratore di quel forum ha seguito un tutorial e inserendo un codice javascript ha aggiunto quella funzione, ma puoi averlo anche tu
Potresti passarmi il link di quel forum di cui ci dicevi?
Fammi sapere, A presto
Re: Bottone editor per inserire immagini HTML5
Dunque, devi andare verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice Javascript, assicurarti che la gestone dei codici Javascript sia attivata e crearne uno nuovo con queste impostazioni:
Inoltre, se preferisci che la pagina che si apre sia ospitata direttamente sul tuo forum, fammi sapere che c'è un passaggio in più da fare
- Titolo: a tua scelta
- Dove: In tutte le pagine (oppure Negli argomenti se vuoi che sia visibile solo nella risposta rapida)
- Codice:
- Codice:
function clicediteur(lienediteur){window.open(lienediteur)}$(function(){$(function(){$('<a class="sceditor-button sceditor-button-dico" unselectable="on" title="Carica le tue animazioni"><div unselectable="on" style="background-image:url(https://i56.servimg.com/u/f56/20/08/61/00/img_bt10.png)">Carica le due animazioni</div></a>').insertAfter('.sceditor-button-time').click(function(){$('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://www.wvanim-tutos.fr/forum_wvanim/code_embed/code_forum.html")})})});function clicediteur(lienediteur){window.open(lienediteur)}
Inoltre, se preferisci che la pagina che si apre sia ospitata direttamente sul tuo forum, fammi sapere che c'è un passaggio in più da fare
A MattiaDes piace questo messaggio.
Re: Bottone editor per inserire immagini HTML5
si @Nico , ho un corso e quindi dev'essere presente nel forum, se mi passi l'aggiunta mi metterò all'opera
Per ora ti ringrazio, ciao, a presto
Per ora ti ringrazio, ciao, a presto
Re: Bottone editor per inserire immagini HTML5
Allora @Armida abbiamo un passaggio in più
Vai verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Pagine HTML e ne crei una nuova con queste impostazioni:
Alla fine dovrai tenere a mente/copiare il link della pagina (ad esempio: https://aiuto.forumattivo.it/h123-)
Poi torniamo a quanto ci dicevamo prima:
Ma dovrai sostituire in questo codice questa parte: http://www.wvanim-tutos.fr/forum_wvanim/code_embed/code_forum.html con il link della tua pagina HTML
Fammi sapere se riesci e se è tutto chiaro
Vai verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Pagine HTML e ne crei una nuova con queste impostazioni:
- Titolo: a tua scelta
- Usare parte superiore e inferiore del forum: NO
- Imposta come indice: NO
- Contenuto:
- Codice:
<!doctype html>
<!--Pour le modele html5, inscrire 'fontsclass' (remplacez les ' par des $) juste au dessus de </script> -->
<html>
<head>
<title>HTML timebar</title>
<meta charset="utf-8">
<style>html, body {width: 100%; height: 100%}
*{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*{padding:0;margin:0}
svg.e_a{display:block}
</style>
<!--[edidget_player]-->
<script type="text/javascript" src="http://www.wvanim-tutos.fr/forum_wvanim/code_embed/wv_.js" ></script>
<!--[/edidget_player]-->
<!--[edidget_classes]-->
<!--[/edidget_classes]-->
<!--[edidget_custom#code_forum]-->
<!--[/edidget_custom#code_forum]-->
<style> /*[fontph]*/ .Arial_10_404040b_l { font-family: Arial; font-size: 13px; color:#404040; font-weight:bold; text-align: left; }
/*[fontph]*/ .Dialog_16_0c6a99b__ { font-family: Dialog; font-size: 19px; color:#0c6a99; font-weight:bold; }
/*[fontph]*/ .Arial_25_0c6a99b_l { font-family: Arial; font-size: 28px; color:#0c6a99; font-weight:bold; text-align: left; }
/*[fontph]*/ .Dialog_15_0c6a99b__ { font-family: Dialog; font-size: 18px; color:#0c6a99; font-weight:bold; }
.wvcach{
top:0px;
left:0px;
position:absolute;
z-index:1;
background-color:rgb(255,255,255);
font-size: 30px;
color:rgb(85,85,85);
display: flex; /* contexte sur le parent */
flex-direction: column; /* direction d'affichage verticale */
justify-content: center;
}
</style>
</head>
<body style="margin: 0; overflow: visible; /*[body_bg]*//*[/body_bg]*/">
<center>
<!--[edidget#code_forum]-->
<div style="width:640px; height:480px; position:relative ;">
<div class="wvcach" style="width:640px; height:480px; "><script>WvTree.onload()</script><p>In caricamento</p></div>
<div id='code_forum' style="left:0.0px; top:0.0px; width:640.0px; height:480.0px; z-index:0; visibility:visible; position : absolute; overflow : hidden; " >
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5root 001*/this.wvBuildRoot(1,40);
}; div_.wvDivOpen(); /*open*/</script>
<audio id='audio_ph_'></audio><audio id='audio_ph_0_'> </audio><audio id='audio_ph_1_'> </audio><audio id='audio_ph_2_'> </audio><audio id='audio_ph_3_'> </audio><audio id='audio_ph_4_'> </audio><audio id='audio_ph_5_'> </audio><audio id='audio_ph_6_'> </audio><audio id='audio_ph_7_'> </audio><audio id='audio_ph_8_'> </audio><audio id='audio_ph_9_'> </audio>
<div id='w_gr' style="left:8.0px; top:7.0px; width:602.0px; height:452.0px; z-index:0; visibility:visible; position : absolute; overflow : hidden; box-shadow: 10px 10px 10px rgba(0,0,0,0.5); border-radius:15.0px;background:linear-gradient(135deg,rgb(88,194,242),rgb(191,232,252),rgb(88,194,242)); " >
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5group 001*/this.wvBuildGroup(1);
}; div_.wvDivOpen(); /*open*/</script>
<div id='w_largeur' style="left:280.0px; top:64.0px; width:115.0px; height:52.0px; z-index:1; visibility:visible; position : absolute; overflow : visible; " >
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5group 001*/this.wvBuildGroup(1);
}; div_.wvDivOpen(); /*open*/</script>
<textarea id='value' class='Arial_25_0c6a99b_l'
onChange='
var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars;
console.log("Hello word");
/*----*/
'
value="00" style="cursor: pointer;left:0.0px; top:0.0px; width:138.0px; height:52.0px; z-index:2; visibility:visible; position : absolute; overflow : visible; " >
00</textarea>
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5face 002*/this.wvBuildFace();
WvTree.defineInputText(this._group) }; div_.wvDivOpen(); /*open*/</script>
</div>
<div id='w_hauteur' style="left:280.0px; top:144.0px; width:115.0px; height:52.0px; z-index:2; visibility:visible; position : absolute; overflow : visible; " >
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5group 001*/this.wvBuildGroup(1);
}; div_.wvDivOpen(); /*open*/</script>
<textarea id='value' class='Arial_25_0c6a99b_l'
onChange='
var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars;
console.log("Hello word");
/*----*/
'
value="00" style="cursor: pointer;left:0.0px; top:0.0px; width:138.0px; height:52.0px; z-index:2; visibility:visible; position : absolute; overflow : visible; " >
00</textarea>
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5face 002*/this.wvBuildFace();
WvTree.defineInputText(this._group) }; div_.wvDivOpen(); /*open*/</script>
</div>
<div id='w_lien' style="left:30.0px; top:231.0px; width:427.0px; height:56.0px; z-index:3; visibility:visible; position : absolute; overflow : visible; " >
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5group 001*/this.wvBuildGroup(1);
}; div_.wvDivOpen(); /*open*/</script>
<textarea id='value' class='Arial_10_404040b_l'
onChange='
var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars;
console.log("Hello word");
/*----*/
'
style="cursor: pointer;left:0.0px; top:0.0px; width:512.0px; height:56.0px; z-index:2; visibility:visible; position : absolute; overflow : visible; " >
</textarea>
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5face 002*/this.wvBuildFace();
WvTree.defineInputText(this._group) }; div_.wvDivOpen(); /*open*/</script>
</div>
<div id='sans_nom13068' class='Dialog_16_0c6a99b__' style="left:457.0px; top:76.0px; width:79.0px; height:25.0px; z-index:4; text-align:left; visibility:visible; position : absolute; overflow : visible; " >
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5face 002*/this.wvBuildFace();
}; div_.wvDivOpen(); /*open*/</script>
<p id='line0' style=" top: 0px; left: 0px; position : absolute;">Larghezza</p>
</div>
<div id='sans_nom0' class='Dialog_16_0c6a99b__' style="left:457.0px; top:156.0px; width:78.0px; height:25.0px; z-index:5; text-align:left; visibility:visible; position : absolute; overflow : visible; " >
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5face 002*/this.wvBuildFace();
}; div_.wvDivOpen(); /*open*/</script>
<p id='line0' style=" top: 0px; left: 0px; position : absolute;">Altezza</p>
</div>
<div id='sans_nom1' class='Dialog_16_0c6a99b__' style="left:30.0px; top:201.0px; width:45.0px; height:25.0px; z-index:6; text-align:left; visibility:visible; position : absolute; overflow : visible; " >
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5face 002*/this.wvBuildFace();
}; div_.wvDivOpen(); /*open*/</script>
<p id='line0' style=" top: 0px; left: 0px; position : absolute;">Link</p>
</div>
<div id='w_bt'
onclick='
this._group.lg=this._group.w_largeur.text; this._group.ht=this._group.w_hauteur.text; this._group.lien=this._group.w_lien.text; this._group.lien=this._group.w_lien.text.trim(); this._group.t="transparent"; this._group.w_lien.text="<embed src=""+this._group.lien+"" width= ""+this._group.lg+"" height=""+this._group.ht+"" wmode=""+this._group.t+"" >"; this._group.w_lien.text=this._group.w_lien.text.trim(); this._group.w_lien.children.value.select(); document.execCommand( "copy" ); this._group.w_lien.text="Incolla nel tuo messaggio"; this._group.w_bt._visible=false;
'
style="cursor: pointer;left:447.0px; top:346.0px; width:115.0px; height:55.0px; z-index:7; text-align:center; visibility:visible; position : absolute; overflow : visible; box-shadow: 2px 2px 3px rgba(0,0,0,0.5); border-radius:10.0px;box-sizing: border-box; border-width:2.0px; border-top-color:rgb(227,227,250); border-left-color:rgb(227,227,250); border-bottom-color:rgb(167,167,212); border-right-color:rgb(167,167,212); border-style:solid;background:linear-gradient(0deg,rgb(32,135,181),rgb(191,232,252),rgb(32,135,181)); font-family: Arial; font-size: 16px; color:#0C6A99; text-align:center; "
onmouseover='WvButton_S.mouseButton(this, ["#FFFF00","#00FF00"],null)'>
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;/*wvtype:html5face 003*/this.wvBuildFace();WvButton_S.initFlat(this);}; div_.wvDivOpen(); /*open*/</script>
<p id='line0' style="margin: 14px 0px;">Copia</p>
</div>
</div>
<div id='sans_nom61' class='Dialog_15_0c6a99b__' style="left:119.0px; top:21.0px; width:392.0px; height:23.0px; z-index:1; text-align:left; visibility:visible; position : absolute; overflow : visible; " >
<script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
/*wvtype:html5face 002*/this.wvBuildFace();
}; div_.wvDivOpen(); /*open*/</script>
<p id='line0' style=" top: 0px; left: 0px; position : absolute;">/!\ Attenzione : Non funziona con Firefox</p>
</div>
<script>/*close*/ var div_= WvTree.getDiv(); div_.wvDivClose=function(){ if(this.wvIsDivClosed!=null) return; this.wvIsDivClosed=true;this.wvBuildTree(true);}; div_.wvDivClose(); /*close*/</script>
</div >
</div>
<!--[/edidget#code_forum]-->
</center>
<div id='infos'></div>
</body>
</html>
Alla fine dovrai tenere a mente/copiare il link della pagina (ad esempio: https://aiuto.forumattivo.it/h123-)
Poi torniamo a quanto ci dicevamo prima:
Niko ha scritto:Dunque, devi andare verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice Javascript, assicurarti che la gestone dei codici Javascript sia attivata e crearne uno nuovo con queste impostazioni:
- Titolo: a tua scelta
- Dove: In tutte le pagine (oppure Negli argomenti se vuoi che sia visibile solo nella risposta rapida)
- Codice:
- Codice:
function clicediteur(lienediteur){window.open(lienediteur)}$(function(){$(function(){$('<a class="sceditor-button sceditor-button-dico" unselectable="on" title="Carica le tue animazioni"><div unselectable="on" style="background-image:url(https://i.servimg.com/u/f56/20/08/61/00/img_bt10.png)">Carica le due animazioni</div></a>').insertAfter('.sceditor-button-time').click(function(){$('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://www.wvanim-tutos.fr/forum_wvanim/code_embed/code_forum.html")})})});function clicediteur(lienediteur){window.open(lienediteur)}
Inoltre, se preferisci che la pagina che si apre sia ospitata direttamente sul tuo forum, fammi sapere che c'è un passaggio in più da fare
Ma dovrai sostituire in questo codice questa parte: http://www.wvanim-tutos.fr/forum_wvanim/code_embed/code_forum.html con il link della tua pagina HTML
Fammi sapere se riesci e se è tutto chiaro
Re: Bottone editor per inserire immagini HTML5
Ok @Nico, grazie, me lo devo studiare con calma , domani me lo guarderò bene
per ora non ho capito la parte dove dici che devo tenere a mente il link della pagina ...
Dici il link della pagina nuova che creo ?
Se ho problemi te lo dico. Grazie mille, ciao
per ora non ho capito la parte dove dici che devo tenere a mente il link della pagina ...
Dici il link della pagina nuova che creo ?
Se ho problemi te lo dico. Grazie mille, ciao
Re: Bottone editor per inserire immagini HTML5
@Armida si esatto, crei la pagina HTML e dopo devi copiarti il link della pagina
Se hai problemi fammi sapere!
Se hai problemi fammi sapere!
Re: Bottone editor per inserire immagini HTML5
ok, mi sto studiando il tutto, posso farlo solo nelle ore tarde, almeno son tranquilla... sono nottambula, lo so
Ti saprò dire @Nico, ciaooooo
Ti saprò dire @Nico, ciaooooo
A Niko piace questo messaggio.
Re: Bottone editor per inserire immagini HTML5
Grande
.. | 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 |
Re: Bottone editor per inserire immagini HTML5
.. | Caro utente, questo problema è stato considerato risolto. Nei prossimi topic di supporto che aprirai:
Ci vediamo su Forumattivo |
Argomenti simili
» Bottone editor per inserire immagini HTML5
» immagini flash con codice HTML5
» problemi con le immagini e l'editor messaggi
» immagini non visualizzate, editor sparito
» Incolla immagini nel post e editor html
» immagini flash con codice HTML5
» problemi con le immagini e l'editor messaggi
» immagini non visualizzate, editor sparito
» Incolla immagini nel post e editor html
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.