Pagina 1 di 1

Ridimensionare Template

MessaggioInviato: 24 ottobre 2011, 10:47
da jessiketta90
io ho impostato il mio tamplate (fluido a tutta pagina) visto che l'altra impostazione era troppo stretto..
c'è un modo per impostarlo a modo mio? cioè io lo vorrei a tutta pagina ma che rimanga un pezzettino di sfondo sia a dx che a sx

Re: Ridimensionare Tamplate

MessaggioInviato: 26 ottobre 2011, 16:14
da Alexiel
Prima di tutto, sposto l'argomento perché non si tratta di un problema tecnico ma è relativo soltanto al codice.
In secondo luogo ti dico: sì, è possibile impostare un layout fluido con larghezza minore del 100% (dovrebbe bastare scrivere la percentuale desiderata) ma lo si può fare solo se si conosce il CSS.
Per creare un CSS adatto dovresti andare nella pagina admin della modifica template, e poi seguire i link: CSS gallery > sviluppatori. Scaricando il pacchetto "sviluppo CSS" sarà possibile, per te, conoscere la struttura delle pagine e quindi lavorare sul foglio di stile, che deve poi essere uploadato su IoBloggo. Ovviamente ti consiglio di imparare sia HTML che CSS (se non li conosci già) prima di iniziare, altrimenti dubito che riuscirai a cavarne fuori qualcosa!
In realtà credo che sia stato creato anche qualche codice javascript che ti permetterebbe di avere lo stesso risultato semplicemente uploadando poi il file .js, ma online non ho trovato nulla di soddisfacente.
TIeni comunque conto del fatto che io non sono una professionista nel campo, quindi le mie sono solo indicazioni sommarie. Il resto sta a te :)

Re: Ridimensionare Template

MessaggioInviato: 28 ottobre 2011, 9:45
da jessiketta90
ho scaricato il pacchetto del tamplate in html e modificato le dimensioni del conteiner in html, pero ora come carico le modifiche?

Re: Ridimensionare Template

MessaggioInviato: 28 ottobre 2011, 12:41
da Alexiel
Le modifiche vanno fatte nel CSS, non nei file HTML.
Devi andare in CSS gallery e poi upload, dove ci sono le istruzioni su come fare: devi essere prima abilitata per poter caricare i file ;)

Re: Ridimensionare Template

MessaggioInviato: 19 novembre 2011, 2:51
da Ariel2005
ecco volevo porre la stessa domanda. Stavo provando dal Css del wizard ma non riesco a capire qual'è la classe da modificare per la parte dei post. Avevo provato con #innerContent, ma impostando le misure in pixel si accorcia soltanto da destra verso sinistra mentre io vorrei che diminuisse da sinistra verso destra..insomma che lasciasse più spazio tra la colonna dei box e quella dei post. ho provato con margin-left, ma si sposta anche la colonna di sinistra e non solo lo spazio dei post. Qualcuno esperto di CSS sa dove dovrei intervenire? :P

Re: Ridimensionare Template

MessaggioInviato: 19 novembre 2011, 3:12
da Ariel2005
Come non detto ho trovato il modo per ridimensionare il template dal wizard! allora per ridimensionare la colonna di sinistra:

Codice: Seleziona tutto
#pageNavigation {
width: 220px;
}


io ho messo 220px ma si può impostare a piacimento. Mentre per la colonna dei post:

Codice: Seleziona tutto
#pageContent {
width: 535px;
padding-left: 30px;
}


Anche qui i valori sono stati settati secondo le mie esigenze. Padding-left serve a spostare da sinistra verso destra il box dei post. In questo caso, esso si distacca 30 pixel dalla colonna di sinistra. La sezione in cui si scrivono i post va ridimensionato a seguito dello "spostamento" perchè sennò fuoriesce dal template. Spero di essere stata d'aiuto :)

Re: Ridimensionare Template

MessaggioInviato: 19 novembre 2011, 18:30
da Ariel2005
uhm nonostante sia riuscita a modificare le dimensioni, quando clicco sui commenti ricevuti il template non è come dovrebbe essere, vi faccio vedere la differenza:

http://arielgraphic.iobloggo.com (sulla home e nelle sezioni si vede bene)
http://arielgraphic.iobloggo.com/2/camb ... enti_start (nei commenti inece no! lo spazio dei post "sballa" per effetto del ridimensionamento)



per caso sapete qual'è il tag che potrei modificare anche nella schermata commenti? per settare i commenti sotto al post sballato ho usato #commentsContent:

Codice: Seleziona tutto
#commentsContent {
width: 500px;
padding-left: 30px;
}


mi resta da capire come modificare i post anche nella schermata commenti :-/