Thread obsoleto PROBLEMA CMS

[DiegoV]

Come faccio a far adattare la pagina me e profile conforme l'immagine che inserisco dietro all'avatar senza che ogni volta devo modificare/ridurre le misure del box. Grazie

Screen:

Perfavore, Entra oppure Registrati per vedere i Link!

File me.php:

Perfavore, Entra oppure Registrati per vedere i Link!

File profile.php:

Perfavore, Entra oppure Registrati per vedere i Link!

 

[Tapatalk]

Come faccio a far adattare la pagina me e profile conforme l'immagine che inserisco dietro all'avatar senza che ogni volta devo modificare/ridurre le misure del box. Grazie

Screen:

Perfavore, Entra oppure Registrati per vedere i Link!

File me.php:

Perfavore, Entra oppure Registrati per vedere i Link!

File profile.php:

Perfavore, Entra oppure Registrati per vedere i Link!

Il background è richiamato da questo codice:

Perfavore, Entra oppure Registrati per vedere i codici!

Potresti riuscire a capire gentilmente cosa appare al posto di quel codice quando fai Ispeziona elemento con il tuo browser?

 

[Lex007]

Lavora un po' con i css, aiutati con gli strumenti sviluppatori.
Utilizza le proprietà background-size e background-position.

 

[DiegoV]

Mi viene questo con ispeziona elemento
<div style="margin-top: 300px;margin-left: 50px;height: 120px;width: 50px;;background-image: url('

Perfavore, Entra oppure Registrati per vedere i Link!

"></div> </div>
<div class="col-xs-9 col-sm-6" style="float:right;">
Tapatalk

 

[Tapatalk]

Mi viene questo con ispeziona elemento
<div style="margin-top: 300px;margin-left: 50px;height: 120px;width: 50px;;background-image: url('

Perfavore, Entra oppure Registrati per vedere i Link!

"></div> </div>
<div class="col-xs-9 col-sm-6" style="float:right;">
Tapatalk

Dopo

Perfavore, Entra oppure Registrati per vedere i codici!

dovresti scrivere qualcosa del genere

Perfavore, Entra oppure Registrati per vedere i codici!

Sempre tra le virgolette.

 

[DiegoV]

Mi sparisce l'immagine Tapatalk

 

[Tapatalk]

Mi sparisce l'immagine Tapatalk

Devi aver sbagliato qualcosa, dovrebbe venire in questo modo

Perfavore, Entra oppure Registrati per vedere i codici!

 

[DiegoV]

Non riesco a capire... questo è la me.php

Perfavore, Entra oppure Registrati per vedere i Link!

me la puoi modificare tu. Grazie Tapatalk

 

[DiegoV]

Tapatalk non riesco a modificare mi potresti dare un aiuto? Grazie

 

[Tapatalk]

Tapatalk non riesco a modificare mi potresti dare un aiuto? Grazie

Non posso modificartelo io perché il file richiama una variabile che: o si trova nel database (nella tabella users) o si trova in un altro file. La variabile è $avatar['me_background']

 

[Tapatalk]

Tapatalk non riesco a modificare mi potresti dare un aiuto? Grazie

Non posso modificartelo io perché il file richiama una variabile che: o si trova nel database (nella tabella users) o si trova in un altro file. La variabile è $avatar['me_background']

 

[DiegoV]

Si è del db ma ogni volta devo modificare la grandezza in base all'immagine che metto, non è possibile fare in modo che quando cambio immagine si adatti da sola insieme al PG della me o profilo. Tapatalk

 

[Tapatalk]

Si è del db ma ogni volta devo modificare la grandezza in base all'immagine che metto, non è possibile fare in modo che quando cambio immagine si adatti da sola insieme al PG della me o profilo. Tapatalk

Prova a mettere larghezza e altezza auto, in modo che le imposti da solo..

 

[DiegoV]

sapere come si fa lool Tapatalk Questo è il box nel file css
.front{
height: 500px;
background-position:center center;
background-size:100%;
background-repeat:no-repeat;
margin:0px;
margin-bottom: 0px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

 

[Tapatalk]

sapere come si fa lool Tapatalk Questo è il box nel file css
.front{
height: 500px;
background-position:center center;
background-size:100%;
background-repeat:no-repeat;
margin:0px;
margin-bottom: 0px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

Se l'immagine si trova in questo box prova solo a cambiare background-size:100% con background-size:auto