Printable View
prima i saluti ... poi una domanda:
come faccio a togliere lo spazio laterale della sidebar?
Questione di layout ... ma se scelgo nessuna sidebar laterale ... ciò accade,ma lo spazio testo rimane comunque piccolo.
Avrei voluto togliere la sidebar laterale proprio per avere una pagina piu ampia.
grazie a voi per l'aiuto che vorrete dare a un principiante
Credo che ti sia più utile usarla vedi come:
www.salgaremo46.altervista.org
bellissimo .. . non arriverò mai a fare una roba così ...
In realtà le mie esigenze siono di inserire "molto testo" e la sidebar laterale mi condiziona molto.
Dunque non c'è proprio possibilità di eliminarla ed usare lo spazio per allargare a tutta pagina ???
se modifichi direttamente, il codice html della tua pagina e non vorresti la sidebar di sinistra dovresti semplicemente eliminare il tag <div class="grid_10 left"></div> e tutto il suo contenuto, togliere il float:right al div <div class="grid_9 right"></div> ( che sarebbe il tuo div centrale) ed impostare width:940px; al div <div class="grid_9 right">. Avresti cosi il div centrale che contiene lo stemma per intenderci, al centro e largo quanto tutta la barra in alto.
Spero di esserti stato d'aiuto. ciao
eh .eh ..eh ... GRAZIE ... davvero grazie per l'aiuto che mi dai ma ... da dove si comincia ???
purtroppo sono alle prime armi:
come si modifica direttamente il codice html ? e se lo faccio poi tutto si ripete su tutte le pagine ? ... sono proprio un principiante !!!
woww .. osare si può ???
sto leggendo il codice html della pagina ... e ho trovato <div class="grid_10 left">
....AIUTO ....non oso ... cosa devo fare?
ok ok .. scusate l'incompetenza ... grazie per il tempo dedicatomi .. .saluti
già è un passo avanti :D.
Prima di tutto esegui una copia di backup di tutto, ovvero una copia di sicurezza.
Se stati modificando direttamente l'html della pagina, cerca questo testo:
<div class="grid_10 left">
<div id="sidebar" class="main-style"><div class="widget"><p style="text-align: center;">
<strong>Work</strong></p>
<p style="text-align: center;">
<strong>in</strong></p>
<p style="text-align: center;">
<strong>progres</strong></p>
<p style="text-align: center;">
ci scusiamo con i</p>
<p style="text-align: center;">
visitatori per eventuali</p>
<p style="text-align: center;">
disagi</p>
</div><div class="widget widget-nav">
<ul class="nav">
</ul>
<div class="clear"></div>
</div>
<div class="widget widget-nav">
<ul class="nav">
<li><a href="http://morrinelmondo.altervista.org/castelmagno.html">Castelmagno</a>
</li>
<li><a href="http://morrinelmondo.altervista.org/occitania.html">Occitania</a>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
Selezionalo tutto e cercalo nella pagina che stai provando a modificare, una volta trovato cancellalo (cancellandolo eliminerai tutta la barra laterale sinistra).
Il secondo passaggio sarà trovare le regole css per il div "grid_9 right", dovrebbe essere qualcosa come:
.grid_9 right{
width:740px;
float:right;
etc...
}
Modifica width impostandola a 940px ed elimina tutta la riga float:right;
salva il tutto e provala sul browser che utilizzi, se la pagina viene ricaricata come prima fai una pulizia della chache del browser quindi ricarica la pagina, se non ci sono altri elementi che influenzano il posizionamento dovresti aver completato. Ciao
sei davvero gentile e paziente ...ringrazio però ...
ok per la prima parte: trovato il codice che mi indichi e ...pronto a cancellarlo come mi consigli.
Il problema è al punto 2
<div class="grid_9 right">
<div id="content" class="main-style"><div class="widget"><p>
</p>
<p>
</p>
<p>
</p>
</div><div class="widget">
Io trovo solo questo e non indicazioni tipo ...740 come mi dici...
dove sbaglio???'
comunque grazie
già è un passo avanti il fatto che abbia trovato quel testo :D.
Per quanto riguarda le regole del "grid_9"
.grid_9 {
width: 740px;
}
è contenuto all'interno del foglio di stile layout.css, lo dovresti trovare tra i file del tuo spazio web.
Impostalo cosi:
.grid_9 {
width: 940px;
}
cerca sempre nello stesso foglio layout.css:
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11 {
margin-left: 10px;
margin-right: 10px;
}
e cancella da tutto questo testo ".grid_9" diventerà quindi:
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_10, .grid_11 {
margin-left: 10px;
margin-right: 10px;
}
nel foglio index.html o comunque il foglio html della tua home page cerca: <div class="grid_9 right">
e modificalo cosi: <div class="grid_9">
Un po di intuito e buona volontà e penso risolverai :D,
se dovessi avere altre dificoltà prova a postare ;)
veramente molto gentile ... .ok ... mi metto al lavoro ... prima dammi però il paracadute ...
se faccio dei "caxxxi" pazzeschi ... come si fà a ritornare a come era prima ?
vale comunque ricopiare tutti i file che ho ricopiato sul mio pc ? ... mi sono collegato in ftp e fatto copia di tutti i file sul mio pc ... se si scombina tutto .... la soluzione è ricopiare quei file al loro posto ... mi confermi ? ... sò di abusare, perdona, ma rispondi solo un si oppure un no.
grazie e ciao
esatto, collegati all'ftp nuova cartella copia sul tuo pc tutto il contenuto del tuo sito.
Una volta copiato tutto puoi procedere con le modifiche.
Se qualcosa dovesse andare storto, sovrascrivi i file contenuti sul tuo ftp con quelli contenuti sul tuo computer.
nel tuo caso dovrai modificare si e no 2 o 3 file, quindi basta sovrascrivere sl quelli.
incrocia le dita e via :D
grazie ... molto gentile .... farò la preparazione spirituale, i riti propiziatori ... e poi ... mani sulla tastiera e ...vaiiiiiii !!
ancora grazie e ciaoooo