Come rifaccio il tema a questo sito: step1, scelte iniziali

Contatti | Feed
Feed Box



  • 22 Nov 09

    Come rifaccio il tema a questo sito: step1, scelte iniziali

    Innanzi tutto prima di iniziare a disegnare con photoshop sceglierò la larghezza, il numero di colonne, la loro disposizione e alcuni colori principali. Il tema dovrà essere piuttosto pulito e morbido.
    Per quanto riguarda la larghezza lo farò largo sui 980px, e non 1000px, in questo modo se in seguito vorrò aggiungere delle ombre ai lati del corpo, inserendole come sfondo del body, esse rimarranno comunque visibile, mentre se avessi fatto un corpo largo 1000px con le ombre e con la scrollbar avrei superato i 1040px, ed esse non sarebbero visibili per chi ha una risoluzione di 1024×764px:: questo differisce da come è fatto adesso il sito che ha un ombra inclusa nell’immagine del blocco centrale, e che quindi per ottenere i 920px di larghezza della parte bianca è di 933px (strano sia dispari!) appunto per includere le ombre. Cliccando l’immagine forse capirete meglio come sarà!

    4mj-dimensioni

    Il tema nuovo avrà le ombre come sfondo dell’intero body: in questo modo, potrò modificarlo più facilmente se in futuro vorrò cambiarlo e sarà anche più schematico.
    Le colonne saranno principalmente 3, una principale a sinistra dove andrà il contenuto e 2 piccole a destra: per quanto riguarda la loro larghezza credo sia più importante scegliere quella delle 2 sidebar di destra, opterò per 190px l’una così potrò inserire degli insieme di annunci fino a 180px lasciando comunque 5px di margine da entrambi i lati. Potrei anche decidere magari di fare una parte superiore della sidebar più larga unendo le due piccole, in questo modo potrò farla di 360px con 10px di margine.
    Di conseguenza la zona principale a sinistra sarà di 600px, in questo modo inoltre non avrò problemi con le immagini già presenti sul sito che sono tutte di larghezza 400px.
    I colori principali saranno quelli caratteristici del mio sito, ossia il rosso del logo, il blu ed alcune gradazioni di grigio, ma probabilmente cambieranno sensibilmente.

    4mj-colori

    Naturalmente se avete consigli scriveteli nei commenti.

    Ricevi gli aggiornamenti di 4mj.it via Feed

    • Upnews
    • Digg
    • del.icio.us
    • Google Bookmarks
    • PDF
    • Pixlr: image editor online

      Nel caso vi troviate su un computer nel quale non avete installato il vostro editor grafico e avete bisogno di eseguire alcune semplici modifiche...

    • Un look alla Sin City per le vostre foto

      Nel link sottostante vi propongo un bellisimo tutorial che vi permetterà, seguendolo passo per passo, di trasformare le vostre foto in vignette...

    • Lightbox 2 Wordpress Plugin in numeri!

      Forse non interessa a nessuno, ma oggi festeggio le oltre 100mila visite al Lightbox 2 Wordpress Plugin, più di 10mila download dal sito...

    • Pennelli gratuiti per photoshop

      Per chi non ha molta di voglia di che creare i propri pennelli per Photoshop, i plugin del popolare software della Adobe, che permettono di...

    • Photoshop CS3 video tutorial

      Non appena viene rilasciata una nuova versione di Adobe Photoshop, in questo caso parliamo della beta di Photoshop CS3, potete stare certi che il...

    • Come rifaccio il tema a questo sito

      E' da un bel po di tempo che non mi occupo di questo sito e che non inserisco articoli. Mi sono inoltre accorto che oramai il tema e le sue...

    • Stili di livelli web 2.0

      Gli stili di livello di photoshop sono un insieme di impostazioni salvate, col quale possiamo dare effetto ai nostri layer con un semplice click....

    • Come rifaccio il tema a questo sito: step1, scelte iniziali
      Photoshop: semplice tecnica della prospettiva

      Eccovi un video interessante nel quale, partendo da una semplice prospettiva, viene realizzata un paesaggio cittadino, anche se la cosa che mi...

    • Come rifaccio il tema a questo sito: step1, scelte iniziali
      Photoshop: effetto mappa antica

      Luv2Help.com ci mostra con un tutorial video come creare in pochi passaggi con photoshop un effetto mappa antica. [metacafe...

    • 4MJ.it – Nuovo design!

      Finalmente dopo lunghi periodo di attesa vi presento la nuova versione di 4mj.it. Sebbena ancora qualche piccolo ritocco sia necessario ho deciso...

    Scritto da Peppe
    4 commentiLascia un commento
    22 Nov 09 , 1:31 am MAMBRO

    Sono proprio curioso di vedere che combini e soprattutto di vedere i tuoi trucchi ;)

    22 Nov 09 , 1:32 am Peppe

    ihihihih, trucchi diciamo i miei metodi

    22 Nov 09 , 5:30 pm FredAnt

    vorrei farti notare che 1280 si riferisce alla larghezza e 1024 all’altezza, quindi se tu scegliessi 1000px di larghezza per il blog (1040px con le ombre) sarebbe perfettamente visibile.

    22 Nov 09 , 8:20 pm Peppe

    hai ragione grazie, intendevo dire 1024×768