aqua black blue fuchsia gray green lime maroon navy olive orange purple red silver teal white yellow

scandir directory corrente

Array ( [0] => . [1] => .. [2] => 20200301a_0-fineHELPHTML.docx [3] => 20200301a_0-fineHELPinnerHTML.docx [4] => 20200301a_2-h11.html [5] => 20200306a_1-usd.html [6] => 20200315b_1-wysiwyg.html [7] => a [8] => ascii.txt [9] => backup [10] => cronologia.php [11] => cronologia.txt [12] => fine.js [13] => h04.php [14] => h05.php [15] => h06.php [16] => h07.php [17] => h08.php [18] => h09.php [19] => h10.php [20] => h11.php [21] => h12.php [22] => h13.php [23] => h14.php [24] => h15.php [25] => h16.php [26] => h17.php [27] => h18.php [28] => h19.php [29] => h20.php [30] => html [31] => prenexcro.html [32] => prenexcroSNIP.html [33] => repository [34] => viewdir.php [35] => viewdirOLD.php )

Frame work

background-color: rgb(153,76,0, 0.5);

rgba(189,183,107, 1.0); colore del bottone menu

pre, code, .my-box-grey, .my-highlight, .my-widget-box, .my-row-header, .my-alert-wait, .my-alert-error, .my-alert-warning, .my-alert-message, .my-label, .my-breadcrumb, .my-btn, .my-btn-primary, .my-btn-save, .my-btn-delete, .my-form-grey, .my-form-blue, .my-welcome-question, .my-app-bg .my-social-share

CIP 104 FRAMEWORK

<!DOCTYPE html>
<html lang="it">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="generator" content="AlterVista - Editor HTML">
<title>
</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous">
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js">
</script>
<style>
.small-caps{font-variant:small-caps;} .uppercase{text-transform:uppercase;} .black-car{color:black;} .black-bg{background-color:black;} .transparent-bg{background-color:transparent;} .align-text-left{text-align: left;} .align-text-center{text-align: center;} .align-text-right{text-align: right;} .align-text-justify{text-align: justify;} .bg-trasparente{background-color:transparent;} .riempi-blocco{width:100%;} .cento{width:100%;} .settanta{width:70%;} .trenta{width:30%;} .border-left-white{ padding-left:4px; border-left:solid 8px white;} .border-left-black{ padding-left:4px; border-left:solid 8px rgba(0,0,0,0.4);} .bordo1{border:solid 0px black;} </style>
<link href="http://edoraandiamo.altervista.org/1.0/4/stilemodale.css" rel="stylesheet">
</head>
<body onload="AttendereLoading()">
<center>
<main class="left" style=" margin-top:72px; margin-bottom:72px; border-top:solid 2px maroon; border-bottom:solid 2px maroon; border-left:solid 1px maroon; border-right:solid 1px maroon; padding:0.4em; color:black; ">
</main>
</center>
<div id="modale" class="modale">
<div class="contenutomodale">
<span class="material-icons" style="float:right;">
<a href="http://edoraandiamo.altervista.org/">
home </a>
</span>
<div id="chiudimodale">
Ooops!</div>
<p class="small-caps" style="font-family:sans-serif">
<b>
CIP framework v.1.0.4</b>
</p>
<hr/>
<div id="credits2020" align="right" >
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/credits2020.js">
</script>
<hr/>
</div>
</div>
<div id="backdoor">
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/backdoor.js">
</script>
<script src="http://edoraandiamo.altervista.org/1.0/4/chiudimodale.js">
</script>
<div id="breakpoints">
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/breakpoints.js">
</script>
<div id="loading">
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/loading.js">
</script>
<div id="myavcp">
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/myavcp.js">
</script>
<div id="dropmenunomail">
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/dropmenunomail.js">
</script>
<div id="fine">
</div>
</body>
</html>

CIP 104 http://edoraandiamo.altervista.org/1.0/4/dropmenunomail.js

CIP 104 http://edoraandiamo.altervista.org/1.0/4/myavcp.js

CIP 104 http://edoraandiamo.altervista.org/1.0/4/loading.js

CIP 104 http://edoraandiamo.altervista.org/1.0/4/breakpoints.js

CIP 104 http://edoraandiamo.altervista.org/1.0/4/chiudimodale.js

document.getElementById('chiudimodale').innerHTML=
'<p>'+
' <span style="margin:0.5em;'+
' border:solid 0px black;'+
' width:auto; height:auto; '+
' "> '+
' <a href="#" '+
' class="material-icons"'+
' style=" '+
' background-color:orange; '+
' color:black; '+
' font-size:2em;'+
' box-shadow:3px 3px 6px black;'+
' border-radius:4px; '+
' "> '+
' close </a> '+
' </span> </p>'+
' <hr/>'

CIP 104 http://edoraandiamo.altervista.org/1.0/4/backdoor.js

document.getElementById('backdoor').innerHTML=
' <style> /* backdoor */ '+
' .backdoor{ position: fixed; bottom: 0px;'+
'left:0px; font-size:small; '+
'background-color: rgba(153,76,0, 0.5);'+
'color: rgba(189,183,107, 1.0); border-radius:4px;'+
'z-index:101;} '+
'</style> '+
' <a href="#" class="material-icons" > '+
' <span class="backdoor">face</span> '+
' </a>'

CIP 104 http://edoraandiamo.altervista.org/1.0/4/credits2020.js

document.getElementById('credits2020').innerHTML=

'<table style="'+
'background-color:orange;'+
'border:solid 2px maroon;'+
'border-radius:4px;'+
'"> '+
'<tr>'+
'<td>'+

' webdesign 2020 '+
'</td>'+

'<td>'+
'<img src="'+
'http://edoraandiamo.altervista.org/'+
'img0/rinaldo-rasa-avatar-image.png" '+
'alt="" title="" '+
' style=" width:24px; height:24px;" > '+
'</td> '+

'<td> '+
' <a '+
' href="mailto:rinaldo.rasa@gmail.com">'+
' <img src="http://edoraandiamo.altervista.org/'+
'bita/icone-svg/it-mail.svg" '+
' alt="" title="" style="'+
' width:24px; height:24px;'+
'" >'+
'</a> '+
' </td> '+

' '+
'</tr></table>'+
''+

''

CIP 104 http://edoraandiamo.altervista.org/1.0/4/stilemodale.css

.bordomodale{ border:solid 4px gray; } .bordocontenutomodale{ padding:6px; } .modale{ position:fixed; top:0;right:0; bottom:0;left:0; background-color:rgba(0,0,0,1.0); pointer-events:none; /* COMMENTO zindex Ã¨ importante */ opacity:0; z-index:100; } .modale:target {pointer-events: auto; opacity:1;} .contenutomodale{ position:static; width:70%; height:70%; margin-left:15.0%; /* COMMENTO width height margin sono in funzione tra di loro */ padding:0.5em; border-radius:4px; background-color: rgba(255,229,204, 1.0); background-color: rgba(204,166,128, 1.0); overflow:auto; }