phpBB Italia chiude!
phpBB Italia ringrazia tutti gli utenti che hanno dato fiducia al nostro progetto per ben 9 anni, e che, grazie al grande lavoro fatto da tutto lo Staff (rigorosamente a titolo gratuito), hanno portato il portale a diventare il principale punto di riferimento italiano alla piattaforma phpBB.

Purtroppo, causa motivi personali, non ho più modo di gestirlo e portarlo avanti. Il forum viene ora posto in uno stato di sola lettura, nonché un archivio storico per permettere a chiunque di fruire di tutte le discussioni trattate.

Il nuovo portale di assistenza per l'Italia di phpBB diventa phpBB-Store.it, cui ringrazio per aver deciso di portare avanti questo grande progetto.

Grazie ancora,
Carlo - Amministratore di phpBB Italia

Background opacity non c'entra lo schermo

Discussioni relative allo sviluppo grafico di un sito web utilizzando l'HTML/XHTML e CSS ed alla grafica in generale con l'utilizzo di applicazioni tipo Photoshop e GIMP.
Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Background opacity non c'entra lo schermo

Messaggio da frank » 30/04/2016, 3:51


Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Background opacity non c'entra lo schermo

Messaggio da Sir Xiradorn » 30/04/2016, 20:35

Famo così va. Togli il margin e vai di transform

Codice: Seleziona tutto

margin: auto;
transform: translate(-50%, -50%);
Questa tecnica va bene ma SOLO per i browser che hanno CSS3 supportato
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Background opacity non c'entra lo schermo

Messaggio da frank » 30/04/2016, 22:30

Perfetto, funziona :-D

Ho provato ad applicare lo stesso css al form @Email ma non si centra :frustrante:

Codice: Seleziona tutto

.trasp {
    position: fixed;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    z-index: 1;
}  

.alert {
    position: absolute;
    background-color: #ffff00;
    min-width: 300px;
    height: auto;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.3em; color: #ff0000;
    text-align: center;
    border-radius: 20px;
    display: table;
    z-index: 2;
}

Rispondi

Torna a “Web Design & Grafica”

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite