Autore Topic: [RISOLTO] Cambiare colore singola voce menų  (Letto 5495 volte)

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO] Cambiare colore singola voce menų
« il: 14 Giu 2012, 17:32:35 »
Ciao a tutti,

come faccio a cambiare il colore solo di una voce del top menu del mio sito?

E' possibile cambiarlo solo per una voce??

Grazie a tutti..

Ecco l'indirizzo del sito: www.bagheriabenecomune.org
« Ultima modifica: 14 Giu 2012, 21:35:42 da Salvux93 »

Offline spaceodissey

  • Esploratore
  • **
  • Post: 196
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #1 il: 14 Giu 2012, 18:44:02 »

Nel file tdefault.css aggiungi

Codice: [Seleziona]
.item-114 a {
color:red;
}


Ogni voce di menų č individuata da una classe. Quindi richiami quella classe dal CSS e poi ci fai quello che vuoi.
« Ultima modifica: 14 Giu 2012, 18:50:09 da spaceodissey »
Visita il mio sito: Italia per Turisti (e se vuoi puoi dare una mano!)

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #2 il: 14 Giu 2012, 18:47:59 »
Vorrei che la solo la voce "Baharia Fest" diventasse di questo colore: #eeaa7b anzichč essere #ed691d come tutte le altri voci del TopMenu...

Offline spaceodissey

  • Esploratore
  • **
  • Post: 196
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #3 il: 14 Giu 2012, 18:51:17 »
Allora il codice che devi aggiungere nel file che ti dicevo prima č


.item-115 a{
color: #eeaa7b;
}
Visita il mio sito: Italia per Turisti (e se vuoi puoi dare una mano!)

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #4 il: 14 Giu 2012, 18:53:48 »
In che file devo aggiungere questo codice?

Cambia solo quella voce giusto?

Offline spaceodissey

  • Esploratore
  • **
  • Post: 196
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #5 il: 14 Giu 2012, 19:00:27 »
Come ti dicevo prima: tdefault.css


Sė, l'aggiungi quella voce e sei a posto.
Visita il mio sito: Italia per Turisti (e se vuoi puoi dare una mano!)

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #6 il: 14 Giu 2012, 19:08:55 »
ho aggiunto il codice che mi hai detto tu all'interno del file tdefaut.css ma non succede nulla  :'(

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #7 il: 14 Giu 2012, 19:14:33 »
Questo č il mio tdefaut.css


Puoi dirmi dove inserirlo?

Codice: [Seleziona]
/* /****************************************************
#####################################################
##-------------------------------------------------##
##           Classic-dark                          ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2012            ##
## Date      = fevrier 2012                        ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/

html {
height: 100%;

}

body{
margin:0;
padding:0;
text-align:center;
background:#252525 url(../images/bg.jpg) 0 0% repeat;
font-size:14px;
color:#34332a;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;

}

/*texte*/
p {
font-size: 100%;
margin: 1;

}

h1 {
font-size: 0%;

}

h2 {
font-size: 150%;

}

h3 {
font-size: 125%;

}

h4, h5, h6 {
font-size: 100%;

}

/* liens hypertextes*/
a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#ffffff;

}

a:hover {
color:#ED691D;

}

ul {
margin:0;
padding-left:20px;

}

li {
list-style-type:square;
background:transparent;
margin: 4px;

}

img {
border:none;
margin: 5px 10px 5px 5px;
padding:0;

}

img .caption {
text-align: left;

}

.highlight{
background:#ffc77e;
padding: 0px 2px 0px 2px;
color:#424240;

}

.button {
background:#424240;
border:none;
color:#eeeeee;
font-weight:bold;
padding:4px;

}

 .inputbox {
color:#fff;
background:#424240;
border:none;
padding:4px;
font-weight:normal;

}

.pagewidth{
width:990px;
text-align:center;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;

}

fieldset {
margin:0px 5px 5px 5px;
padding:10px;
border:none;

}

.clr {
clear:both;

}

/**********************/
#sitename {
float:left;
width:453px;
height:184px;
background:transparent;
margin-top:50px;
margin-left:40px;

}

#newsflash{
float:left;
width:420px;
height:211px;
background: url(../images/newsflash.png) 0 0 no-repeat;
margin-top:50px;

}

#newsflash-content{
float:left;
width:348px;
height:160px;
background:transparent;
overflow:hidden;
margin-left:35px;
margin-top:30px;
text-align:center;
color:#fff;

}

#newsflash-content a{
color:#fff;

}

#newsflash-content a:hover{
color:#000;

}

/*********************/
#topmenu {
float:left;
width:909px;
height:78px;
background: url(../images/topmenu.png) 0 0 no-repeat;
margin-top:-28px;
margin-left:49px;

}

.navigation {
float:left;
width: 740px;
margin-top:36px;
padding-left:15px;
background:transparent;

}

.navigation ul {
list-style: none;
margin:0;
padding:0;
float: left;

}

.navigation ul ul {
margin: 0; /* all lists */
padding: 0;

}

.navigation ul li {
margin:0 7px;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;
 
}

.navigation ul li ul {
width: 200px;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 200px;

}

.navigation ul li ul ul {
margin: 0; /* third-and-above-level lists */

}

.navigation ul li li {
padding: 0;
margin: 0;
width: 100%;

}

.navigation ul ul a {
width: 100%;

}

.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.sfhover ul ul,
.navigation ul li.havechildsfhover ul ul,
.navigation ul li.havechild-activesfhover ul ul,
.navigation ul li.activesfhover ul ul,
.navigation ul li.sfhover ul ul ul,
.navigation ul li.havechildsfhover ul ul ul,
.navigation ul li.havechild-activesfhover ul ul ul,
.navigation ul li.activesfhover ul ul ul {
left: -999em;
 
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
.navigation ul li:hover ul,
.navigation ul li li:hover ul,
.navigation ul li li li:hover ul,
.navigation ul li.sfhover ul,
.navigation ul li.havechildsfhover ul,
.navigation ul li.havechild-activesfhover ul,
.navigation ul li.activesfhover ul,
.navigation ul li li.sfhover ul,
.navigation ul li li.havesubchildsfhover ul,
.navigation ul li li.havesubchild-activesfhover ul,
.navigation ul li li.activesfhover ul,
.navigation ul li li li.sfhover ul,
.navigation ul li li li.havesubchildsfhover ul,
.navigation ul li li li.havesubchild-activesfhover ul,
.navigation ul li li li.activesfhover ul {
left: auto;
 
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
.navigation ul li a {
padding: 6px 9px 0 9px ;
margin:0;
display: block;
font-weight: bold; 
font-size:14px;
text-transform:capitalize;
height:29px;
background:transparent;
color:#ed691d;

}

.navigation ul li {
background:transparent;
height:29px;

}

.navigation ul li span {
background:transparent;
height:29px;
padding:0px ;
margin:0 ;
 
}

.navigation li.active {
height:29px ;
background:#252525 url(../images/bg.jpg) repeat 0 0px ;

}

.navigation li.active span {
height:29px ;

}

.navigation li.active a {
color:#fff ;
height:25px ;
background: transparent;

}

.navigation li:hover {
height:29px ;
background:transparent url(../images/bg.jpg) repeat 0 0px ;

}

.navigation li:hover span {
height:29px ;


}

.navigation li:hover a {
color:#fff ;
height:29px ;
background:transparent ;

}

/* 2nd level and above */
 .navigation ul li ul {
background:#252525 url(../images/bg.jpg) 0 0% repeat;
margin-top: -2px;
padding-bottom: 5px;
padding-top: 10px;
text-align:left !important;
padding-bottom:0px;

}

.navigation ul li ul li{
height:45px !important;

}

.navigation ul li ul li a {
color:#393d3c !important;
height:45px !important;
padding-left:31px;
background: url(../images/arrow.png) 11px 12px no-repeat !important;
color:#fff !important;

}

.navigation ul li ul li a:hover,
.navigation ul li ul li.active a  {
color:#ffc77e !important;
height:45px !important;

}

.navigation ul li ul li ul {
margin-left:200px;
margin-top: -30px;
padding-bottom: 3px;
padding-top: 0px;
text-align:left !important;
padding-bottom: 0px;

}

/***********************/
#tool {
float:left;
width:160px;
height:40px;
background:transparent;
margin-top:41px;
text-align:left;
font-weight:bold;

}

.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 200px;
background:#eeeeee  url(../images/bg.jpg) 0 0% repeat;
color: #fff;
padding: 12px;
text-align:left;
font-weight:bold;

}

.jqmClose {
background:#fff;
float:right;
font-weight:bold;
padding:5px;

}

.jqModal {
font-weight:bold;
background:#fff;
font-size:17px;
padding:4px;
color:#393d3c !important;

}

 #login-form a{
 color:#fff;
}
 
 #login-form a:hover{
 color:#ffc77e;
}

.jqModal:hover {
background:#ffc77e;
}


.jqmOverlay { background-color: #000; }

/***********************/
#wrapper-main {
float:left;
width:908px;
background:#fff;
margin-left:50px;

}

/****SLIDE*********/
#slide {
float:left;
width:620px;
height:210px !important;
background:#eb672d;
margin-top:0;
margin-left:0;
position:relative;
padding:10px;

}

#slideshow-w {
float:left;
width:620px;
height:233px;

}

#slideshow {
float:left;
width:620px;
height:230px;
background:transparent;
position:relative;

}

.slideshowlite {
float:left !important;
width: 619px;
height: 230px;
padding:0;
margin:0;

}

.slideshowlite a {
position:absolute;
left:0;
z-index: 5;
text-align:left;

}

.slideshowlite img {
border: none;
z-index:3;
margin:0;
padding:0;

}

.slideshowlite ul {
position: absolute;
margin-top: 170px;
left:40px !important;
 z-index: 9;
list-style-type:none;
background:transparent;
width:123px;
height:35px;
display: none;

}

.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 24px;
padding: 0 2px 0 2px;
margin:0;
list-style-type:none;
border:none !important;

}

 .slideshowlite ul li a {
background: #ffc77e ;
 position: relative;
display: block;
width: 24px !important;
height: 24px !important;
float: left;
line-height: 23px;
text-decoration: none;
text-align: center !important;
font-size: 12px;
 font-weight: bold;
color: #fff !important;
border:none !important;
/* text-indent:-5000px; */
margin-top:12px;
margin-left:0;

}

.slideshowlite ul li a.current {
background:#eeaa7b ;
color: #eeaa7b !important;

}

.slideshowlite ul li a:hover {
color: #eeaa7b !important;
background: #eeaa7b  ;

}
 
.slideshowlite ol {
display: none;

}

/**************************/
#main {
float:left;
background:transparent;
width:640px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;
margin-left:25px;

}

#main-full {
float:left;
width:880px;
text-align:left;
margin-bottom:20px;
background:transparent;
margin-top:30px;
margin-left:25px;

}

#main-content {
float:left;
background:transparent;
width:620px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;

}

#main-content-full {
float:left;
background:transparent;
width:880px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;

}


/******RIGHT*********/
#right {
float:left;
width:203px;
text-align:left;
padding-right:0px;
padding:0;
background: url(../images/right.jpg) 0 0 repeat-y;
margin-left:40px;

}

#right h3 {
font-size:17px;
text-transform:capitalize;
text-align:left;
font-weight:bold;
color:#eb672d;
background: url(../images/left-h3.jpg) 0 0 no-repeat;
height:39px;
margin-left:-24px;
padding-left:15px;
padding-top:6px;

}

#right ul {
padding-left:10px;
color:#ffffff;

}

#right .moduletable_menu,
#right .moduletable {
background: none repeat scroll 0 0 transparent;
color: #ed691d;
font-family: arial;
font-weight: bold;
/* margin-bottom:40px;*/
padding-left:20px;
background:transparent;
padding-top:0;
color:#ffffff;
 
}

#right .moduletable_menu a,
#right .moduletable a,
#right a {
color:#ED691D;
font-weight:bold;
}

#right .moduletable_menu a:hover,
#right .moduletable a:hover,
#right a:hover {
color:#ffffff;
 
}

/******CALENDAR*******/
.calendar {
margin-left:-67px;
margin-top:0;
margin-bottom:0;
display:block ;
padding:8px 0 0 0;
background:#ed691d;
width:45px ;
height:50px;
text-align:center;
position:absolute;


}

.day {
color: #ffffff;
font-weight:bold;
margin: 0;
padding:0 ;
font-size:17px;
background:transparent;
display:block;

}

.month {
color: #ffffff;
font-weight: bold;
margin: 0;
padding:0px 0 0 0 ;
font-size:17px;
background:transparent;
display:block;

}

.contentheading a, .item-page h2 a{    color: #ED691D;   font-weight: bold; font-size:14px;}

}

/**************************/
#ftb-f{
float:left;
width:908px;
height:80px;
background:transparent;
margin-left:50px;

}

.ftb {
color: #FFFFFF !important;
float: left;
font-size: 14px;
font-weight: bold;
margin-left: 50px;
margin-top: 16px;
text-align: center;
font-weight:bold;
width: 908px;
}

.ftb a, .ftb a:visited{
padding:0 !important;
border:none !important;
color:#ffffff;
font-weight:bold;

}

.ftb a:hover {
color:#ffffff;

}

#top {
float:left;
width:30px;
height:30px;
margin-top:18px;
padding:0 !important;
border:none !important;
background:transparent;

}

.top_button {
border: medium none !important;
display: none;
padding:0 !important;
border:none !important;

}
#nuovo {
    float: left;
    margin-left: 40px;
    padding: 10px;
    text-align: center;
    width: 908px;
}

#icon {
  left: 65%;
  position: absolute;
  top: 5px;
}

.moduletable_mio {
margin-left:24px;
margin-bottom:15px;
margin-top:-48px;
}

.moduletable_mio1 {
margin-left:21px;
margin-bottom:15px;
margin-top:-1px;
}

.moduletable_mio2 {
margin-left:21px;
margin-bottom:15px;
margin-top:2px;
}
.cofiVernissageImage {    width:68px !important;    height: 62px !important;}

.socbuttons {
border-top: 5px solid #ED691D;
width: 100%;
}

.socbuttons iframe {margin-left: -10px !important;}

.moduletable_fox .foxform {
    background: none repeat scroll 0 0 #ee2721;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    height: 110px;
    margin-left: 25px;
    padding-top: 10px;
    width: 153px;
text-align:center
}

.moduletable_fox button.foxbutton {
margin-left: 30px;

.moduletable button.foxbutton {
css
}

.moduletable button.foxbutton {
    margin-left: 30px;
}

.moduletable input.foxtext {
    text-align: center;
}

/**end file***/

Offline spaceodissey

  • Esploratore
  • **
  • Post: 196
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #8 il: 14 Giu 2012, 20:03:42 »
Dove vuoi, fai copia/incolla e vedrai che funziona.
Visita il mio sito: Italia per Turisti (e se vuoi puoi dare una mano!)

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #9 il: 14 Giu 2012, 20:07:19 »
Fatto ma non funziona!  :'(

Puoi aiutarmi?  :'(
« Ultima modifica: 14 Giu 2012, 20:11:32 da Salvux93 »

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18155
  • Sesso: Femmina
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #10 il: 14 Giu 2012, 20:51:24 »
Ciao Salvux93,
in effetti lė non funzione. Avrai commentato il css prima della fine...
Mettilo nell'altro file joomlastyle.css al fondo e aggiungi !important

Codice: [Seleziona]
.item-115 a {
color: #71cfe9 !important;
}

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #11 il: 14 Giu 2012, 20:56:33 »
Grazie mille!


Un'ultima cosa, come faccio a togliere in questa voce l'effetto che c'č quando si passa il mouse nelle altre voci?


Vorrei che quando si passi il mouse sopra questa voce "colorata" non accada nulla in modo che si differenzi dalle altre voci...

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18155
  • Sesso: Femmina
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #12 il: 14 Giu 2012, 21:02:42 »
Codice: [Seleziona]
.item-115 a:hover {
background: #FFF !important;
}

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #13 il: 14 Giu 2012, 21:21:59 »
Ok sono riuscito a togliere l'effetto...

rimane solo un'ultimissimo problemino...

quando sono dentro la pagina Baharia Fest rimane il rettangolo arancione sopra la voce del menu...  :'(
 
Come faccio ad eliminare anche quello solo per questa voce?

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18155
  • Sesso: Femmina
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #14 il: 14 Giu 2012, 21:28:43 »
Togli gli ultimi due che hai aggiunto e lascia solo questo:

Codice: [Seleziona]
.item-115 a {
color: #589f25 !important;
background: #FFF !important;
}

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore singola voce menų
« Risposta #15 il: 14 Giu 2012, 21:35:27 »
Grazie mille, come sempre!  :D

Offline Effedi

  • Esploratore
  • **
  • Post: 187
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO] Cambiare colore singola voce menų
« Risposta #16 il: 12 Ott 2012, 23:15:00 »
Scusate ma non voglio riaprire il topic ma semplicemente mi trovo con lo stesso problema  non sono riuscito a risolvere.
ho questo sito www.cartaeritrea.it realizzato in 4 lingue e da poco č stata aggiunta la voce di menų "Nuovi Prodotti".
Si vorrebbe evidenziare con altro colore e formattazione del testo, solo di questa voce ma non riesco a venirne fuori.
Io non trovo i file a cui si fa riferimento:
tdefault.css
joomlastyle.css
 
Ho provato a scrivere il codice in template.css ma non varia nulla
Mi potete dare una mano?
Grazie e scusate per aver scritto ad un topic RISOLTO, ma era per non aprirne uno nuovo identico

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18155
  • Sesso: Femmina
    • Mostra profilo
Re:[RISOLTO] Cambiare colore singola voce menų
« Risposta #17 il: 13 Ott 2012, 15:07:51 »
Ciao Effedi,
nel tuo caso prova cosė:

Codice: [Seleziona]
li.item13 {
  background:#000 !important;
}
li.item13 .t {
color:#FFF !important;
}

e poi metti i css che servono.

Offline Effedi

  • Esploratore
  • **
  • Post: 187
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO] Cambiare colore singola voce menų
« Risposta #18 il: 13 Ott 2012, 17:19:45 »
Fantastico, grazie adottauncane
 
Risolto alla grande dopo il tuo preziosissimo aiuto.
Ieri sera stavo impazzendo, mi mncava solo scrivere la classe giusta, accidenti.
Tralasciavo il li prima di .item13
 
RISOLTO, alla grande.

 

Host

Torna su