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

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:consigli su nuovo template
« Risposta #60 il: 06 Set 2012, 21:18:27 »
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

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #61 il: 06 Set 2012, 21:44:29 »
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è?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:consigli su nuovo template
« Risposta #62 il: 06 Set 2012, 21:51:31 »
ti ringrazio per il pensiero ma quest'anno purtroppo non ci sarò: Firenze era ancora accettabile come distanza, torino è fuori dai miei limiti  ;D
Come procede il lavoro? Hai già inserito le varie immagini?

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #63 il: 06 Set 2012, 21:56:22 »
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

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:consigli su nuovo template
« Risposta #64 il: 06 Set 2012, 22:04:19 »
Questo al logo non devi darglielo:
Codice: [Seleziona]
height: 96px;
;)

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #65 il: 06 Set 2012, 22:06:23 »
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

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:consigli su nuovo template
« Risposta #66 il: 06 Set 2012, 22:17:30 »
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;)

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #67 il: 06 Set 2012, 22:21:53 »
se aggiungo no repeat scompare lo sfondo...

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:consigli su nuovo template
« Risposta #68 il: 06 Set 2012, 22:29:18 »
perchè l'hai messo dopo background-image, invece devi inserire tutto (compresa la url) sotto "background:" e basta

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #69 il: 06 Set 2012, 22:32:50 »
ok fatto... ora?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:consigli su nuovo template
« Risposta #70 il: 06 Set 2012, 23:02:40 »
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

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #71 il: 06 Set 2012, 23:04:42 »
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?

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #72 il: 06 Set 2012, 23:08:08 »
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?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:consigli su nuovo template
« Risposta #73 il: 06 Set 2012, 23:10:49 »
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

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #74 il: 06 Set 2012, 23:12:43 »
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à?

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #75 il: 06 Set 2012, 23:24:00 »
devo risolvere un problema e aggiorno
« Ultima modifica: 06 Set 2012, 23:26:04 da daniele95 »

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:consigli su nuovo template
« Risposta #76 il: 06 Set 2012, 23:27:02 »
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!

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #77 il: 06 Set 2012, 23:32:41 »
fatto vedi se può andare!!!

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
    • Firedrive
Re:consigli su nuovo template
« Risposta #78 il: 06 Set 2012, 23:41:10 »
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

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:consigli su nuovo template
« Risposta #79 il: 06 Set 2012, 23:44:13 »
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!!!!

 

Host

Torna su