consigli su nuovo template

[giovi]

si daniele, scusa il ritardo ma oggi non ho proprio toccato il pc.
erroneamente nel css ho scritto #header {padding-left: 265px; }: il padding va cancellato perchè sposta troppo a destra il logo.
A quest'ultimo devi dare oltre che l'immagine di sfondo (che sarebbe il logo) anche una larghezza in modo che l'immagine sia sempre visibile

[daniele95]

tranquillo stai facendo anche troppo!!! avevo immaginato infatti che dovevo togliere il padding....


PS: il 29 andrai a torino? se si sarà l'occasione di ringraziarti per l'aiuto che mi stai dando magari ti offro un caffè?

[giovi]

ti ringrazio per il pensiero ma quest'anno purtroppo non ci sarò: Firenze era ancora accettabile come distanza, torino è fuori dai miei limiti 
Come procede il lavoro? Hai già inserito le varie immagini?

[daniele95]

sono qui:    <style>


   
      * {padding: 0; margin: 0;}
      body{background:#CACACA url(images/sfondo.jpg) center top no-repeat;}
      #container{width: 930px; margin: 0 auto;}
      #content, #right-column{float:left;}      
      #content{padding-left:30px; width:500px; min-height:450px;}
      #right-column{padding-left:140px; widht:400px;  min-height:450px;}
      .clr{clear:both; float:none;}
      #header > div{float:left; line-height:160px; }
      #header{height:160px; background-image: url(images/header_background.png); }
      #footer {float:left; line-height:200px; padding-left:40px;}
                #logo {background-image: url(images/logo.png); width:229px; height:96px;}


      
   </style>


se vai sul link vedi che ho messo anche lo sfondo dell'header ma ora lo tolgo sennò non riesco a posizionare il logo in maniera precisa... ho tolto il padding anche dal header > div

[giovi]

Questo al logo non devi darglielo:

Codice: [Seleziona]

height: 96px;


[daniele95]

ora provvedo... ho aggiunto un div per le macchie e messo anche il menu e le macchie dimmi se va bene e se serve di postare il codice

[giovi]

allora.. no vediamo le macchie le dovresti unire alla barra del menu, nell'immagine devono essere un tutt'uno.. solo il logo ha un div a se perchè deve essere linkabile!
Approposito, da un po di margin-top e di margin-left al logo fino a che non va a coprire l'altro e nel suo backgorund aggiungi anche un "no-repeat center center" (diventerà quindi background:url(........) no-repeat center center;)

[daniele95]

se aggiungo no repeat scompare lo sfondo...

[giovi]

perchè l'hai messo dopo background-image, invece devi inserire tutto (compresa la url) sotto "background:" e basta

[daniele95]

ok fatto... ora?

[giovi]

il background del menu non puoi applicarlo al menu: sembra strano ma è così Devi applicarlo all'header e dargli la solita "center center no-repeat" dopo la url!

All'header non devi dare una width, anzi ricorda di toglierla anche al #menu ed elimina il div macchie

[daniele95]

ma quindi devo fare un'img di sfondo con le dimensioni dell'header che contenga macchie, menu, ombra e sfondo vero e proprio(grigio con punti di luce)... poi faccio una sezione orizzontale da poter ripetere per la pagine del sito?

[daniele95]

intanto ho trovato su internet il codice da incorporar eper poter utilizzare font "strani"... domani lo converto in eot per farlo essere compatibile anche con IE e poi lo aggiungiamo... mi dici tu dove...  mi serve per il font del menù....


PS: devo anche predisporre un'altro div per google plus... giusto?

[giovi]

comincia dalle basi ti prego, poi aggiungerai tutte le cosacce che vuoi I font appesantiscono il sito, fanne un uso discreto...
Bastano macchie, barra del menu ed ombreggiatura se la desideri altrimenti anche senza.
Lo sfondo grigio salvalo a parte perchè lo applicherai al body o al wrapper

[daniele95]

ok andiamo pian pianino ora accendo l'altro pc e faccio l'img dell'header...  intanto al div del menu e del top devo dare alcune proprietà?

[daniele95]

devo risolvere un problema e aggiorno

[giovi]

Dov'è il problema?
Approposito, man mano che andiamo avanti cerca in qualche modo di oscurare la parte di immagine che usiamo come sfondo che è stata già riprodotta!

[daniele95]

fatto vedi se può andare!!!

[giovi]

non è meraviglioso??
ora cancella la scritta "logo", l'intero div "macchie" e la parola "testata", giusto per ripulire la grafica


(dopo)domani aggiungiamo il link al logo, un contenuto di esempio e la colonna laterale, dopodichè trasformiamo il template html in template per joomla 2.5 e da li in poi potrai sbizzarrirti quanto vuoi con colori, effetti e contenuti!

nel frattempo, dopo aver fatto le cose che ti ho detto su, puoi fare un'installazione di joomla sul dominio dove il sito sarà pubblicato e creare le varie voci di menu ed inserire già i vari articoli

[daniele95]

bhè... di cose ancora un pochine mancano... per la barra laterale credo dovremo fare un override del modulo login... o no? per il pulsantino google plus cosa dobbiamo fare per metterlo in quel modo? e poi la sfida delle sfide... il menù con i sottomenù orizzontali :s io confido nella tua immensa conoscenza dei css... se non fosse stato per te non sarei mai riuscito a farlo... ti ringrazio davvero tanto!!!!