Jump to content

Spostare blocchi all'interno dell'Header


DannyIDC

Recommended Posts

Ciao ragazzi, premettendo che sono negato per quanto riguarda i css, volevo chiedervi una cosa che dovrebbe essere semplicissima per chi invece ne sa. Semplicemente se io nell'header ho il blocco lingue, valuta ecc... come faccio a spostarli dove voglio? Al momento si trovano in alto sulla pagina, come faccio a spostarle sulla linea di base dell'header? Successivamente posso dividere in 2 parti l'header in modo che la riga in basso abbia uno sfondo a se oppure è meglio realizzare tutto con un immagine di background, il tutto per differenziare il logo dalla riga dove inserirò le lingue ed il blocco dei link permanenti,

Link to comment
Share on other sites

allora quello che stai chiedendo è adi avere un header logo sopra e sotto una barra di navigazione lingue e valute ricerca

la cosa è semplice devi modificare il valore width del div header e del h1#logo al momento hanno percentuali del 29 e 77% devi portare ogniuna al 100%

le trovi verso le righe 230 del global css del template

Ciao ;-)

Link to comment
Share on other sites

Grazie Germano per l'aiuto, avrei tante domande però per adesso mi limito all'header. Ok così facendo sposto tutto ma se invece il blocco del carello e dell'account voglio lasciarli a destra sul logo cosa faccio? A me interessa su quali parti del css intervenire per gestire i posizionamenti dei blocchi. Mettendo i width al 100% scendo tutto. Non credo che basti invertire la sequenza dei blocchi in modo da mettere per primo quello che voglio far risalire e ridurre il width in header.

Link to comment
Share on other sites

Prima cosa usa firefox xon firebug serve per darti una grande aiuto per scoprire la parte di codice css sulla quale agire

seconda cosa per poter avere lo spostamento di alcuni blocchi in alto a destra e avere un immagine su tutto il banner

devi inserire un id del div che contiene i 2 blocchi

nel file header.tpl

Ciao ;-)

Link to comment
Share on other sites

Ho fatto un bel pò di progressi però mi manca la cosa essenziale. Mi dispiace chiedere ancora ma potresti darmi la stringa esatta da inserire nell'header.tpl per spostare sopra il logo il blocco user information con carrello compreso? Non ci riesco proprio.

Link to comment
Share on other sites

  • 3 years later...

Scusate ragazzi!

ho fatto un mezzo casino....

stavo smanettando sul template, in particolare sulle posizioni con live edit

ora nella colonna centrale non trovo più nulla e si è posizionato tutto sulla colonna di sinstra.

come devo fare?

grazie di cuore

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...