Sfondi su diversi livelli (wrapper?)

[kit20]

Ciao a tutti.

Premetto che sono abbastanza alle prime armi con il css.

Vorrei inserire nel mio prestashop qualcosa che si potrebbe descrivere come "diversi livelli di sfondo" . Il css non gestisce più livelli per gli sfondi (da quel che ne so).

Girando qua e là ho visto che alcuni aggirano il problema usando dei wrapper. Io non ho capito come si usano.

Per intenderci mi piacerebbe fare qualcosa di simile a quello che c'è in questo sito http://www.thinkgeek.com/ .

Mi date una mano?

grazie in anticipo

Michele

[kit20]

Ok, diciamo che questa forse era troppo difficile.

Ma siccome sto impazzendo dietro a questa cosa, vi propongo di aiutarmi in una nuova soluzione al problema.

Ho scoperto nel global.css che posso mettere sfondi ad esempio a #page e, ad esempio al mio blocco con i link in footer.

In #page, se inserisco uno sfondo, il contenuto del mio sito (logo, horizontal menu, colonna sinistra centro destra ecc) sono allineati a sinitra e lasciano un margine di sfondo a destra. Io vorrei aumentare il margine sia a destra che a sinistra in modo da poter inserire uno sfondo a #page che sfori di una cinquantina di pixel da entrambi i lati. per intenderci, allego un'immagine. ho segnato in rosso il "margine" a destra, che vorrei aumentare e portarlo anche a sinistra, mantenendo centrati i moduli.

Questa è facile dai!

[kit20]

ok,

Ho risolto il problema dei bordi smaettando su #page e left/right colums nel global css.

Però ora con il mio nuovo sfondo è un casino!

Mi chiedevo se qualcuno di voi sa come inserire una semplice immagine laterale al blocco #page, insomma, di lato ai blocchi, simile ad una cornice indipendente dallo sfondo. Allego un'immagine.

aiutatemi vi prego, mi sta scoppiando la testa!

[kit20]

Oggi sono una pressa idraulica.

Ritrasformo la domanda.

Diciamo che io voglia mettere un'immagine in un punto x dello schermo, con delle coordinate precise.

Come faccio? non posso?

Com'era bello l'html....

[Germanoufo]

Ciao kit 20

gestire il tema come vuoi tu devi conoscere bene il css non è checon poche nozioni si riesca a stravolgere uno shop

per gestire il livello si usa z-index ma non serve nel tuo caso

li devi agire creando dei # o usando quelli di defoult

speriamo qualcuno riesca a capire cosa devi fare per aiutarti serve un sito in rete per vedere i passaggi

Ciao ;-)

[kit20]

Ciao Germanoufo.

Hai ragione, nel mio caso è come lottare contro i mulini a vento!

Comunque il sito è in rete, questo è il link http://www.ecofatti.it/index.php

Ieri ho scoperto come infilare un'immagine con un

da html in header.tpl. Ora provo a fare una nuova classe (si chiamano classi vero? ) in global.css e la assegno al div dell'immagine in header.tpl, poi smanetto su float position e tutti quei tag css che non capisco mai come funzionano e quando li tocco il sito esplode.

Il problema concettuale che mi rimane è appunto la differenza di interazione tra il css e un cms php. Con l'html è semplice usare i css, ma con di mezzo il php è un casino.

AGGIORNO
EI!!!! FUNZIONA! ora sono riuscito a mettere una immagine in alto a sinistra nel nulla! fantastico! ho usato anche z-index. che bravo! continuo a smanettare

[kit20]

ooook.

Ho più o meno capito come inserire queste dannate immagini con dei div nei tpl assegnandogli proprietà da global.css.

Il problema è che non riesco a trovare un tpl adatto e che non crei spostamenti nei moduli. Con position absolute i moduli rimangono fermi, poi con z-index scelgo se far stare a un livello superiore o inferiore l'immagine rispetto agli altri livelli, quindi andrebbe bene, ma ovviamente al ridimensionamento della pagina l'immagine rimane fissa mentre io ce l'ho bisogno che si "sposti" insieme ai moduli. Con position relative, questo si risolve, ma i moduli si spostano lasciando degli spazi delle dimensioni dell'immagine.

Si può risolvere, magari inserendo il div in un tpl adatto, o in qualche altro modo? o è proprio sbagliato l'approccio?

[gluca]

Purtroppo io non so aiutarti perchè di grafica ne so pochissimo, però ho una cosa banale da chiederti , ne approfitto, se posso: per mettere quello sfondo grigio totale che hai sul sito su quale file e riga bisogna lavorare?
grazie e scusa per il disturbo

[kit20]

Ciao!

lo sfondo lo metti in global.css

troverai una cosa simile

body {

   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align:center;
}

Aggiungi

background-color: #(codice colore esadecimale tipo FFFFFF o 000000);

se vuoi un colore omogeneo, mentre

background-image: url(/img/xxxx.jpg);

con il percorso dell'immagine che vuoi come sfondo tra le parentesi. Poi puoi utilizzare comandi tipo

background-attachment: fixed;

se vuoi che lo sfondo rimanga fermo e il sito scorra.

Se cerchi background css poi trovi tutti i comandi che gli vuoi dare.

ciau

[Germanoufo]

Stò vedendo che non hai alba di come si gestisca un tema tramite i css

prima se preferisci lo puoi fare fuori prestashop poi lo integri

altrimenti fai un immagine e paghi qualcuno che lo faccia ( puoi fare richiesta in area " servizi commerciali " ti costa sicuramente meno che andare a tentativi inutili

Ciao ;-)

[kit20]

Ok ultimo post.

Se andate sul sito in questione (http://www.ecofatti.it/index.php) ho inserito un'immagine con creando una classe #cornice nel css

#cornice {
   z-index:-10;
   position:absolute;
       top:210px;

}

a questo punto in header.tpl ho inserito

           <!-- Left -->


               {$HOOK_LEFT_COLUMN}


           <!-- Center -->

   {/if}

Ora però l'immagine rimane allineata al limite sinistro della colonna left.
Io vorrei che rimanesse in una posizione fissa rispetto ai moduli del sito, ma che uscisse di 100px a sinistra rispetto al limite sinistro della colonna left.

cavoli ma sono proprio fuori strada come dici?

ma guarda che sono manico con i css! ho appena risposto a una domanda sui background! (sperando di non aver sparato una baggianata!)

[Germanoufo]

Ma tu di css ne capisci qualcosa o nulla ?

sei proprio fuori strada prima cosa devi mettere l' immagine come sfondo del div e non come immagine altrimenti ti sballa tutto

devi prima capire come funziona il css e poi inizi a lavorare su presta non lavorare su un tema con 2400 righe così a caso

Ciao ;-)

[kit20]

sfondo del div! interessante!
ci proverò!

comunque credo di avercela fatta anche con l'immagine. Ora ha sforato e riesco a centrarla.

Faccio dei test comunque anche con lo sfondo div.

Grazie!

[Germanoufo]

Vedo che di css non conosci nulla non riesco a capire come riesci a gestire questi temi

presumo tu stia usando firefox per vederlo se usi ie di sicuro sarà un disaliineamento totale

Ciao ;-)

[kit20]

mah, veramente funziona tutto su ie, opera, firefox, safari.

Mi sei stato molto di aiuto.

grazie!


RETTIFICO

Con Safari si sposta in basso di 50px.
Ho provato a metterlo come sfondo al div, ottimo!

[Germanoufo]

Io vorrei capire come fai a gestire un tema in questo modo

Ciao ;-)

[gluca]

Grazie kit20

[kit20]

hey! figurati!

Per Germanoufo:

Beh, ci provo!

Piano piano, sbaglio dopo sbaglio, si impara!

C'è anche chi sui forum ti aiuta gratis no?

[Germanoufo]

Si sul forum aiuto gratis ne trovi

ma si cerca di rispondere a problemi legati interamente a prestashop

problemi di come si fa un tema è meglio impararli da altre parti dove si trova persone che spiegano come creare un nuovo layout o modifiche al tema generiche

Ciao ;-)