Back to top

Autore Topic: Restringere sezione header  (Letto 1715 volte)

Offline simone79vi

  • Abituale
  • ****
  • Post: 821
    • Mostra profilo
Restringere sezione header
« il: 18 Nov 2015, 21:49:11 »
Ciao,
nel sito http://www.galleriaberga.it
vorrei restringere la sezione "header" in modo che finisca in linea con la linea che separa il menu dalla galleria fotografica.
E' possible? cosi avrei la sezione della galleria fotografica più grande.


Grazie
Ciao


Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Restringere sezione header
« Risposta #1 il: 19 Nov 2015, 13:14:57 »
Ciao, se ho capito quello che vuoi ottenere prova cosi, sul file /templates/theme1576/css/template.css riga 504 cerca
Codice: [Seleziona]
#showcase-row .moduletable.navigation {
    width: 34%;

diminuisci la % a 25 o diversa se non ti soddisfa
Codice: [Seleziona]
#showcase-row .moduletable.navigation {
    width: 25%;
}

se vuoi fare delle prove ti consiglio di usare firebug installandolo sul tuo browser

Offline simone79vi

  • Abituale
  • ****
  • Post: 821
    • Mostra profilo
Re:Restringere sezione header
« Risposta #2 il: 25 Nov 2015, 21:35:20 »
Ciao e grazie della risposta.
Esattamente però vorrei restingere la sezione "header".. e cioè..
La fascia grigia che appare in alto nel sito (dove è presente il logo) dovrebbe apparire solo nella parte di sinistra della pagina, in linea con la linea verticale bianca.. tutto il resto dovrebbe dedicato alla sezione galleria che dovrebbe diventare più alta..
Se non fattibile toglierei l'header..

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Restringere sezione header
« Risposta #3 il: 27 Nov 2015, 11:49:12 »
ok ho capito che intendi, non conosco il template e non riesco a trovarlo online bisognerebbe vedere quali sono le sue posizioni e se è possibile farlo con quelle gia presenti altrimenti dovrai crearla/e

Offline maxzilla

  • Appassionato
  • ***
  • Post: 620
  • Sesso: Maschio
    • Mostra profilo
Re:Restringere sezione header
« Risposta #4 il: 27 Nov 2015, 14:25:31 »
spero di aver capito la tua richiesta  :)

potresti modificare default.css alla riga 57

#logo {
    text-align: right;
    margin: 0 200px;
    width: 20%;
}

o mettendo i parametri che desideri su margin e width

e spostare il modulo delle lingue in un'altra posizione, se vuoi ridurre l'altezza dell'header

Ikonart Informatica - Trento

"Mangia prodotti italiani. W il made in Italy"

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Restringere sezione header
« Risposta #5 il: 27 Nov 2015, 14:28:11 »
spero di aver capito la tua richiesta  :)

potresti modificare default.css alla riga 57

#logo {
    text-align: right;
    margin: 0 200px;
    width: 20%;
}

o mettendo i parametri che desideri su margin e width

e spostare il modulo delle lingue in un'altra posizione, se vuoi ridurre l'altezza dell'header
si ma cosi la posizione in cui è inserita la gallery non salirebbe affiancandosi a quella del logo

Offline maxzilla

  • Appassionato
  • ***
  • Post: 620
  • Sesso: Maschio
    • Mostra profilo
Re:Restringere sezione header
« Risposta #6 il: 27 Nov 2015, 14:32:21 »
allora vedi??? non ho capito  :D :D :D

avevo letto "in linea con la linea verticale bianca..."
sentiamo cosa dice.
Ikonart Informatica - Trento

"Mangia prodotti italiani. W il made in Italy"

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Restringere sezione header
« Risposta #7 il: 27 Nov 2015, 14:39:00 »
si vuole allineare il logo a quella linea verticale, ma anche far ingrandire verso l'alto la posizione della gallery e questo tramite css non penso sia possibile

Offline maxzilla

  • Appassionato
  • ***
  • Post: 620
  • Sesso: Maschio
    • Mostra profilo
Re:Restringere sezione header
« Risposta #8 il: 27 Nov 2015, 14:49:00 »
la soluzione piu' veloce e' modifcare  #showcase-row .moduletable.navigation

in
#showcase-row .moduletable.navigation {    width: 34%;    background-image: url(http://www.galleriaberga.it/images/logo.png);    background-repeat: no-repeat;    background-position: 130px 10px;    background-size: 50%;}

pero' il logo non e' cliccabile,
altrimenti si potrebbe spostare la posizone del modulo, ma non avendo il template diventa un po complicato-

Ikonart Informatica - Trento

"Mangia prodotti italiani. W il made in Italy"

 



Web Design Bolzano Kreatif