software Wheather Report about everything

ULTERIORE HELP php »

ULTERIORE HELP html »


	.spinnerBITARR {
	  border: 16px solid #f3f3f3;border: 8px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 16px solid #3498db;border-top: 8px solid #3498db;
	  width: 120px;width: 50px;
	  height: 120px;height: 50px;
	  -webkit-animation: spin 2s linear infinite; /* Safari */
	  animation: spin 2s 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); }
	}
	
	
	.avvisospinnerBITARR  {
	display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;font-family:sans-serif;
		
	}
	
	.contenutoavvisospinnerBITARR  {
	background-color:FireBrick;
	background-color:Black;
	color:Grey;
	font-family:sans-serif;
	padding:28px;
	border-radius:0px;
		
	}

 onload="spinnerdownLoadBITARR()"


div {
    width: 100px;width: 0px;
    height: 50px; height: 10px;
    background: gray;
    position :relative;
   
   -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 5s infinite;
    
	-webkit-animation: mymove 50s ; 
	/* Safari 4.0 - 8.0 */
    animation: mymove 50s ;
	
	
}


/* Standard syntax */
@keyframes mymove {
    from   {width: 0px;}
    to  {width: 500px;}
}

< div>< /div>


< center/>  
	< div id="layer1" class="avvisospinnerBITARR" style="margin-top:2rem;"> 

		< div class="contenutoavvisospinnerBITARR">
			ATTENDERE... < br/> caricamento della pagina in corso.
		
	< div class="spinnerBITARR">< /div>

	< /div>

//  spinner javascript

 	function spinnerdownLoadBITARR(){
        if (document.all){
            document.all["layer1"].style.visibility="hidden";
            document.all["layer2"].style.visibility="visible";
        } else if (document.getElementById){
            node = document.getElementById("layer1").style.visibility='hidden';
            node = document.getElementById("layer2").style.visibility='visible';
        }
      }

scrive informazioni sul server PHP

		< ?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('../text.txt', 'w');
		fwrite($fp, $actual_link. " " .$oggi_est. " ". $oggi_est_time);
		fclose($fp);

		$myfile = fopen("../logs.txt", "a") or die("Unable to open file!");
		// $actual_link = "cronologia";
		fwrite($myfile, "\n". $actual_link. " " .$oggi_est. " ". $oggi_est_time);
		fclose($myfile);

		? >

dropdown minimalista

.dd-contenitore { position:fixed; 
top:0%; left:0%; width:30px; height:30px;    }

.dd-bottone { width:26px; 
height:auto;  display: inline-block;  }

.dd-contenuto { width:288px; 
height:288px; border:solid 1px rgba(180,150,150,1);  display: none; }

.dd-contenitore:hover .dd-contenuto 
{  position:relative; 
display: block; overflow: auto; background-color:rgba(10,10,10,1); text-align:left; }

detect schermo


function dimschermo() {

function gebID(id){ return document.getElementById(id); }
  function gebTN(tagName, parentEl){ 
     if( typeof parentEl == "undefined" ) var parentEl = document;
     return parentEl.getElementsByTagName(tagName);
  }
  function setStyleToTags(parentEl, tagName, styleString){
    var tags = gebTN(tagName, parentEl);
    for( var i = 0; iscreenx"
      +"windowx"
      +"document
.documentElementx"
      +"document.bodyx"
  ;

  gebTN("body")[0].appendChild( table );

  table.setAttribute(
     'style',
     "border: 2px solid black !important; position: fixed !important;"
     +"left: 50% !important; top: 0px !important; padding:10px !important;"
     +"width: 150px !important; font-size:18px; !important"
     +"white-space: pre !important; font-family: monospace !important;"
     +"z-index: 9999 !important;background: white !important;"
  );
  setStyleToTags(table, "td", "color: black !important; 
  border: none !important; padding: 5px !important; text-align:center !important;");
  setStyleToTags(table, "th", "color: black !important; 
  border: none !important; padding: 5px !important; text-align:center !important;");

  table.style.setProperty( 'margin-left', '-'+( table.clientWidth / 2 )+'px' );

  setInterval( testSizes, 200 );
  
  }

BUTTON

	
	< button class="bordo-raggio" id="" onclick="document.location.reload(true)" > 
	X
	< /button>

http://venexiatre.altervista.org/dr/tut/MYspin20191021a.html
http://venexiatre.altervista.org/dr/tut/MRX20191021b_1.html
http://venexiatre.altervista.org/dr/tut/MRX20191021a.html

Alcuni collegamenti veloci

cut and past

http://venexiatre.altervista.org/dr/tut/MRX20191019b_1.html
http://venexiatre.altervista.org/dr/tut/MRX20191019a.html
http://venexiatre.altervista.org/dr/tut/tut-MRX-20191020b.css
http://venexiatre.altervista.org/dr/tut/tut-MRX-20191020a.css

http://edoraandiamo.altervista.org/bita/cssbitarr/tut-MRX-20191020b.css

http://edoraandiamo.altervista.org/bita/cssbitarr/tut20191017.css
http://venexiatre.altervista.org/dr/tut/t1/TUT20191018i.html
http://venexiatre.altervista.org/dr/tut/t1/dropdownmenuULTRA-MINIMALISTA-TUT20191018h.html
http://venexiatre.altervista.org/dr/tut/t1/TUT20191018h.html
http://venexiatre.altervista.org/dr/tut/t1/TUT20191018g.html
http://venexiatre.altervista.org/dr/tut/t1/dropdownminimalista20191018a.txt
http://venexiatre.altervista.org/dr/tut/t1/tut20191017.css
http://venexiatre.altervista.org/dr/tut/t1/tut20191018.css
http://venexiatre.altervista.org/dr/tut/t1/tut20191018a.css

TUT khelp

KLP20191017z

KheLP

tutcsss20191016 KLP20191017f KLP20191017g KLP20191017h KLP20191017i KLP20191017L KLP20191017m KLP20191017n KLP20191017o

AGENDA Help Rinaldo Rasa. 21 ottobre 2019.

------------
tut 20191020
versione MRX
------------

In questa pagina html
il tut.css è inline
per consultazione
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Codice del dropmenu ultraMinimalista ini
----------------------------------------

.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); }

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Codice del dropmenu ultraMinimalista fin
----------------------------------------

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/
REPORT STORICO DELLO STILE TUT.CSS -----|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|

« 06:47 16/10/2019 --- definizione delle classes tema unico temporaneo »
========================================================================
• body-bitarr main-bitarr
•
tav-table-1x1 tav-td-w50 tav-td-text tav-td-img tav-td-img-top tav-td-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-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
•
• immagine-top
•
• sfondo
•
• dd-bitarr ddbtn-bitarr ddc-bitarr
• dd-bitarr-sinistra ddbtn-bitarr-sinistra ddc-bitarr-sinistra
•
• larghezza-max larghezza-max-1-4 larghezza-max-2-4 larghezza-max-3-4 larghezza-max-4-4
•
• bordo1 bordo-raggio colore-default backdoor-porta backdoor-basso-destra nascondi avatar-rr
• ⇤

« riferimenti sitografici »
===========================
Characters and symbols Character Entity Reference Chart HTML5 Entities in Alphabetical Order HTML Entities Encoder / Decoder Icone-it Hoverable Dropdown Animating the progress bar Color name

« utility »
===========================
tablet 768x1024 >

« def schema »
===========================

• LA TAVOLA e le sue componenti

headertav headertavtr1 headertavtr1td1

art --- tav --- tr1 --- td1
art --- tav --- tr2 --- td2
art --- tav --- tr3 --- td3
art --- tav --- tr4 --- td4

footertav footertavtr1 footertavtr1td1

• DIMENSIONE della tavola 576px corrispondente ~ 36rem riferimento alla class arttavtrtdimmmawidth e larghezza-max

• SEGNALAZIONI

screen tablet firebrick
main tomato
section darkblue
article seagreen
table orange

♥ ♥ ♥ fine « riferimenti sitografici » ♥ ♥ ♥

Da 0 al prodotto finito ON THE Tracks

Temporary Universal Theme

Schema di riferimento da ristrutturare secondo le linee guida >>> TUT PAGINA <<<

TUT201910a.html TUT201910b.html TUT20191003a.html TUT20191003b_1.html TUT20191003b_2.html TUT20191003b_3.html TUT20191003b_4.html TUT20191003b_5.html TUT20191003b_6.html TUT20191003b_8.html frag20191003c.html «==prog help TUT20191004b_4.html TUT20191004b_5.html TUT20191004b_6.html TUT20191004b_7.html TUT20191004b_7_1.html TUT20191004b_7_2.html TUT20191004b_7_3.html TUT20191004c.html TUT20191004d_1.html TUT20191004d_2.html TUT20191004d_3.html landscapeportait.html TUT20191004d_4.html TUT20191004d_5.html TUT20191005a.html TUT20191005b_1.html TUT20191008a TUT20191008b_1 TUT20191008b_2 TUT20191008b_3 TUT20191008b_5 TUT20191008b_6 TUT20191008b_7 TUT20191008b_8 TUT20191009b_1 TUT20191009b_2 TUT20191009b_5 TUT20191009b_6 TUT20191009d_2 TUT20191009d_3 TUT20191010b_1 TUT20191010b_2 TUT20191010b_3 TUT20191010b_4 TUT20191010c TUT20191010d_1 TUT20191010d_2 TUT20191010d_3 TUT20191010e « ♥ » « ♥ » TUT20191011b_1 TUT20191011b_2 TUT20191011b_3 TUT20191010b_4 TUT20191011b_5 TUT20191012a TUT20191012b_3 TUT20191012b_6 TUT20191012c

🙂

TUT20191013a TUT20191013b_1 TUT20191013b_2 TUT20191013b_3 TUT20191013b_4 TUT20191013b_5 TUT20191013b_6 TUT20191013b_7 TUT20191013b_8 TUT20191013b_9 TUT20191013c

🙂

TUT20191013d_1 TUT20191013d_2 TUT20191013d_3 TUT20191013d_4 TUT20191013d_5 TUT20191013d_6 TUT20191013d_7 TUT20191013d_8 TUT20191013d_9 TUT20191013e

🙂

TUT20191014a TUT20191014b_1 TUT20191014b_2 TUT20191014b_3 TUT20191014b_4 TUT20191014b_5 TUT20191014b_8 TUT20191014b_9 TUT20191014c

🙂

TUT20191015a TUT20191015b_1 TUT20191015b_2 TUT20191015b_3 login_TUT20191015b_3

🙂

TUT20191016a TUT20191016b_1 TUT20191016b_2 TUT20191016b_3 TUT20191016b_5

KELP 20191017e

documentazione tut.css track fogli di stile formato docx 20191016

STEP 1 html STEP 1 txt

STEP 2 html STEP 2 txt

STEP 3 html STEP 3 txt

SPRITE BOOTSTRAP ITALIA

le grandi immagini

anni_0_del_novecento

anni_10_del_novecento

anni_30_del_novecento

SOURCE-WIDTH-SCREEN https://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window

responsive screen window

RESIZE IN ROW IMMAGINI resize20191009d resize20191009c

Inserimento in table

TABLE due immagini

Menu a discesa minimalista

new1dropdownMenuA	new1dropdownMenuB
menuDiscesa UltraMinimalista

ANIMATED PROGRESS BAR

newprogressbar20191006a	newprogressbar20191006b_1
newprogressbar20191006b_2	newprogressbar20191006b_3
newprogressbar20191006b_4	newprogressbar20191006b_5

EBook Ed ora andiamo!

tempo di caricamento 30 minuti circa

eoa.com MIRROR

mirror ed-ora-andiamo.com DP20191001g LINK esterno

mirror ed-ora-andiamo.com DP20190930e LINK esterno

mirror ed-ora-andiamo.com DP20190929c LINK esterno

MINIMAL DP20190927c

DROPOUT PHP DROPOUT 20190925a DROPOUT 20190925c DROPOUT 20190925e DROPOUT 20190926c DROPOUT 20190926e

BARBER 20190927e

Esercizi di Collezione video 2008

video

ICONE SVG

it-icone

Esercizi di MURI e GRAFFITI street art

video

Primo video, Viale Vespucci - Mestre, 9 ottobre 2008

Galleria graffiti art.

2008 dicembre 3

	File	Dimensione	Data
-		-	-
	c081203_004-351.mp4 Apri \| \| \|	3 MB	18/09/2019
	c081203_005-352.mp4 Apri \| \| \|	6 MB	18/09/2019
	c081203_006-353.mp4 Apri \| \| \|	4 MB	18/09/2019
	c081203_007-354.mp4 Apri \| \| \|	2 MB	18/09/2019
	c081203_008-355.mp4 Apri \| \| \|	3 MB	18/09/2019
	c081203_009-356.mp4 Apri \| \| \|	3 MB	18/09/2019
	c081203_010-357.mp4 Apri \| \| \|	6 MB	18/09/2019
	c081203_011-358.mp4 Apri \| \| \|	6 MB	18/09/2019
	c081203_012-359.mp4 Apri \| \| \|	6 MB	18/09/2019
	c081203_013-360.mp4 Apri \| \| \|	3 MB	18/09/2019
	c081203_014-361.mp4 Apri \| \| \|	3 MB	18/09/2019
	c081203_015-362.mp4 Apri \| \| \|	2 MB	18/09/2019
	c081203_016-363.mp4 Apri \| \| \|	3 MB	18/09/2019
	c081203_017-364.mp4 Apri \| \| \|	1 MB	18/09/2019
	c081203_018-365.mp4 Apri \| \| \|	4 MB	18/09/2019
	c081203_019-366.mp4 Apri \| \| \|	850 KB	18/09/2019
	c081203_020-367.mp4 Apri \| \| \|	2 MB	18/09/2019
	c081203_021-368.mp4 Apri \| \| \|	4 MB	18/09/2019
	c081203_022-369.mp4 Apri \| \| \|	3 MB	18/09/2019
	c081203_023-370.mp4 Apri \| \| \|	2 MB	18/09/2019
	c081203_024-371.mp4 Apri \| \| \|	3 MB	18/09/2019
	c081203_025-372.mp4 Apri \| \| \|	6 MB	18/09/2019
	c081203_026-373.mp4 Apri \| \| \|	632 KB	18/09/2019
	c081203_027-374.mp4 Apri \| \| \|	6 MB	18/09/2019
	c081203_028-375.mp4 Apri \| \| \|	855 KB	18/09/2019
	c081203_029-376.mp4 Apri \| \| \|	3 MB	18/09/2019