TodoBlog

Mio blog Todo Cose che sarebbe bene Sfruttare

Webmaster, Sistema Lucio, Bridge Web, Cultura, Varie

Grav Studio

resettare_css
  • Per annullare l'impostazione del valore di un elemento, viene utilizzata la parola chiave unset.
  • La parola chiave CSS unset ripristina una proprietà di un elemento al suo valore ereditato se la proprietà eredita naturalmente dal suo genitore, o al suo valore iniziale se non eredita.
  • In altre parole, si comporta come la parola chiave inherit nel primo caso, se la proprietà viene ereditata e come la parola chiave initial nel secondo caso, se la proprietà non viene ereditata.

Sintassi:

property_name: unset;

https://www.geeksforgeeks.org/css-value-unset/

https://developer.mozilla.org/en-US/docs/Web/CSS/unset


    .foo {color: blue;}
    .bar {color: green;}
    p {color: red;}
    .bar p {color: unset;}

    <p>This text is red.</p>
    <div class="foo">
    <p>This text is also red.</p>
    </div>
    <div class="bar">
    <p>This text is green (default inherited value).</p>
    </div>

unset: result

This text is red.

This text is also red.

This text is green (default inherited value).


  • La parola chiave CSS initial applica il valore iniziale (o predefinito) di una proprietà a un elemento. Può essere applicato a qualsiasi proprietà CSS, inclusa la proprietà abbreviata CSS all. Con all impostato su initial, tutte le proprietà CSS possono essere ripristinate ai rispettivi valori iniziali in una volta sola invece di ripristinarle separatamente.
  • Sulle proprietà ereditate, il valore initial potrebbe essere imprevisto. Dovresti prendere in considerazione l'utilizzo delle parole chiave inherit, unset, revert o revert-layer.

p { color: red;}
em {  color: initial;}

    <p>
        <span>This text is red.</span>
        <em>This text is in the initial color (typically black).</em>
        <span>This is red again.</span>
    </p>

initial: result

This text is red. This text is in the initial color (typically black). This is red again.

Una pagina Splash con menu ad effetto con pagina sottostante

sito

50 Source https://www.frasimania.it/proverbi-giapponesi/

10 source https://www.deabyday.tv/salute-e-benessere/mente-e-psiche/article/7708/proverbi-giapponesi-lezioni-di-vita.html

10 famosi proverbi giapponesi e il loro significato

  1. Cadi sette volte, rialzati otto volte.

L’importante non è fare di tutto per non cadere, ma imparare dalle proprie cadute e trovare la forza per rialzarsi sempre. La caduta è un maestro: cerchiamo di apprendere la lezione che è giunto a portarci e a metterci al servizio del suo insegnamento.

  1. Se non entri nella tana della tigre, non catturerai un cucciolo di tigre.

Per conquistarci e gustarci i frutti delle nostre azioni dobbiamo essere disposti a rischiare, anche la vita. Senza il coraggio di rischiare non possiamo raggiungere alcun obiettivo, non realizziamo i nostri desideri, non saremo mai felici.

  1. Il fallimento è l’origine del successo.

Ci hanno insegnato che il fallimento è una cosa negativa. In realtà l’errore, lo sbaglio, il perdere sono tutti accadimenti che ci fortificano e che ci obbligano a smuovere la nostra energia interiore. Solo in questo modo riusciamo a trovare soluzioni, a far nascere idee, a sperimentare vie nuove. Il fallimento è un grande maestro di vita: ascoltiamolo sempre!

  1. Tra i fiori il ciliegio, tra gli uomini il guerriero.

Il fiore di ciliegio è sacro alla cultura giapponese per tutti i simboli che incarna. Tra gli uomini, il guerriero è la figura più amata dai giapponesi perché rappresenta l’uomo che combatte per i suoi ideali, l’uomo che si allena quotidianamente per raggiungere i suoi obiettivi, l’uomo che con dedizione e impegno persegue la sua strada, nonostante difficoltà e dolori.

  1. L’amicizia e l’amore non si chiedono come l’acqua, ma si offrono come il tè.

L’amicizia e l’amore sono doni da riversare agli altri in modo incondizionato e disinteressato. Richiederli non è bene poiché, facendolo, perdono tutto il loro valore.

  1. Anche la polvere quando si accumula diventa una montagna.

Ciò che si accumula nel tempo può divenire pian piano un ostacolo difficile da superare. Come le nostre case vanno spolverate in modo abituale, anche le nostre menti vanno svuotate di emozioni, pensieri, riflessioni. Altrimenti il nostro vaso interiore si riempie troppo ed esplode in malo modo.

  1. Chiedere è vergogna di un momento, non chiedere è vergogna di una vita.

Chiedere richiedere il coraggio di un istante, non chiedere è una prigione per tutta la vita poiché le situazioni rimangono irrisolte, le incomprensioni persistono, i dubbi s’insinuano continuamente risucchiandoci energie vitali.

  1. Guarda gli errori degli altri e correggi i tuoi.

Gli errori commessi dagli altri sono importanti, non per essere giudicati ma perché sono lo specchio della nostra interiorità e ci possono aiutare a comprenderci di più, a correggere le nostre debolezze, a riconoscerle, ad essere migliori. Lo sguardo è sempre da portare dentro, mai fuori.

  1. Anche le scimmie cadono dagli alberi.

Anche le persone più esperte possono sbagliare, ma l’errore è da considerarsi non un fallimento, bensì un maestro che ci invita a migliorarci ancora di più.

  1. Dieci persone, dieci colori.

Ogni persona è unica e unico è il suo pensiero, il suo modo di vedere e affrontare la vita, il suo mondo interiore. Ricordiamocelo quando ci relazioniamo a qualcuno.

Aggiornare Fancybox

Fancybox 5 funziona

https://fancyapps.com/fancybox/getting-started/

https://fancyapps.com/fancybox/plugins/images/

https://insitu.copernicus.eu/FactSheets/css/fs-jquery.fancybox.min.css/view

Versione 3
http://www.brunobovani.it/trattamenti/fancybox-3.0/docs/

Head


        {% do assets.addCss('https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css', 90) %}     

        {% do assets.addJs('https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js', 90) %}

gfancybox versione modificata

        case "ì":   // (= ì accentato)  immagine dalla cartella user/data/pizzini/pezze   https://codepen.io/fancyapps/pen/JeNvjx

        Fancybox.show([{
    src: "user/data/pizzini/pezze/" + val, 
    }]);
        break;
Utility per Grav

Come nascondere il menu a user senza accesso

in config/plugins/login.yaml

dynamic_page_visibility: true

Integra l'accesso nella visibilità della pagina in modo che le cose possano essere mostrate o nascoste nel menu Salvatore https://discourse.getgrav.org/t/hide-menu-left-side-navigation-bar-from-unauthenticated-users/12428/3

title: 'Corsi2020'
cache-enabled: false
TitoloPagina: 'Corsi 2020'
process:
    markdown: true
    twig: true
twig_first: true
sqliteSelect: allow
access:
  site.special: true
  admin.login: true
  site.login: true
login:
    visibility_requires_access: true
    dynamic_page_visibility: true

Corsi disponibili del 2020 «Grav-access»

Error: Invalid Frontmatter

Path: /web/htdocs/www.lalbaarredamenti.it/home/gr/user/pages/02.blog/spuntijquery/item.md

Failed to read /web/htdocs/www.lalbaarredamenti.it/home/gr/user/pages/02.blog/spuntijquery/item.md: Unable to parse at line 1 (near "title:Spunti jQuery").

---
title:Spunti jQuery
date: 15:00 11/01/2023

hero_classes: text-light title-h1h2 overlay-dark-gradient hero-large parallax
hero_image: testata.png
show_sidebar: false

taxonomy:
    category: webmaster blog
    tag: [webmaster, css, html]

header_image_alt_text: resettare_css 

process:
    markdown: true
    twig: true
twig_first: true

---

### Cartella corrente in .PHP

https://disign.it/php-percorso-directory-corrente-come-url-368-2-1.html

# PopUp
https://dimsemenov.com/plugins/magnific-popup/

https://dimsemenov.com/plugins/magnific-popup/

https://dimsemenov.com/plugins/magnific-popup/documentation.html
Una pagina Splash con menu ad effetto con pagina sottostante

Demo locale
Source Demo on line

scheda: Splash Menu - \web\htdocs\www.lalbaarredamenti.it\home\gr\user\pages\02.blog\splash-menu\item.md

Layout a griglia con visualizzazione scorrevole del contenuto

Un layout a griglia in muratura con un effetto di movimento al passaggio del mouse sugli elementi della griglia e una visualizzazione del contenuto scorrevole.

Grid Layout with Scrollable Content View

Article on Codrops

Demo

Credits

Licenza

Questa risorsa può essere utilizzata liberamente se integrata o inserita in progetti personali o commerciali come siti Web, app Web e modelli Web destinati alla vendita. Non è consentito prendere la risorsa "così com'è" e venderla, ridistribuirla, ripubblicarla o venderne versioni "pluginizzate". I plugin gratuiti creati utilizzando questa risorsa dovrebbero avere una menzione visibile e un collegamento al lavoro originale. Considera sempre le licenze di tutte le librerie incluse, gli script e le immagini utilizzate.

Varie

Seguite Codrops su: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2018