J1.7 , spostare il menu e problema con modulo HTML Personalizzato

[Snt®hw4u®]

Ciao a tutti,
sto realizzando un sito in Joomla 1.7 (il primo per questa versione).

Dto usando il template di default Beez_20 e lo sto modificando.
(Non sono molto esperto in PHP HTML ..)
Sono riuscito a creare una nuova posizione sotto "Header" dovevo inserire un immagine solo nella prima pagina ed ho usato il modulo HTML personalizzato.

il sito provvisorio è: lnx.terradelquad.com

Per questo modulo il problema è che mi appare sulla DX il bordo bianco che supera il foglio.
Come lo risolvo?

L'altro problema, volevo spostare il menù che sta in alto sotto l'immagine blu.
Era nata da qui l'esigenza di inserire una nuova posizione..
Dovrei mantenere lo stesso effetto dei pulsanti.
Ci avevo provato ma i pulsanti mi erano andati in verticale..
(avevo copiato la parte CSS del menu contenuto nell'header con un nuovo nome)

Come posso fare?

Ciao e grazie

[adottauncane]

Ciao,
per il bordino correggi così:

Codice: [Seleziona]

#menusotto_div {    background: none repeat scroll 0 0 #FFFFFF;    float: left;    margin: 0 0 0 5px;    width: 98%; <-------
}tdq.css (riga 1538)

Per la posizione aggiunta forse non hai copiato tutti i css relarivi.
Potresti anche prendere la posizione che c'è già e spostarla sotto, nell'index.php.

[Snt®hw4u®]

Per il bordino ho risolto..

Ciao,
per il bordino correggi così:

Codice: [Seleziona]

#menusotto_div {    background: none repeat scroll 0 0 #FFFFFF;    float: left;    margin: 0 0 0 5px;    width: 98%; <-------
}tdq.css (riga 1538)

Grazie!

Mentre per:

Per la posizione aggiunta forse non hai copiato tutti i css relarivi.
Potresti anche prendere la posizione che c'è già e spostarla sotto, nell'index.php.

se la sposto sotto, lui carica altri CSS..
I CSS che avevo copiato, mi ricreavano il menù ma mi "impilavano" i pulsanti...

[adottauncane]

Mentre per:se la sposto sotto, lui carica altri CSS..
I CSS che avevo copiato, mi ricreavano il menù ma mi "impilavano" i pulsanti...

Strano, se lasci lo stesso div dovrebbe prendere esattamente lo stesso css.
Anche per i css copiati mi sembra strano. Se li hai copiati tutti, dovresti avere lo stesso effetto.
Magari metti un link al sito con la nuova posizione e vediamo cosa manca.

[Snt®hw4u®]

Ho trovato questo post utile:
http://forum.joomla.it/index.php/topic,141988.0.html

ma ancora non ho completato la mia opera..

lnx.terradelquad.com

vorrei alzare l'immagine blu e riadattare il menù sottostante, ma non ho capito quale è il parametro per spostare l'immagine..

[adottauncane]

Prova a sostituire completamente i tuoi css con questi:

Codice: [Seleziona]

#header ul.menu {
    background: url("../images/tdq/ecke.gif") repeat-x scroll left top #E0E0E0;
    border: 0 none;
    display: block;
    left: 0;
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-top: 264px;
    padding: 0;
    text-align: left;
    top: 5em;
}tdq.css (riga 144)

Codice: [Seleziona]

.logoheader {
    background: url("../images/tdq/tdq1060.jpg") no-repeat scroll right top #0C1A3E;
    color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -34px !important;
    min-height: 324px;
}tdq.css (riga 95)

[Snt®hw4u®]

Quasi, ma ancora non ci siamo...
L'immagine viene tagliata, vorrei spostarla al di sotto delle scritte "aumenta" ecc..
La barra inoltre viene tagliata..

[adottauncane]

Non hai copiato i miei css, almeno non tutti...

Codice: [Seleziona]

.logoheader {
    background: url("../images/tdq/tdq1060.jpg") no-repeat scroll right top #0C1A3E; <---- qui va messo top
    color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -34px !important;
    min-height: 324px;
}
tu hai lasciato bottom

Codice: [Seleziona]

.logoheader {    background: url("../images/tdq/tdq1060.jpg") no-repeat scroll right bottom #0C1A3E;    color: #FFFFFF;    margin-left: 5px;    margin-right: 5px;    margin-top: -34px !important;    min-height: 324px;}tdq.css (riga 95)
e la barra non mi pare sia tagliata, se per barra intendi il menù orizzontale...
Lo vedi se aumenti questa altezza

min-height: 324px;

[Snt®hw4u®]

Per il bordino ho risolto..Grazie!

Mentre per:se la sposto sotto, lui carica altri CSS..
I CSS che avevo copiato, mi ricreavano il menù ma mi "impilavano" i pulsanti...

E' possibile che cambiando immagine mi si riverifica il problema (quasi)?
Ho cambiato immagine, ho inserito l'immagine con la stessa dimensione orizzontale e mi fuoriesce dal foglio.
Perchè?

[Snt®hw4u®]

Non hai copiato i miei css, almeno non tutti...

Codice: [Seleziona]

.logoheader {
    background: url("../images/tdq/tdq1060.jpg") no-repeat scroll right top #0C1A3E; <---- qui va messo top
    color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -34px !important;
    min-height: 324px;
}
tu hai lasciato bottom

Codice: [Seleziona]

.logoheader {    background: url("../images/tdq/tdq1060.jpg") no-repeat scroll right bottom #0C1A3E;    color: #FFFFFF;    margin-left: 5px;    margin-right: 5px;    margin-top: -34px !important;    min-height: 324px;}tdq.css (riga 95)
e la barra non mi pare sia tagliata, se per barra intendi il menù orizzontale...
Lo vedi se aumenti questa altezza

min-height: 324px;

Ok riprovo a casa..


ciao e Grazie

[Snt®hw4u®]

Innanzitutto Grazie per l'aiuto.

Ho avuto la svista...

Comunque:
Ho alzato l'immagine e la barra è correttamente sotto.

Ho ancora i problemi nella home con l'immagine che non mi si ridimensiona (ho lasciato inalterato il valore width:98%})
Poi, perchè nella barra ho una barra verticale nera (credo di 1px in fondo a destra?)

[adottauncane]

A destra metti 4px anziché 5px

Codice: [Seleziona]

#header ul.menu {    background: url("../images/tdq/ecke.gif") repeat-x scroll left top #E0E0E0;    border: 0 none;    display: block;    left: 0;    margin-left: 5px !important;    margin-right: 4px !important;    margin-top: 264px;    padding: 0;    text-align: left;    top: 5em;}tdq.css (riga 150)

Quale immagine? Adesso hai la home un po'... incasinata. 

[Snt®hw4u®]

Intanto Grazie! Ho risolto la barra orizzontale..

Ho tutto incasinato... 
L'immagine centrale che appare solo in 1° Pagina (quella con il quad a 6 ruote con il bordo nero..)
fuorisce dalla pagina.

Poi (richieste fatte da poco..) immagine di sfondo al posto della texture, scalabile con la pagina.
Come la imposto?
Come posso dare un effetto di trasparenza al foglio per poter vedere l'immagine di sfondo?

  Lo sò, sono entrato in un ginepraio...

[adottauncane]

La foto la devi ridemensionare dall'editor (mi sembra sia inserita in un modulo HTML personalizzato).
Per la foto di sfondo scalabile c'era un'estensione che permetteva di impostarla, solo che forse era per la 1.5. Prova a dare un'occhiata nella JED. Poi si potrebbe anche fare con i css però conviene che cerchi sul forum, se ne era parlato, oppure apri un altro post, visto che l'argomento non è più quello del topic.

[Snt®hw4u®]

E' un modulo html Personalizzato,
ma non capisco perchè l'immagine sopra che ha la stessa larghezza, non si allarghi..

[Snt®hw4u®]

Mi pare che il modulo si chiamasse Jquery ...