ocean mist side bar
-
l’allineamento della side bar in questo tema e’ orribile.
gli oggetti sono allineati a sinistra e il margine e’ pari a 0.ho la possibilita’ di modificare i css, qualcuno sa dirmi quali sono i parametri?
ci sono troppi margin e align e io non so quali toccare.grazie in anticipo.
-
Se usi firefox installa Edit CSS, così vedi quali sono i parametri da cambiare.
Come referenza in italiano ti consiglio questo sito: http://css.html.it/
Buon lavoro!Comunque il codice da cambiare è qui:
#sidebar { float: left; display: block; width: 193px; margin: 0; overflow: hidden; }prova con
margin: 0 0 0 10px; -
mh, grazie del consiglio, ho gia’ installato edit css. ma anche con il suo aiuto non riesco a trovare il punto giusto.
il problema e’ che non so se e’ una cosa da css o da html.
tu puoi saperlo?
-
ho gia’ provato ma cosi’ mi sposta tutti gli elementi, comprese le immagini di fondo, facendole uscire fuori dall’impaginazione
guarda qui: http://img135.imageshack.us/img135/5332/72491259lw3.jpg
-
va be’, devi mettere a posto il margine degli elementi, poi probabilmente devi cambiare la larghezza totale della pagina e della barra. Quello che ti ho indicato è il margine (sinistro) della sidebar. Gli elementi della sidebar sono tutti contrassegnati da #sidebar.
HTML è quello con le parentesi appuntite < e >, CSS quello con le parentesi a graffa {}. Quello che vedi con Edit CSS è solo CSS.
Se dai un’occhiata al sito che ti consigliavo sopra, magari ti schiarisci un po’ le idee… -
grazie isadora, scusami se ho risposto in ritardo.
non vorrei abusare della tua disponibilita’, ma..mh..me ne concedi un’altra?i titoli dei posti sono abbastanza confusionari se supero le tre righe di testo.
questo e’ un titolo decente:
http://img98.imageshack.us/img98/5624/immagine2xi6.jpgora guarda come si rovina se supero le due righe:
http://img255.imageshack.us/img255/9785/immagine1hy7.jpgcuriosando nel css ho trovato le aree da modificare ma non so come trovare la giusta combinazione per riuscire ad ottenere una cosa di questo tipo:
http://img255.imageshack.us/img255/9785/immagine1hy7.jpgsapresti darmi un consiglio?
il titolo in rosso si controlla con #sidelist, il titoletto in nero si controlla con #sidebar (title small)
grazie in anticipo e perdona la mia incompetenza.
-
-
Onestamente mi piace di più la soluzione originale… :-)
Comunque sia: non è proprio come dici tu. Se guardi il codice della pagina vedrai che il titolo dei post è un elemento h2 con un link intorno (a) ed il titoletto in nero è un elemento di testo “small”, il tutto in un div formattato dalla classe “title”. Quello che devi fare è cercare questo per il titolo rosso:
.title h2 { font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px; }qui puoi modificare, per esempio, il colore e magari togliere “uppercase” che forza la prima lettera ad essere sempre maiuscola indipendentemente da quello che scrivi.
Per il titolo nero, invece devi modificare:.title small { float: right; padding: 14px 24px 0 0; color: #67939B; }Io toglierei il float: right, tanto per cominciare, che te lo allinea a dx, poi devi posizionarlo sotto al titolo rosso (probabilmente ci va da solo, oppure metti un bel
<br />
tra i due, se è possibile.Non è difficile, è solo noioso: esattamente il motivo per cui io sono passata da un blog indipendente a questa piattaforma :-)
-
-
-
ovviamente ho combinato dei casini. e mi pare giusto.
non so proprio come fare, prima ci ero quasi riuscito ma la formattazione variava a seconda della lunghezza del titolo..che odio.help me ;_;
-
E come faccio ad aiutarti, se non so cosa hai fatto e non ho accesso al tuo blog? Perché non parti da sandbox che è molto più semplice? Guarda qui: http://www.sndbx.org/live-preview/
(poi ti consiglio di farti un backup dei cambiamenti in un semplice file di testo sul tuo pc, se no non riesci più a tornare indietro…)
-
-
Boh, a me sembra che vada tutto bene, ma il float:right dall’elemento.title small è ancora lì e nell’html della pagina il titoletto nero è posizionato sopra al rosso (io li invertirei e, come dicevo sopra, metterei un
<br>tra i due – prima però copia tutto il codice uin un file di testo sul tuo pc e salvalo come .txt così da poterlo ripristinare facilmente in caso di problemi). -
ciao isa, perdonami ma..come posso modificare l’html? non bisogna avere il server per modificarlo?
-
Guarda, io non ho acquistato l’upgrade, proprio perché non ho voglia di cimentarmi in queste cose anche nel tempo libero, quindi non ho idea di cosa tu possa editare o no. Sto cercando di aiutarti più o meno alla cieca.
Se ti è permesso lavorare solo ed esclusivamente sul css non puoi inserire alcun
<br />
Non dovrebbe però essere un problema trovare l’elemento.title small { float: right; padding: 14px 24px 0 0; color: #67939B; }e cancellare float:right;
Hai provato? Che succede? A mio parere dovrebbe allinearsi a sinistra.
Se sì, com’è posizionato rispetto al titolo rosso? Se è sovrapposto puoi spingerlo giù aumentando il padding. La successione è “sopra destra sotto sinistra”, il che significa che per spingere il testo ingiù devi aumentare il padding “sopra” ovvero, per esempio, 34px invece di 14px. Prova e guarda come viene. Facendo un passetto alla volta non dovrebbe essere così terribile. -
ma guarda che avevo gia’ provato ad eliminare il float e non e’ successo nulla : )
ho comunque tentato di spostare il titoletto nero piu’ sotto e a destra, ma si scontra con il titolo grande. e non so come sistemarlo.
dai, fa niente, va bene anche cosi’ per ora. magari chiededo’ a qualcuno che puo’ giocare direttamente con il css.grazie ancora isa!
m.
-
E float:left?
Se te la cavi con l’inglese il forum inglese di wordpress.com ha una sezione per css.
- L'argomento ‘ocean mist side bar’ è chiuso a nuove risposte.
WordPress.com Forum Italiano 
