Ridurre larghezza forum

Area dedicata al supporto degli stili
Rispondi
Avatar utente
fabiomaticus
Utente
Utente
Messaggi: 199
Iscritto il: 03/12/2016, 12:55
Link del Forum: www.500forum.it
Località: Taranto
Contatta:

Ridurre larghezza forum

Messaggio da fabiomaticus »

Come posso intervenire per ridurre la larghezza del forum? Ad esclusione del headerbar e della navbar che vorrei occupassero tutta la larghezza dello schermo.
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 6146
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-italia.it
Località: Palermo

Re: Ridurre larghezza forum

Messaggio da alex75 »

Per allargare tutto è un attimo

Codice: Seleziona tutto

#wrap {
	max-width: none !important;
	margin: 0 2%;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
#wrap {
	margin: 0; 
}
}
per stringere sarebbe il processo con valori inversi. farli insieme dovrei vedere
Regolamento Forum
Le nostre guide
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Avatar utente
fabiomaticus
Utente
Utente
Messaggi: 199
Iscritto il: 03/12/2016, 12:55
Link del Forum: www.500forum.it
Località: Taranto
Contatta:

Re: Ridurre larghezza forum

Messaggio da fabiomaticus »

Bene.
Il discorso è che vorrei header largo ed il forum stretto
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 6146
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-italia.it
Località: Palermo

Re: Ridurre larghezza forum

Messaggio da alex75 »

per stringere il forum prova questo:

Codice: Seleziona tutto

.page-body {
    margin: 4px 10%;
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.page-body {
    margin: 4px 0;
}
}
quindi unendolo al codice precedente dovresti avere qualcosa del genere:

Codice: Seleziona tutto

#wrap {
	max-width: none !important;
	margin: 0 2%;
}
.page-body {
    margin: 4px 10%;
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
#wrap {
	margin: 0; 
}
.page-body {
    margin: 4px 0;
}
}
Regolamento Forum
Le nostre guide
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Avatar utente
fabiomaticus
Utente
Utente
Messaggi: 199
Iscritto il: 03/12/2016, 12:55
Link del Forum: www.500forum.it
Località: Taranto
Contatta:

Re: Ridurre larghezza forum

Messaggio da fabiomaticus »

Ho provato ma non ho ottenuto il risultato che cerco: si è stretto anche parzialmente l'header e di molto il forum.
Vedendo la mia attuale impaginazione ho "giocato" col parametro forabg ma non sono riuscito acentrarlo ma solo a ristringerlo.
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 6146
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-italia.it
Località: Palermo

Re: Ridurre larghezza forum

Messaggio da alex75 »

Ovviamente io ho messo valori ipotetici. Devi modificarli a tuo piacimento.
se vuoi l'header a 100% metti il valore "0" al posto del 2% al #wrap
se vuoi stringere ulteriormente il forum aumenta il valore "10%" al page_body

Edit:
Comunque ti consiglio di non andare oltre il 10% al page_body. Prova tu stesso a stringere la finestra e ti renderai conto, come apparirebbe il forum ad un utente con monitor più piccolo.
Regolamento Forum
Le nostre guide
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Rispondi