Back to top

Autore Topic: consigli su nuovo template  (Letto 36861 volte)

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #100 il: 09 Set 2012, 16:22:07 »
scusa la mia ignoranza... ma come mai così tanti elementi? non basta titolo e testo?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #101 il: 09 Set 2012, 16:23:32 »
e se ti capitasse di inserirli ti piacerebbe che fossero tutti diversi da computer a computer?  ::)

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #102 il: 09 Set 2012, 16:25:16 »
mmm no... quindi devono essere tutti uguali tranne h1 che magari scelgo colori, grandezze e cose varie... giusto?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #103 il: 09 Set 2012, 16:31:29 »
no no, al p devi dare un margin-bottom di 15px; agli hX dai font-weight:bold; ed una grandezza ciascuno: più aumenta il numero X e più dimiinuisce la grandezza.. secondo me ti basta arrivare all'h4, di più non ci si arriva quasi mai...

al <li> devi dare un padding-left:15px; all'ul ed all'ol dai solo un margin-bottom:15px;

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #104 il: 09 Set 2012, 16:37:07 »
metto anche un margin top per separarlo dal titolo?

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #105 il: 09 Set 2012, 16:40:11 »
fatto puoi andare a vedere ;)

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #106 il: 09 Set 2012, 16:59:56 »
in realtà i titoli dovrebbero avere già tutti un proprio margin-bottom ;)
Ricorda che più stili definisci e più la riproduzione del sito sui vari browser sarà fedele a quella che avevi nella tua testa.


Direi che ci siamo, però alcune di queste dichiarazioni devono essere valide solo per il div#content, quindi quando le hai scritte nel css devi anteporre #content
es:


#content h1{}


questo vale almeno per i tag <p> e gli headers h1, h2 ed h3.


Poi tornando alla dimensione del carattere ti consiglio di salire un po proprio per ciò che ti dicevo prima: immagina che le risoluzioni dei monitor sono arrivati alle stelle per cui mentre un 20" 800x600 mostrerà un carattere gigantesco, un 15" da 4000x3000px (proporzioni super-approssimate) vedrà le scritte piccole come una formichina!!! Sali almeno ad 11.5 se proprio non vuoi toccare il 12!


Prossimo passo è definire un h3 anche per i moduli laterali: quindi inserisci un #right-column h3{} e dagli come al solito una dimensione ed un margin-bottom a tua scelta. Approposito, al #right-column gli aggiungi anche un padding-top:150px;

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #107 il: 09 Set 2012, 17:08:16 »
ora procedo con le modifiche... intanto stavo lavorando anche con lo sfondo e applicandolo al body non funziona... se lo metto al container si vede solo sotto l'header... da cosa dipende? ora riprovo e metto online

il padding top devo darlo all'h3 del dei moduli laterali o alla colonna direttamente?
« Ultima modifica: 09 Set 2012, 17:11:22 da daniele95 »

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #108 il: 09 Set 2012, 17:18:24 »
il padding direttamente al div#right-column, lo sfondo va messo per forza sotto al body: probabilmente la dichiarazione non funziona perchè ne abbiamo già inserita un'altra!
Inserisci lo sfondo al body, ora controllo cosa non va

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #109 il: 09 Set 2012, 17:33:36 »
ho fatto :) cosa facciamo ora? l'immagine del login arriva domani se tutto va bene ;)

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #110 il: 09 Set 2012, 17:49:19 »
da al #colum-right width:400, non widht:400 ;)  anzi no dagli un padding-left: 140px; e width: 250px; (correggi quelli già presenti)
ma prima del footer non c'era un <div class="clr"><>? stessa cosa subito dopo il div menu

da a #header un color:white;
« Ultima modifica: 09 Set 2012, 17:54:49 da giovi »

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #111 il: 09 Set 2012, 17:54:42 »
alla colonna di destra ho tolto il padding altrimenti andava a capo... per il resto ho fatto quello che hai detto ;) alla colonna gli diminuisco un poco la larghezza e magari gli do del padding... che ne dici? tipo padding-left: 100px; width: 300px; che ne dici?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #112 il: 09 Set 2012, 17:55:56 »
il padding glielo devi dare per forza, altrimenti ti trovi tutti i testi del container attaccati alla colonna laterale. Piuttosto aumenta il padding e diminusci il width. Ho modificato il post precedente con le misure esatte. Ora puoi inserire nel footer il copyright ecc... perchè dopo ti risulterà rognoso andarlo a modificare.

L'ultima fatica è dare al div #top e solo a lui un float:right; ed un padding-right:100px;!!!
« Ultima modifica: 09 Set 2012, 18:05:02 da giovi »

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #113 il: 09 Set 2012, 18:04:22 »
non riesco a centrare il testo del footer!!!

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #114 il: 09 Set 2012, 18:05:49 »
leggi il post precedente (modificato come al solito dopo averlo pubblicato)
per il footer dai un #footer{text-align:center;} e gli togli quel float: left; ed il line-height: 200px;
« Ultima modifica: 09 Set 2012, 18:07:49 da giovi »

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #115 il: 09 Set 2012, 18:09:46 »
per il footer avevo già provato in quel modo ma non funziona... ho anche modificato i paramentri del top!

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #116 il: 09 Set 2012, 18:10:38 »
quali parametri del top? controlla meglio di aver fatto tutto perchè io da qui lo vedo funzionare con le direttive che ti ho suggerito

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #117 il: 09 Set 2012, 18:11:13 »
il float e il padding...

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #118 il: 09 Set 2012, 18:12:19 »
e perchè mai?..

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #119 il: 09 Set 2012, 18:12:56 »
scusa intendevo dire aggiunti non modificati!!! sorry :(

 



Web Design Bolzano Kreatif