INNERHTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Altervista for all ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~index 1 2 3 4 5 6 7 8 10 9
body { font-family: Arial, Helvetica, sans-serif; } .flip-box { background-color: transparent; width: 300px; height: 200px; border: 1px solid #f1f1f1; perspective: 1000px; } .flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; } .flip-box:hover .flip-box-inner { transform: rotateY(180deg); } .flip-box-front, .flip-box-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } .flip-box-front { background-color: #bbb; color: black; } .flip-box-back { background-color: dodgerblue; color: white; transform: rotateY(180deg); }
GHOST
WRITER
http://venexiatre.altervista.org/WORKOU/OGGI/20191129/LINKRELCSSstylesheet.txt http://venexiatre.altervista.org/WORKOU/OGGI/20191129/20191129big.css http://venexiatre.altervista.org/WORKOU/OGGI/20191129/20191129d_5-GHOST.html http://venexiatre.altervista.org/WORKOU/OGGI/20191129/20191129b_2-crediti.js http://venexiatre.altervista.org/WORKOU/OGGI/20191129/20191129a_0-gu-.svg http://venexiatre.altervista.org/WORKOU/OGGI/20191129/20191129a_0-ma-.svg http://venexiatre.altervista.org/WORKOU/OGGI/20191129/20191129a_0-mi-.svg http://venexiatre.altervista.org/WORKOU/OGGI/20191129/20191129a_0-su-.svg http://venexiatre.altervista.org/WORKOU/OGGI/20191129/20191129a_0-ap-.svg
THE GHOST IN THE MACHINE
<!DOCTYPE html> <html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <style> .spinit { border:solid 12px orange; width: 40px; height: 40px; animation: spin 4s linear infinite; } /* THIS NOT WORK */ @keyframes spin{ 0% {transform:rotate(0deg);} 100% {transform:rotate:(360deg);} } /* THIS WORK @keyframes spin{ 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);} } */ </style> </head> <body> <div class="spinit"></div> </body></html>
today GHOST SPIN 2019, nov 24
WORKOUCROAK 2019, nov 22
http://venexiatre.altervista.org/dubuffet2019/dubuffet-a-venezia-2019.html http://venexiatre.altervista.org/WORKOU/OGGI/20191122/20191121a_0-mouseXY.html
WORKOUCRISP 2019, nov 21
http://venexiatre.altervista.org/WORKOU/OGGI/20191119/20191119a_0-CREEK.css
WORKOUCREST 2019, nov 20
http://venexiatre.altervista.org/WORKOU/OGGI/20191119/20191119a_0-CREEK.css
WORKOUCREEK "./\./\.///--2019, nov 19--///\./\./."
http://venexiatre.altervista.org/WORKOU/OGGI/20191119/20191119a_0-CREEK.css
WORKOUCREDENCE "./\./\.///2019, nov 17///\./\./."
WORKOUCREAK "./\./\.///2019, nov 16///\./\./."
http://venexiatre.altervista.org/WORKOU/OGGI/20191115/20191115b_1-spritecolor.html http://venexiatre.altervista.org/WORKOU/OGGI/20191115/colore.js http://venexiatre.altervista.org/WORKOU/OGGI/20191115/colori.js http://venexiatre.altervista.org/WORKOU/OGGI/20191115/agitprop.js http://venexiatre.altervista.org/WORKOU/OGGI/20191115/20191114a_0-Loading.js http://venexiatre.altervista.org/WORKOU/OGGI/20191115/20191114a_0AttendereLoadingPercento.js http://venexiatre.altervista.org/WORKOU/OGGI/20191115/it-96-sprites-SCRIPT.txt http://venexiatre.altervista.org/WORKOU/OGGI/20191115/svg_class.docx http://venexiatre.altervista.org/WORKOU/OGGI/20191115/20191115-TAGSCRIPT-96-spriteITgetByID.do
WORKOUCRAWL "./\./\./2019, nov 15/\./\./."
WORKOUCRANE "/\/\/2019, nov 13/\/\/"
|
@keyframes spin{ 0%{transform:rotate(0deg);}100% {transform:rotate(360deg);}} style="width:48px;height:48px;border:solid 4px red;border-top:solid 4px black;background-color:gray;border-radius:50%;animation: spin 1.5s linear infinite;" style="width:1px;height:1px;border:solid 14px red;border-top:solid 14px black;background-color:gray;border-radius:50%;animation: spin 1.5s linear infinite;" |
WORKOUCRAMP "/\/\/"
˙˙˙ miscellanea ˙˙˙
http://venexiatre.altervista.org/WORKOU/OGGI/20191112/20191109a_0-workou.css http://venexiatre.altervista.org/WORKOU/OGGI/20191112/20191110a_0-workou.css http://venexiatre.altervista.org/WORKOU/OGGI/20191112/A.js http://venexiatre.altervista.org/WORKOU/OGGI/20191112/B.js http://venexiatre.altervista.org/WORKOU/OGGI/20191112/C.js http://venexiatre.altervista.org/WORKOU/OGGI/20191112/D.js http://venexiatre.altervista.org/WORKOU/OGGI/20191112/E.js http://venexiatre.altervista.org/WORKOU/OGGI/20191112/F.js http://venexiatre.altervista.org/WORKOU/OGGI/20191112/Attendere.js http://venexiatre.altervista.org/WORKOU/OGGI/20191112/Loading.js http://venexiatre.altervista.org/WORKOU/OGGI/20191112/Percento.js http://venexiatre.altervista.org/WORKOU/OGGI/20191112/SenzaStileMaConClasse.js
< ?php $dir = './'; $files1 = scandir($dir); // $files2 = scandir($dir, 1); print_r($files1); // print_r($files2); ? >
< ?php $actual_link = "http://{$_SERVER['HTTP_HOST']} {$_SERVER['REQUEST_URI']}"; $oggi_est = date("l") . " "; $oggi_est = $oggi_est . date("Y/m/d"); $oggi_est_time = date("h:i:sa"); $fp = fopen('/membri/edoraandiamo/text.txt', 'w'); fwrite($fp, $actual_link. " " .$oggi_est. " ". $oggi_est_time); fclose($fp); $myfile = fopen("/membri/edoraandiamo/logs.txt", "a") or die("Unable to open file!"); // $actual_link = "cronologia"; fwrite($myfile, "\n". $actual_link. " " . $oggi_est. " ". $oggi_est_time); fclose($myfile); ? >
WORKOUCRAB "/\/\/"
http://edoraandiamo.altervista.org/WORKOU/1.0/20191109a_0-workou.css http://edoraandiamo.altervista.org/WORKOU/1.0/20191110a_0-attendere.js http://edoraandiamo.altervista.org/WORKOU/1.0/20191110a_0-cruscotto.html http://edoraandiamo.altervista.org/WORKOU/1.0/20191110a_0-hbcecc.js http://edoraandiamo.altervista.org/WORKOU/1.0/20191110a_0-spinneravvisopercentomin50.js
WORKOU test 20191110 "/\/\/" WORKOU innerHTML 20191109 "/\/\/"
http://venexiatre.altervista.org/tools/workout/spinnerINNERHTML20191108z1.html
svg text codiceTOOLSindex
codici di lavoro per lo spinner
.girandola { border: 12px solid #4E30A1; /* sfondo viola */ border-radius: 50%; border-radius: 50%; border-top: 12px solid #30A174; /* settore verde */ width: 0px; height: 0px; /* width height del centro */ -webkit-animation: spin 1.5s linear infinite; /* Safari */ animation: spin 1.5s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .avviso { pos
var i = 0; if (i == 0) { i = 1; var elem = document.getElementById("mostra-percentuale"); // var width = 10; var width = 0; // var id = setInterval(frame, 10); var id = setInterval(frame, 30000); function frame() { if (width >= 100) { clearInterval(id); i = 0; } else { width++; // elem.style.width = width + "%"; // elem.style.width = width + "%"; // elem.innerHTML = width + "%"; // elem.innerHTML = width + "%"; elem.innerHTML = width + "%"; } } }
function attesa(){ if (document.all){ document.all["girandolalivello1"].style.visibility="hidden"; document.all["girandolalivello2"].style.visibility="visible"; } else if (document.getElementById){ node = document.getElementById("girandolalivello1").style.visibility='hidden'; node = document.getElementById("girandolalivello2").style.visibility='visible'; } }017b-con-HELP-senza-stile TOOLS step-by-step TOOLS PHP edoraandiamo cronologia
Sezione video
arlecchino vpt1_20191103b_8Sezione fogli di stile e script
credits.js finepagina.js bitterjs/fine-pagina.js tutmrxfinepagina20191103.js
MENUtutmrx
TUT versione MRX
http://venexiatre.altervista.org/dr/tut/MRX20191025b_7.html
http://venexiatre.altervista.org/dr/tut/MENUd20191025b_6.html
MRX20191024b_9
MRX20191024b_9
http://venexiatre.altervista.org/dr/tut/MRX20191024b_8.html
http://venexiatre.altervista.org/dr/tut/MRX20191024b_7.html
bita-svg
http://venexiatre.altervista.org/dr/tut/MRX20191023d_2.html
http://venexiatre.altervista.org/dr/tut/MRX20191023d_1.html
http://venexiatre.altervista.org/dr/tut/bit-svg-icone-SENZAbr.txt http://venexiatre.altervista.org/dr/tut/bit-svg-icone-br-nomi-doppi.txt http://venexiatre.altervista.org/dr/tut/MRX20191023c.html
http://venexiatre.altervista.org/dr/tut/MRX20191023b_9.html
http://venexiatre.altervista.org/dr/tut/bit-svg-icone-br.txt http://venexiatre.altervista.org/dr/tut/bit-svg-icone.txt http://venexiatre.altervista.org/dr/tut/MRX20191023b_8.html
http://venexiatre.altervista.org/dr/tut/MRX20191023b_7.html
http://venexiatre.altervista.org/dr/tut/MRX20191023b_6.html
http://venexiatre.altervista.org/dr/tut/MRX20191023b_5.html
http://venexiatre.altervista.org/dr/tut/MRX20191023b_4.html
http://venexiatre.altervista.org/dr/tut/MRX20191023b_3.html
http://venexiatre.altervista.org/dr/tut/MRX20191023b_2.html
http://venexiatre.altervista.org/dr/tut/MRX20191023b_1.html
http://venexiatre.altervista.org/dr/tut/MRX20191023a.html
http://venexiatre.altervista.org/dr/tut/sprite-svg.txt
http://venexiatre.altervista.org/dr/tut/MRX20191022b_5.html
http://venexiatre.altervista.org/dr/tut/MRX20191022b_4.html
http://venexiatre.altervista.org/dr/tut/MRX20191022b_3.html
http://venexiatre.altervista.org/dr/tut/MRX20191022b_2.html
http://venexiatre.altervista.org/dr/tut/MRX20191022b_1.html
http://venexiatre.altervista.org/dr/tut/MRX20191022a.html
http://venexiatre.altervista.org/dr/tut/sprite-svg.txt
caricamento della pagina in corso.
768 [192] [192] [192] [192] 192 [48] [48] [48] [48] 48 [12] [12] [12] [12] 12 [3] [3] [3] [3] main 384+192+48+48=672px extra main 768-672= 96 px 48+672+48
stile drop-down menu minimalista
--------------------------------
.dd-contenitore { position:fixed; top:0%; left:0%; width:30px; height:30px; border:solid 1px rgba(250,250,250,0); } .dd-bottone { width:26px; height:auto; display: inline-block; } .dd-contenuto { width:200px; height:100px; border:solid 1px tomato; display: none; } .dd-contenitore:hover .dd-contenuto { position:relative; display: block; overflow: auto; background-color:rgba(0,0,0,1); }
-----------
aggiornamento 8 novembre 2019
-----------
STILE body{background-color:gray;color:black;font-size:12px;font-family:monospace;} @keyframes spin {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}} .verdespin{color:rgba(50,160,120,1.0);} .malvaspin{color:rgba(80,50,160,1.0);} .verdespinsf{background-color:rgba(50,160,120,1.0);} .malvaspinsf{background-color:rgba(80,50,160,1.0);} .nero{color:rgba(0,0,0,1.0);} .nerosf{background-color:rgba(0,0,0,1.0);} .bianco{color:rgba(255,255,255,1.0);} .biancosf{background-color:rgba(255,255,255,1.0);} .trequartibiancosf{background-color:rgba(192,192,192,1.0);} .trequartibianco{color:rgba(192,192,192,1.0);} .mezzobianco{color:rgba(130,130,130,1.0);} .mezzobiancosf{background-color:rgba(130,130,130,1.0);} .bordo1{border:solid 1px black;} .posfixt0sx0{position:fixed;top:0px;left:0px;} .posfixt0dx0{position:fixed;top:0px;right:0px;} .posfixb0sx0{position:fixed;bottom:0px;left:0px;} .posfixb24sx0{position:fixed;bottom:24px;left:0px;} .posfixb0dx0{position:fixed;bottom:0px;right:0px;} .posfixb24dx0{position:fixed;bottom:24px;right:0px;} .box,burger,bix{z-index:100;} .whbix{width:288px;height:288px;} .posbixburger{position:fixed;top:24px;right:0px;} .posbixhelp{position:fixed;top:24px;left:0px;} .box:hover .bix{display:block;overflow:auto;} .nascondi{display:none;} .text-a-sinistra{text-align:left;} @media only screen and (min-width:768px){ body{background-color:rgba(80,10,10,1.0);} } @media only screen and (max-width:768px){ body{background-color:rgba(80,10,10,1.0);} main{background-color:rgba(50,10,10,1.0);} } body, main, section, article, div, p {}
JSCRIPT document.getElementById("debugit-help12x2px").innerHTML ='' document.getElementById("debugit-burger12x2px").innerHTML ='Questo è un help
' document.getElementById("debugit-chevron-right12x2px").innerHTML ='' document.getElementById("debugit-chevron-left12x2px").innerHTML ='' document.getElementById("debugit-expand12x2px").innerHTML ='' document.getElementById("debugit-collapse12x2px").innerHTML ='' document.getElementById("spinner12x2px").innerHTML = "" document.getElementById("avvisoattendere12x2px").innerHTML = " Loading..." var xi=0;if (xi==0){xi=1;var elem=document.getElementById("mostrapercentuale12x2px");var percento=0; var tic=setInterval(stacco,300.00);function stacco(){if(percento>=100){clearInterval(tic);xi=0;}else{percento++; elem.innerHTML=""+percento+"%"+"";}}} function attendere(){if (document.all){document.all["attendere1"].style.visibility="hidden";document.all["attendere2"].style.visibility="visible";}else if(document.getElementById){node=document.getElementById("attendere1").style.visibility='hidden';node=document.getElementById("attendere2").style.visibility='visible';}} document.getElementById("it-burger12x2px").innerHTML = '' document.getElementById("it-help12x2px").innerHTML = '' document.getElementById("it-chevron-left12x2px").innerHTML = '' document.getElementById("it-chevron-right12x2px").innerHTML = '' document.getElementById("it-collapse12x2px").innerHTML = '' document.getElementById("it-expand12x2px").innerHTML = '' ---AGG 20191108 --
-----------
foglio di stile
-----------
main section article div p span table img ul header footer main-bitarr body-bitarr
w1-4 w1-4x3
tav-table-1x1 tav-td-w50 tav-td-top tav-td-img tav-td-img-top headertav headertavtr1 headertavtr1td1 arttav arttavtrtdimmmawidth arttavtr1 arttavtr1td1 arttavtr1td1imm arttavtr1td1immpx arttavtr1 arttavtr1td2 arttavtr1td2imm arttavtr1td2immpx arttavtr2 arttavtr2td1 arttavtr2td1px arttavtr2td2 arttavtr2td2px arttavtr3 arttavtr3td1
footertav footertavtr1 footertavtr1td1
capo-bitarr piede-bitarr
grassetto corsivo sottolineato
car-ultra-grande car-grandissimo car-grande car-medio-grande car-medio car-normale car-piccolo car-piccolissimo car-ultra-grande-b car-grandissimo-b car-grande-b car-medio-grande-b car-medio-b car-normale-b car-piccolo-b car-piccolissimo-b car-ultra-grande-w car-grandissimo-w car-grande-w car-medio-grande-w car-medio-w car-normale-w car-piccolo-w car-piccolissimo-w
centro-m0 centro-m0-0011-m1 centro-m0-01-m1 centro-m0-m1 centro-m1 centro-m2 centro-m3 centro-m4 centro-m5
font-variant-normal font-variant-normale font-variant-small-caps
text-none text-capitalize text-tutto-maiuscolo text-tutto-minuscolo text-centrato text-a-sinistra text-a-destra txt-a-sinistra txt-a-destra
sfondo
dd-contenitore
dd-bottone dd-contenuto dd-contenitore:hover
dd-contenitore1
dd-bottone1 dd-contenuto1 dd-contenitore1:hover
bordo1 nascondi larghezza-max larghezza-max-1-4 larghezza-max-2-4 larghezza-max-3-4 larghezza-max-4-4 bordo-raggio main-bitarr:hover section:hover article:hover table:hover colore-default backdoor-porta backdoor-porta:hover backdoor-basso-destra backdoor-basso-destra:hover stacco-standard avatar-rr
/* §§§ DEBUGGING ON OFF INI */ main section article div p span table main-bitarr body-bitarr dd-contenuto bordo1 bordo-raggio main-bitarr:hover section:hover article:hover table:hover colore-default stacco-standard avatar-rr
/* §§§ DEBUGGING ON OFF FIN */
/* tutMRX 08:27 23/10/2019 fine css */
-----------
supplementi
-----------
< ?php
$dir = './';
$files1 = scandir($dir);
$files2 = scandir($dir, 1);
print_r($files1);
print_r($files2);
? >
Characters and symbols
Character Entity Reference Chart
HTML5 Entities in Alphabetical Order
HTML Entities Encoder / Decoder
Icone-it
Color name
768 [192] [192] [192] [192] 192 [48] [48] [48] [48] 48 [12] [12] [12] [12] 12 [3] [3] [3] [3] main 384+192+48+48=672px extra main 768-672= 96 px 48+672+48
stile drop-down menu minimalista
--------------------------------
.dd-contenitore { position:fixed; top:0%; left:0%; width:30px; height:30px; border:solid 1px rgba(250,250,250,0); } .dd-bottone { width:26px; height:auto; display: inline-block; } .dd-contenuto { width:200px; height:100px; border:solid 1px tomato; display: none; } .dd-contenitore:hover .dd-contenuto { position:relative; display: block; overflow: auto; background-color:rgba(0,0,0,1); }
-----------
lista colori debugging
-----------
COLOR KEYWORDS
aqua black blue fuchsia gray green lime maroon navy olive orange purple red silver teal white yellow
section silver
article aqua
table orange
-----------
icone svg /bita/svg/
-----------
fine
-----------