Post

1

I Template di Joomla! 3 / Re:Rendere una pagina adattabile alla grandezza delle finestre

« il: 18 Gen 2014, 12:38:34 »

tutto il resto si ridimensiona già

2

I Template di Joomla! 3 / Re:Rendere una pagina adattabile alla grandezza delle finestre

« il: 18 Gen 2014, 12:38:06 »

Il sito non è ancora pubblicato. quello che voglio rendere adattabile sono tre cerchi ognuno con'un'immagine dentro. sono i tre elementi di cui ho postato il codice. se ti va di aiutarmi ti faccio un account e per ringraziarti ti spedisco a domicilio una zizzona di battipaglia di mia produzione   

3

I Template di Joomla! 3 / Re:Rendere una pagina adattabile alla grandezza delle finestre

« il: 18 Gen 2014, 12:24:14 »

Il template è AS002060free
Ti ringrazio per la risposta. il fatto è che non sono molto ferrato nella programmazione. avrei bisogno di qualche dettaglio in più su come modificare il codice che ho postato.
Potresti aiutarmi per favore? 

4

I Template di Joomla! 3 / Rendere una pagina adattabile alla grandezza delle finestre

« il: 18 Gen 2014, 09:52:41 »

Salve a tutti sono nuovo.
avrei bisogno di sapere come posso rendere i seguenti elementi adattabili alla finestra. Grazie mille per le vostre risposte.
#image_block {
   clear: both !important;
   width: 1024px !important;
   height: 400px !important;
   margin-left: auto !important;
   margin-right: auto !important;
   text-align: center !important;
}

#circle_blocks {
background: #ffffff !important;
width: 1024px !important;
height: 400px !important;
text-align: center !important;

margin-left: auto !important;
margin-right: auto !important;
}

#block1 img, #block3 img {
width: 100% !important;
position: relative !important;
top: +12px !important;
}

.circle_block {
position: relative !important;
float: left !important;
width: 257px !important;
height: 237px !important;
border: 2px solid #2a617f;
border-radius: 250px !important;
overflow: hidden !important;
margin-left: 3% !important;
}

#block2{
position: relative !important;
background: #fff !important;
top: -20px !important;
float: left !important;
width: 350px !important;
height: 330px !important;
/*border: 2px solid #AF9161 !important;
border-radius: 250px !important;*/
overflow: hidden !important;
}

#block1, #block3 {
position: relative !important;
top: +20px !important;
}