Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : Salvų 14 Jun 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 (http://www.bagheriabenecomune.org)
-
Nel file tdefault.css aggiungi
.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.
-
Vorrei che la solo la voce "Baharia Fest" diventasse di questo colore: #eeaa7b anzichč essere #ed691d come tutte le altri voci del TopMenu...
-
Allora il codice che devi aggiungere nel file che ti dicevo prima č
.item-115 a{
color: #eeaa7b;
}
-
In che file devo aggiungere questo codice?
Cambia solo quella voce giusto?
-
Come ti dicevo prima: tdefault.css
Sė, l'aggiungi quella voce e sei a posto.
-
ho aggiunto il codice che mi hai detto tu all'interno del file tdefaut.css ma non succede nulla :'(
-
Questo č il mio tdefaut.css
Puoi dirmi dove inserirlo?
/* /****************************************************
#####################################################
##-------------------------------------------------##
## 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***/
-
Dove vuoi, fai copia/incolla e vedrai che funziona.
-
Fatto ma non funziona! :'(
Puoi aiutarmi? :'(
-
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
.item-115 a {
color: #71cfe9 !important;
}
-
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...
-
.item-115 a:hover {
background: #FFF !important;
}
-
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?
-
Togli gli ultimi due che hai aggiunto e lascia solo questo:
.item-115 a {
color: #589f25 !important;
background: #FFF !important;
}
-
Grazie mille, come sempre! :D
-
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 (http://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
-
Ciao Effedi,
nel tuo caso prova cosė:
li.item13 {
background:#000 !important;
}
li.item13 .t {
color:#FFF !important;
}
e poi metti i css che servono.
-
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.