Agenda HELP 8 DICEMBRE 2019

≪ < indietro

prossimo >≫


INNERHTML

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Altervista for all
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
index 1 2 3 4 5 6 7 8 10 9

AGITprop

GADGETS DISTILLERY 5 DICEMBRE 2019
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);
}

<div class="flip-box"> <div class="flip-box-inner"> <div class="flip-box-front"> <h2>GHOST</h2> </div> <div class="flip-box-back"> <h2>WRITER</h2> </div> </div> </div>

GHOST 1 DICEMBRE 2019

showdir 1.0/1 showdir WORKOU showdir MAIN SITE 1.0/1

GHOST

WRITER

GHOST 29 NOVEMBRE 2019

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

 

GHOST 28 NOVEMBRE 2019

blackspan24x24

GHOST 27 NOVEMBRE 2019

GHOST 26 NOVEMBRE 2019

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 "/\/\/"

inner javascript HTML 20191108

http://venexiatre.altervista.org/tools/workout/spinnerINNERHTML20191108z1.html

svg text codice



Menu a discesa e spinner classico solo con girandola

menu+spinner

SPINNER CLASSIC

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 Error: Embedded data could not be displayed. TOOLS PHP edoraandiamo cronologia

Sezione video

arlecchino vpt1_20191103b_8

Sezione fogli di stile e script

nodebugging.css tutmrxmenu20191103.css tutmrxvideo20191103.css

credits.js finepagina.js bitterjs/fine-pagina.js tutmrxfinepagina20191103.js


MENUtutmrx

progress bar

sprite



TUT versione MRX

  Menu a discesa MINIMALISTA   wp primo schematismo  

http://venexiatre.altervista.org/dr/tut/MRX20191025b_7.html
http://venexiatre.altervista.org/dr/tut/MENUd20191025b_6.html

MENU float HEADER


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
ATTENDERE...
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 ='

Questo è un help

' document.getElementById("debugit-burger12x2px").innerHTML ='
' 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

-----------

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Altervista for all ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

index 1 2 3 4 5 6 7 8 10 9