Joomla.it Forum
Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : Esseffe 29 Sep 2007, 12:10:58
-
Premettendo che a grafica sono zotto zero, ho istallato e personalizzato un template trovato nel web ma c'è unproblema...
In pratica se si scrive un qualcosa in una cella o si clicca un bottone (ad esmepio il bottone cerca), questo il testo o lo sfondo diventano bianchi quindi non si vede niente...
Secondo voi come posso risolvere questo problema?
Potete vedere l'errore su www.esseffeferrametna.it/index.php
Grzie 1000
-
devi modificare il css del template.
Vai su /templates/il template che hai scelto/css
dovrebbe esserci un unico file .css
li' dentro ci deve essere qualcosa tipo
.button:hover{
background-color: #xxyyzz;
}
cambia quel valore e solo quello in un colore che ti garba di piu'.
#xxyyzz equivale a:
xx = rosso
yy = verde
zz = blu
i valori vanno da 00 a ff per ogni coppia.
-
Ma hai notato che con Firefox il testo scritto nel campo cerca diventa bianco mentre con Internet Explorer no?
Ciao
-
no, non uso IE.
Probabilmente e' dovuto al fatto che IE non "legge" l'attributo :hover dei css in relazione alla tag button.
Niente di strano.
-
Ho cercato nel css ma non c'è nessun campo simile a
.button:hover{
background-color: #xxyyzz;
}
Questo è il mio css
/*------------------------------------------------------------------------
# JA Sabina - June, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
-------------------------------------------------------------------------*/
* {
margin: 0;
padding: 0;
}
/* COMMON STYLE
---------------------------------------------------------------------------*/
body {
background: url(../images/od_bg.gif) repeat-x #659760;
color: #515151;
font: 11px/1.5 Tahoma, Arial, Verdana, sans-serif;
}
a {
color: #FF8901;
text-decoration: none;
}
a:hover {
color: #006400;
text-decoration: underline;
}
/* Heading */
h1 {
font-size: 170%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 100%;
text-transform: uppercase;
}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 15px 0;
padding: 0;
}
ul {
list-style: none;
}
ul li {
padding-left: 35px;
background: url(../images/arrow.png) no-repeat 25px 8px;
line-height: 170%;
}
ol li {
margin-left: 35px;
line-height: 170%;
}
th {
padding: 5px;
font-weight: bold;
text-align: left;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
hr {
border-top: 1px solid #CCCCCC;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}
a img {
border: none;
}
td, div {
font-size: 100%;
}
/* FORM STYLE
---------------------------------------------------------------------------*/
.button {
border-top: solid 1px #FFFFFF;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
background: #FF8901;
color: #FFFFFF;
}
input, select {
border: #FFC807 solid 1px;
padding: 1px;
background: #FFFDE5;
}
input:focus, input:hover {
border: #FFC807 solid 1px;
padding: 1px;
background: #FFF3C9;
color: #FFFFFF;
}
textarea {
border: #FFC807 solid 1px;
}
/* MODULE
--------------------------------------------------------- */
div.moduletable h3 {
margin: 0;
padding: 0;
}
div.moduletable {
margin-bottom: 20px;
padding: 0;
}
/* HEADER ELEMENT
--------------------------------------------------------- */
#ja-header h1 {
margin: 0;
padding-top: 30px;
padding-left: 10px;
}
#ja-search {
float: right;
width: 300px;
margin: 30px 10px 0 0;
text-align: right;
}
#ja-search input {
border: solid 1px #999999;
padding: 2px;
color: #000000;
background: #D1EFCD;
}
/* Mainnav */
#ja-mainnav {
margin: 0;
padding: 0;
}
/* Spotlight */
#ja-lefthead {
width: 602px;
float: left;
}
#ja-lefthead h3 {
padding-top: 15px;
padding-left: 160px;
color: #FFFFFF;
font-weight: bold;
font-size: 120%;
text-transform: uppercase;
}
#ja-lefthead table td {
padding: 10px 10px 10px 160px;
color: #FFFFFF;
}
#ja-lefthead span.article_seperator {
display: none;
}
#ja-righthead {
float: right;
padding: 15px 5px 0 0;
width: 145px;
color: #FFFFFF;
}
#ja-righthead h3 {
margin-bottom: 10px;
padding: 0;
font-size: 120%;
text-transform: uppercase;
}
/* PATHWAY STYLE
--------------------------------------------------------- */
#ja-pathway {
padding-bottom: 3px;
margin-bottom: 15px;
background: url(../images/dotted.gif) repeat-x bottom left;
}
#ja-pathway a {
color: #787878;
text-decoration: none;
}
#ja-pathway a:hover {
color: #787878;
text-decoration: none;
}
#ja-pathway a:visited {
color: #787878;
text-decoration: none;
}
/* RIGHTCOL STYLE
--------------------------------------------------------- */
#ja-rightcol a {
color: #A65C00;
}
#ja-rightcol div.moduletable {
padding: 0;
text-align: left;
}
#ja-rightcol div.moduletable h3 {
margin: 0;
padding: 3px 0 13px 10px;
color: #FFFFFF;
background: url(../images/right-h3-bg.gif) no-repeat bottom right #9BBEC4;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
}
/* Default joomla menu */
#ja-rightcol a.mainlevel {
margin: 2px 2px 0px 5px;
padding-left: 10px;
display: block;
color: #434343;
background: url(../images/bullet.gif) no-repeat left center;
font-weight: bold;
text-decoration: none;
}
#ja-rightcol a.mainlevel:hover {
background: url(../images/bullet2.gif) no-repeat left center;
color: #FF8901;
}
#ja-rightcol a.sublevel {
margin: 2px 5px 0px 15px;
padding: 0;
display: block;
color: #000000;
text-decoration: none;
}
#ja-rightcol a.sublevel:hover {
color: #FF8901;
text-decoration: underline;
}
#ja-rightcol #active_menu {
color: #FF8901;
}
/* BOT SPOTLIGHT
--------------------------------------------------------- */
.ja-box {
float: left;
width: 33.3%;
background: url(../images/bottombox_left.jpg) top left no-repeat;
color: #FFFFFF;
}
.ja-box-inner {
padding: 0 0 0 15px;
background: url(../images/bottombox_right.jpg) top right no-repeat;
}
.ja-box h3 {
margin: 0 0 10px 0 !important;
padding: 5px 15px 4px 0 !important;
border-bottom: 3px solid #4FAC00;
color: #FFFFFF;
font-size: 120%;
text-transform: uppercase;
}
.ja-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.ja-box ul li {
margin: 0;
padding-left: 15px;
list-style: none;
background: url(../images/white_arrow.gif) no-repeat 3px 7px;
}
.ja-box a {
color: #FFFFFF;
text-decoration: none;
}
.ja-box a:hover {
font-size: 100%;
text-decoration: underline;
}
/* Clearfix */
.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
* html > body .clearfix {
width: 100%;
display: block;
}
* html .clearfix {
height: 1%;
}
/* Firefox Scrollbar Hack - Do not remove */
html {
margin-bottom: 1px;
height: 100%!important;
height: auto;
}
-
input:hover
vince lui.
-
Quindi come posso sistemarlo? ;)
-
cambiando il valore.
padding: 1px;
il tuo originale e' questo.
input:focus, input:hover {
border: #FFC807 solid 1px;
padding: 1px;
background: #FFF3C9;
color: #FFFFFF;
}
Spiegazione:
border: #FFC807 solid 1px;padding: 1px;
border <-- identifica i bordi in generale
#FFc807 <-- il colore in esadecimale
solid <-- il tipo di bordo
1px <-- la dimensione del bordo
padding: 1px;
padding <-- indica la distanza dei contenuti sai bordi
1px <-- distanza
background: #FFF3C9;
background <-- lo sfondo
#FFF3C9 <-- il colore dello sfondo
color: #FFFFFF
color <-- indica il colore del testo
#FFFFFF <-- il valore del colore
tu devi cambiare il colore di sfondo.
-
Non so veramente come ringraziarti ;)
-
ti do' le coordinate bancarie ?
ahahaha
-
No dai, ti dirò una preghiera... eheheh
Ti chiedo anche un'altra cosa...
Quando vado in admin a scrivere un qualche contenuto, lo sfondo della parte dove si scrive, corrisponde allo sfondo del sito ovvero all'immagine verde.
Sapresti come posso fare per fare in modo che lo sfondo sia bianco? Anche perchè con quello sfondo così e con il testo nero non si vede quasi niente quando si scrive.
Credo che manchi qualche variabile nel file .css giusto?
Che ci metto? ;)