Modifica template... aiuto...

[nokiapep]

Buongiorno a tutti, ho un problema con un template... questo è il sito che sto sviluppando www.ricambi.bloggangolo.com
C'è un modo per rendere questo template dinamico?? come potete vedere in home, mancano i moduli nella posizione right ma gli articoli non si adattano allo spazio. mi sapreste dire se è possibile farlo e come?

Ho un'altra domanda, ma non so se questa è la sezione giusta.
Con il suffisso css. mi spiego meglio. Praticamente nella sezione "prodotti" potete vedere il nuovo menu che si apre sulla sinistra (sto utilizzando virtuemart). Ho provato a dare a questo modulo lo stesso suffisso del menu del template ovvero "_menu" però la situazione non cambia. Ho visto nel css del template del sito che il menu originale si non si collega ad una sola voce ma a ben 4: module_menu, module_menu h3, module_menu ul, module ul Come posso risolvere questo mio problema??

Ringrazio tutti in anticipo.
Giuseppe.

[adottauncane]

Ciao nokiapep,
per far collassare le colonne trovi tutto qui:
http://forum.joomla.it/index.php/topic,90672.0.html

per il secondo problema non mi è chiaro ciò che vuoi fare. Quel menù al suo css e non dipende dal css dei menù del template. Cercalo con Firebug e fai le modifiche sul file collegato.

[nokiapep]

Grazie, adesso vado a vedere il link.
per il secondo problema praticamente vorrei che il menu "Il nostro catalogo" fosse uguale al "menu top".

[adottauncane]

In pratica dovresti copiare i css dei moduli menù e riportarli nel file css (theme.css) con i richiami corretti e i percorsi delle immagine assoluti.
Per farti un esempio, se togli tutto dal file theme.css e incolli questo:

Codice: [Seleziona]

.ThemeOfficeMainItemText, .ThemeOfficeMainFolderText  {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("http://www.ricambi.bloggangolo.com/templates/jotempre-templateone/images/menu_ver_1.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #000000;
    display: block;
    line-height: 22px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 18px;
    padding-right: 0;
    padding-top: 0;
    text-decoration: none;
    width: 162px;
font-size:11px;
font-family:verdana;
}
.ThemeOfficeMainItemLeft, ThemeOfficeMainItemRight, .ThemeOfficeMainFolderLeft {

    display: none;

}
vedrai che comincia a prendere forma come il menù principale. Poi devi aggiungere gli hover e sistemare gli a capo...

[nokiapep]

adittauncane, finalmente ho trovato il css da modificare, ho fatto come mi hai detto, il menu comincia a prendere corpo... però non so adesso come modificare anche gli hover... spero che tu, o qualcun'altro, possiate aiutarmi
ciao

[adottauncane]

Hai cercato il file theme.css? Se l'hai trovato fattene una copia, togli tutti i css che ci sono e metti i miei. Vedrai che comincerà ad avvicinarsi a ciò che vuoi...

[conti1]

ciao adottauncane

quello e un menù ecommerce  x cui dovrai modificarlo totalmente  se vuoi renderlo uguale a quello  del template , voci più corte   altrimenti  fuori esce come ora  , oppure allarghi  la colonna left.

[adottauncane]

Ciao conti1 
Sì, poi dovrà fare degli aggiustamenti ulteriori.

Prova anche così:

Codice: [Seleziona]

.ThemeOfficeMainItemText, .ThemeOfficeMainFolderText {
     background-attachment: scroll !important;
     background-color: transparent !important;
     background-image: url("http://www.ricambi.bloggangolo.com/templates/jotempre-templateone/images/menu_ver_1.jpg");
     background-position: 0pt 0pt !important;
     background-repeat: no-repeat !important;
     border-bottom: 1px solid #CCCCCC !important;
     color: #000000;
     display: block !important;
     font-family: verdana !important;
     font-size: 11px !important;
     line-height: 18px !important;
     margin: 0pt;
     padding-bottom: 0pt !important;
     padding-left: 18px ! important;
     padding-right: 0pt!important;
     padding-top: 0pt !important;
     text-decoration: none !important;
     width: 162px !important;
}

.ThemeOfficeMainItemLeft, ThemeOfficeMainItemRight, .ThemeOfficeMainFolderLeft {
     display: none !important;
}
Incollalo semplicemente del file general.css. Forse non basterà ancora, ma si avvicina...

[nokiapep]

adittauncane, si il file css l'ho trovato, ho fatto le modifiche che mi hai detto e il menu comincia a prendere corpo... onestamente non so dove prendere le altre istruzioni da iserire nel css e come chiamarle, puoi aiutarmi?
ciao

[adottauncane]

Allora fai una cosa, rimetti a posto il file originale theme.css e invece incolla il secondo css che ho postato nel file general.css. Così dovrei riuscire a darti una mano (stasera).

[nokiapep]

ok, ho rimesso il theme.css originale... ma per quanto riguarda il general.css, dove lo trovo? e una volta trovato devo cancellare tutto il suo contenuto e incollare quello che hai scritto tu nel secondo post??

[conti1]

ciao
non puoi adottare quella strategia indicata nel pm su quel template .
perchè ha già di suo uno script che fa collassare le colonne che poi sia stato fatto male  quando usi le tre colonne  .... allora il template ha le impostazione da usare solo il main
main Più colonna left oppure main colonna right o tutte e tre tu seleziona quella  main  e left che vedrai il tuo main allargarsi e prendere lo spazio della colonna right.
 se invece vuoi  tre colonne   e voler    far colassare la colonna  right oh  left in mancanza di  contenuti bisogna intervenire nel  code gia esistente.
tu imposta
top and left  e vedrai che si allarga

[nokiapep]

conti1 ti ringrazio, sono stato troppo sbadato, non avevo visto l'opzione.
Adesso si vede bene, ma cmq continuo a sbattere per modificare il menu.


Grazie ancora.

[adottauncane]

ok, ho rimesso il theme.css originale... ma per quanto riguarda il general.css, dove lo trovo? e una volta trovato devo cancellare tutto il suo contenuto e incollare quello che hai scritto tu nel secondo post??

Il general.css è il file css che trovi dentro la cartella del template nella cartella css. Non cancellare nulla e metti solo il secondo css postato al fondo.

[nokiapep]

Ok, ho fatto quello che mi hai detto...

[adottauncane]

No scusa, dovresti incollarlo sul file general.css nella cartella system dentro la cartella template. In quel file non sembra funzionare... Tanto se si riesce è una cosa provvisoria... Per il momento puoi lasciarlo anche in quel file lì, poi vediamo.

[adottauncane]

Ah, no funziona. Lascia così...

[adottauncane]

Mi hai tolto i prodotti...  Comunque non è facilissimo da sistemare, almeno da qui... Il principio è quello di riscrivere il css del menù del componente come quello del menù del template. L'inizio sembra andare ma ci sono delle cosettine da mettere a posto (soprattutto i sub menù). Forse è più facile per te fare delle prove che hai i due css da comparare. Usa Firebug per firefox per analizzare i css.

[nokiapep]

ah si scusa, li trovi in home

[nokiapep]

Grazie della pazienza... vedrò cosa si può fare. Poi posto la soluzione se la trovo. Grazie ancora a tutti.

[nokiapep]

ciao ancora... vorrei che le varie voci di menu al passaggio del mouse diventassere blu, come i menu originali... ho fatto vari tentativi, ma non mi sono neanche avvicinato... non so qual'è il comando che devo mettere nel css per ottenere questo risultato... potete aiutarmi?