Back to top

Autore Topic: dimensioni e colori menu' template beez20  (Letto 2804 volte)

Offline elisopaolo

  • Nuovo arrivato
  • *
  • Post: 6
    • Mostra profilo
dimensioni e colori menu' template beez20
« il: 20 Nov 2012, 22:33:32 »
Salve a tutti. Sono nuovo e sinceramente anche poco esperto. Utilizzo joomla 2.5, template Beez20  ed ho inziato a modificarlo a mio piacimento.
chiedo cortesemente il vostro aiuto per questo problemino, PRIMA DI COMBINARE GUAI

1) vorrei modificare la dimensione delle font dei titoli dei menu' (Home - chi siamo, ecc.) nel Top Menù e quelli del Menù principale (Home - La LOcation, ecc. ecc.)

Nella sezione 'Personalizza Template' vi sono i segg. link

File principali del template Modifica la pagina principale del template
Modifica pagina di errore del template
Modifica visualizzazione stampa del template
e
Fogli di stile Modifica css/black.css
Modifica css/general.css
Modifica css/general_konqueror.css
Modifica css/general_mozilla.css
Modifica css/general_opera.css
Modifica css/ie7only.css
Modifica css/ieonly.css
Modifica css/layout.css
Modifica css/nature.css
Modifica css/nature_rtl.css
Modifica css/personal.css
Modifica css/personal_rtl.css
Modifica css/position.css
Modifica css/print.css
Modifica css/template.css
Modifica css/template_rtl.css

Dove devo entrare per le modifiche dell'altezza delle font e per variare i loro colori?? A quale rigo?
Grazie a tutti voi per le risposte .
Elisopaolo


 

Offline manuela.dileo@me.com

  • Esploratore
  • **
  • Post: 91
    • Mostra profilo
Re:dimensioni e colori menu' template beez20
« Risposta #1 il: 21 Nov 2012, 04:14:48 »
se mi linki il sito ti aiuto volentieri.
Ho guardato un sito con lo stesso template non ti assicuro niente ,di certo sarebbe meglio vedere il tuo sito.
Cmq il foglio di stile è personal.css .
Vedi se ti corrisponde:
LINEA 141 per il MAIN MENU
#header ul.menu {
LInea 117 per il top
#line {    Se linki domani ti controllo!
 
« Ultima modifica: 21 Nov 2012, 04:19:50 da manuela.dileo@me.com »

Offline elisopaolo

  • Nuovo arrivato
  • *
  • Post: 6
    • Mostra profilo
Re:dimensioni e colori menu' template beez20
« Risposta #2 il: 21 Nov 2012, 18:01:06 »
Ciao e grazie per la collaborazione.
Ho trovato questo nel css dove mi hai indicato_+:
#line
{
  width:98% ;
  max-width:100% ;
  top:0px;
  left:0px;
  padding:5px 10px !important;
  margin-right:10px;
  text-align:right;

}


/* ##########################  header  ########################### */

#header
{
  background:#fff;
  font-size:1em;
  position:relative


}

/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */
#header ul.menu
{


   /* top:62px; */
   top:5em;

  padding: 0px 0px 0px 0 ;
  background:#e0e0e0  url(../images/personal/ecke.gif) top left repeat-x ;
  border:0 ;
  text-align:left;
  left:0px;
   display:block;
   margin:0px 10px 0 10px;
   border-top:solid 1px #ddd;

}


   Si Fanno qui le variazioni???
[font=]NB Il sito è off-line perchè in costruzione[/font]
[font=]Dovrei darti user e passw ma poi come si variano??
Altrimenti posso fare una copia della home page, la metto su un foglio word, ma poi come la allego alla risposta?[/font]
[font=]Grazie ciao   [/font][font=]elisopaolo[/font]
 
« Ultima modifica: 21 Nov 2012, 18:06:18 da elisopaolo »

Offline elisopaolo

  • Nuovo arrivato
  • *
  • Post: 6
    • Mostra profilo
Re:dimensioni e colori menu' template beez20
« Risposta #3 il: 21 Nov 2012, 18:05:01 »
Ho fatto copia/incolla ma viene fuori tutto quel casino:
#line
{
  width:98% ;
  max-width:100% ;
  top:0px;
  left:0px;
  padding:5px 10px !important;
  margin-right:10px;
  text-align:right;

}


/* ##########################  header  ########################### */

#header
{
  background:#fff;
  font-size:1em;
  position:relative


}

/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */
#header ul.menu
{


   /* top:62px; */
   top:5em;

  padding: 0px 0px 0px 0 ;
  background:#e0e0e0  url(../images/personal/ecke.gif) top left repeat-x ;
  border:0 ;
  text-align:left;
  left:0px;
   display:block;
   margin:0px 10px 0 10px;
   border-top:solid 1px #ddd;

}

Offline manuela.dileo@me.com

  • Esploratore
  • **
  • Post: 91
    • Mostra profilo
Re:dimensioni e colori menu' template beez20
« Risposta #4 il: 22 Nov 2012, 01:17:20 »
ma metterlo online per un giorno non si puo?:)

Offline elisopaolo

  • Nuovo arrivato
  • *
  • Post: 6
    • Mostra profilo
Re:dimensioni e colori menu' template beez20
« Risposta #5 il: 22 Nov 2012, 18:03:14 »
OK Il sito ora è on-line.
www.professionenutrizionista.org
naturalmente ci stiamo lavorando ed è ancora in costruzione.
Attendo graditissimo help. grazie  elisopaolo

Offline manuela.dileo@me.com

  • Esploratore
  • **
  • Post: 91
    • Mostra profilo
Re:dimensioni e colori menu' template beez20
« Risposta #6 il: 22 Nov 2012, 23:51:54 »
vai su layout.css linea 81 e aggiungi :" font-size: 20px;"!!!!!(QUESTO E IL MAIN MENU)
#header ul {    display: block;    font-size: 20px;    list-style-type: none;    margin: 0 0 1px;    padding: 10px 0;    position: absolute;    right: 0;    text-align: right;    top: 0;

TOP MENU sempre LAYOUT.CSS aggiungi font-size:20px; a riga 223
.moduletable_menu {    font-size: 20px;    margin: 0 0 10px;}Fammi sap


Offline elisopaolo

  • Nuovo arrivato
  • *
  • Post: 6
    • Mostra profilo
Re:dimensioni e colori menu' template beez20
« Risposta #7 il: 23 Nov 2012, 20:51:50 »
Bohhh, non è cambiato nulla

MAIN MENU'(prima)

[size=0pt]/* ########################## header content ########################### */[/size][size=0pt][/size][size=0pt]#header form[/size][size=0pt][/color]
 {
[/size]
 
 }
 
 [size=0pt]#header form [/size][size=0pt][/color].[/size][size=0pt]button[/size][size=0pt][/color]
 {
[/size]
 [size=0pt]font-weight[/size][size=0pt][/color]:[/size][size=0pt]bold[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]margin[/size][size=0pt][/color]: [/size][size=0pt]0[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]cursor[/size][size=0pt][/color]:[/size][size=0pt]pointer[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]text-align[/size][size=0pt][/color]:[/size][size=0pt]center[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]text-transform[/size][size=0pt][/color]:[/size][size=0pt]uppercase[/size][size=0pt][/color]
 }
[/size]
 
 [size=0pt]#header form [/size][size=0pt][/color].[/size][size=0pt]inputbox[/size][size=0pt][/color]
 {
[/size]
 
 [size=0pt]font-size[/size][size=0pt][/color]:[/size][size=0pt]1em[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]width[/size][size=0pt][/color]:[/size][size=0pt]13em[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]padding[/size][size=0pt][/color]:[/size][size=0pt]3px[/size][size=0pt][/color];[/size][size=0pt][/color]
 }
[/size]
 
 
 [size=0pt]#header form [/size][size=0pt][/color].[/size][size=0pt]inputbox [/size][size=0pt][/color]{ [/size][size=0pt]margin[/size][size=0pt][/color]: [/size][size=0pt]2px 13px 2px 2px[/size][size=0pt][/color];}[/size][size=0pt][/color][/size][size=0pt]#header form [/size][size=0pt][/color].[/size][size=0pt]inputbox[/size][size=0pt][/color]:[/size][size=0pt]focus [/size][size=0pt][/color]{ [/size][size=0pt]margin[/size][size=0pt][/color]: [/size][size=0pt]1px 11px 0 1px[/size][size=0pt][/color]; }[/size][size=0pt][/color][/size] #header ul[/u][/b][size=0pt][/color]
 {
[/size]
 [size=0pt]display[/size][size=0pt][/color]:[/size][size=0pt]block[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]margin[/size][size=0pt][/color]:[/size][size=0pt]0px 0px 1px 0px[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]text-align[/size][size=0pt][/color]:[/size][size=0pt]right[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]list-style-type[/size][size=0pt][/color]:[/size][size=0pt]none[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]padding[/size][size=0pt][/color]:[/size][size=0pt]10px 0px 10px 0px[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]position[/size][size=0pt][/color]:[/size][size=0pt]absolute[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]top[/size][size=0pt][/color]:[/size][size=0pt]0[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]right[/size][size=0pt][/color]:[/size][size=0pt]0px[/size][size=0pt][/color];[/size][/color]
 
 }
[/size] DOPO INTERVENTO:

#header form .inputbox:focus { margin: 1px 11px 0 1px; }

#header ul
" font-size: 20px;"
{
        display:block;
        font-size: 20px;
        list-style-type: none;
        margin: 0 0 1px;
        padding: 10px 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
       
}


TOP MENU'
(PRIMA)

[size=0pt]/* ########################## navigation column ########################### */[/size][size=0pt][/color][/size][size=0pt]#nav ul[/size][size=0pt][/color]
 {
[/size]
 [size=0pt]list-style-type[/size][size=0pt][/color]:[/size][size=0pt]none[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]margin[/size][size=0pt][/color]:[/size][size=0pt]0px 0[/size][size=0pt][/color];[/size][size=0pt][/color]
 }
[/size]
 
 .[size=0pt]module_content[/size][size=0pt][/color]
 {
[/size]
 [size=0pt]margin[/size][size=0pt][/color]:[/size][size=0pt]0px 0 0px 0[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]padding[/size][size=0pt][/color]:[/size][size=0pt]0px 0px 10px 5px[/size][size=0pt][/color]
 }
[/size]
 
 .[size=0pt]moduletable[/size][size=0pt][/color]
 {
[/size]
 [size=0pt]margin[/size][size=0pt][/color]:[/size][size=0pt]0px 0 20px 0[/size][size=0pt][/color];[/size][size=0pt][/color][/size][size=0pt]padding[/size][size=0pt][/color]:[/size][size=0pt]0px 0[/size][size=0pt][/color];[/size][size=0pt][/color]
 }
[/size]
 
  [size=0pt][/color].[/size][size=0pt]moduletable_menu[/size][size=0pt][/color][/size][/color]{[/size][/color][/size][size=0pt]margin[/size][size=0pt][/color]:[/size][size=0pt]0px 0 10px 0[/size][size=0pt][/color];[/size][/color]
 }
[/size]
  DOPO INTERVENTO

.moduletable
{
        margin:0px 0 20px 0;
        padding:0px 0;
}

.moduletable_menu
font-size:20px;
{
  font-size:20px;
        margin:0px 0 10px 0;
}

.moduletable_js


Sicuramente sbaglio nell'inserire le posizioni.
Che mi dici??
Grazie  Elisopaolo



Offline manuela.dileo@me.com

  • Esploratore
  • **
  • Post: 91
    • Mostra profilo
Re:dimensioni e colori menu' template beez20
« Risposta #8 il: 23 Nov 2012, 21:01:55 »
ti ho mandato un email.
Penso che  hai modificato altre cose( un altro file).
Aspetto news

Offline elisopaolo

  • Nuovo arrivato
  • *
  • Post: 6
    • Mostra profilo
Re:dimensioni e colori menu' template beez20
« Risposta #9 il: 24 Nov 2012, 08:25:37 »
Tutto OK
Ora i link hanno le dimensioni che intendevo.
Grazie tantissime
elisopaolo

 



Web Design Bolzano Kreatif