Banner maggiorenni (codice)
Auteur : Alessandro R.Riapro una vecchia discussione.
Avrei la necessitá di inserire nel sito un banner per maggiorenni.
Il gentile Kolasim :) tempo fa, mi aveva proposto qualche vecchio codice, purtroppo non era adeguato all estetica del web.
Con un applicazione a pagamento, avevo risolto il problema.
Ultimamente, il banner di terze parti, non si visualizza in modo costante é questo potrebbe causare problemi vari...multe..etc...
Per avere maggiore affidabilitá vorrei sfruttare le risorse di x5 pro.
inserisco un esempio (non é in italiano..):
Passo 1 - Privacy e Sicurezza
Benvenuti,
confermate la vostra scelta,
avete piu´ di 18 anni ?
NO
selezionando NO, si esce dal web e si viene dirottati su google.
Cliccando sul tasto SI, si procede con la navigazione.
L ideale sarebbe avere due pulsanti (non solo il Si) e inoltre mi piacerebbe allegare anche un immagine per avvicinarmi come somiglianza, al banner dell applicazione di terze parti...
inserisco il link del web (inserito in una sottocartella)
https://www.italbest.cz/test/cartsearch/index.html
ps: il banner dovrebbe visualizzarsi in qualsiasi pagina di entrata, credo che sia giá cosí...
GRAZIE A TUTTI DELLA COLLABORAZIONE :)
Auteur
Ciao, messaggio per i moderatori... se possibile, potete cambiare il post domanda in idea?
Il banner per maggiorenni é di facile realizzazione e potrebbe sfruttare alcune risorse giá presenti in x5...
Incomedia, se leggete questo messaggio, se volete fare bella figura con una novitá semplice e veloce da realizzare create questo banner...nei prossimi mesi qualche aggiornamento lo dovrete pur fare, questo post é risultato seguito per adesso da 86 Visite, e 3 Followers...ci sono utenti interessati al progetto ...
Grazie
Buongiorno Alessandro,
l'ho convertito in un topic Idea e segnalerò la proposta.
Eric
Auteur
Ciao, non ricevendo codici ho provato a chiedere la collaborazione di AI (con tutti i pregi e difetti).
La bella notizia e che dopo anni di attesa, finalmente ho qualcosa su cui ragionare.
La parte difficile é stata svolta...restano alcuni problemi di impaginazione, esempio vorrei avere il testo centrato e nonostante le numerose prove non ho raggiunto l obiettivo. Il banner compare in tutte le pagine, ma una volta che si clicca il consenso del maggiorenne (pulsante ANO=SI), nelle nuove pagine di navigazione il banner si visualizza per mezzo secondo, mentre vorrei che non si visualizzasse affatto. Il web é in ceco, ma la logica di funzionamento é comprensibile.
riporto il codice, se ci fossero errori, vi prego di segnalarmeli. Ho inserito il web in una sottocartella test.
https://www.prahavino.cz/test/index.html
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Benvenuto su Prahavino.cz</title>
<style>
/* Stili per il banner */
.banner {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f9f9f9;
padding: 20px;
text-align: center;
z-index: 9999;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 80%; /* Riduci la larghezza del banner del 20% */
flex-direction: row;
}
.banner img {
max-width: 50%; /* Dimensioni inferiori al 30% */
height: auto;
margin-right: 0.2in; /* Riduci ulteriormente lo spazio tra l'immagine e il testo */
}
.banner div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center; /* Allinea il testo al centro */
}
.banner p {
font-size: 18px;
font-weight: bold;
margin-bottom: 1em; /* Spazio di una riga vuota tra le frasi */
font-family: Arial, sans-serif; /* Carattere moderno e pulito */
}
.banner .button-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 3em; /* Aggiungi tre righe vuote tra il testo e i pulsanti */
}
.banner button {
background-color: #B8860B; /* Pulsanti colore oro scuro */
color: #ffffff;
padding: 5px 10px; /* Dimensioni più piccole */
font-size: 14px; /* Testo più piccolo */
font-weight: bold; /* Testo in grassetto */
cursor: pointer;
margin: 10px; /* Spazio tra i pulsanti */
flex: 1; /* Larghezza uguale per entrambi i pulsanti */
border: none; /* Rimuovi la cornice */
}
</style>
</head>
<body>
<div class="banner" id="ageCheckBanner">
<img src="https://www.prahavino.cz/images/team-18.jpg" alt="Immagine del banner">
<div>
<p><strong>Vítáme Vás,</strong></p>
<p>potvrďte prosím,</p>
<p>že jste starší 18 let.</p>
<div class="button-container">
<button onclick="closeBanner()">ANO</button>
<button onclick="exitWebsite()">NE</button>
</div>
</div>
</div>
<script>
// Chiudi il banner
function closeBanner() {
document.querySelector('.banner').style.display = 'none';
sessionStorage.setItem("ageChecked", "true");
}
// Esci dal sito web
function exitWebsite() {
window.location.href = 'https://www.google.cz'
}
// Verifica se l'utente ha già effettuato un controllo dell'età
window.onload = function() {
if (sessionStorage.getItem("ageChecked") === "true") {
document.querySelector('.banner').style.display = 'none';
}
}
</script>
</body>
</html>
riporto l immagine del banner attuale (sopra) e di come vorrei che venisse visualizzato (sotto)
Ringrazio l intelligenza umana :)