Scritte ombreggiate

Scritte ombreggiate postato il 03/11/2008 20:51:49 nel forum programmazione, gdrcd, open source, hosting

Ciao a tutti, io sono Chiara ed anche io sto provando a fare un gioco di ruolo online dopo aver trovato l'ispirazione per una nuova ambientazione. Ora il problema che riscontro è una fastidiosissima ombreggiatura sul testo, ovvero se uso lo stesso colore non usando il main.css di gdrcd non appare, se la pagina si appoggia al css appare...avevo pensato di modificare tutte le pagine...ma ne vale la pena? Magari è solo qualcosina da modificare.

Posto lo screen di come mi viene ombreggiato.



Ribadisco che usando lo stesso colore ma senza il css non da nessuna ombreggiatura, usando invece il css viene sempre in tutte le pagine.

quota

03/11/2008 21:27:52

forse non hai guardato bene e nel css c'è il comando per dare l'effetto al testo. Controllalo bene.

---

quota

03/11/2008 21:33:14 e modificato da duh il 03/11/2008 21:52:24

Riporto css:

BODY
{
SCROLLBAR-FACE-COLOR: #1f2727;
FONT-SIZE: 10px;
BACKGROUND-IMAGE: sfondo.gif;
SCROLLBAR-HIGHLIGHT-COLOR: #333333;
SCROLLBAR-SHADOW-COLOR: #222222;
COLOR: ffffff;
SCROLLBAR-3DLIGHT-COLOR: #888888;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #4e4d4d;
BACKGROUND-REPEAT: repeat;
FONT-FAMILY: Verdana;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
BACKGROUND-COLOR: #000000
}
FORM
{
FONT-SIZE: 10px;
COLOR: 000000;
FONT-FAMILY: Verdana;
TEXT-DECORATION: none
}
SELECT
{
FONT-SIZE: 10px;
BACKGROUND: ffffff;
FONT-FAMILY: Tahoma;
TEXT-ALIGN: center
}
A
{
COLOR: #592f19;
TEXT-DECORATION: none
}
A:visited
{
COLOR: #592f19;
TEXT-DECORATION: none
}
A:hover
{
COLOR: #592f19;
TEXT-DECORATION: none
}
INPUT
{
FONT-SIZE: 11px;
COLOR: black;
FONT-FAMILY: Verdana
}
TEXTAREA
{
FONT-SIZE: 11px;
COLOR: black;
FONT-FAMILY: Verdana
}
TD
{
FONT-SIZE: 10px;
FILTER: dropshadow(color=#000000,OffX=1,OffY=1,Positive=1);
COLOR: ffffff
}
.tTitolo
{
FONT-SIZE: 14px;
COLOR: #592f19
}
.tChiaro
{
FONT-SIZE: 10px;
BACKGROUND: #592f19;
COLOR: #ffffff
}
.tScuro
{
FONT-SIZE: 10px;
BACKGROUND: #592f19;
COLOR: #ffffff
}
.Titolo
{
FONT-WEIGHT: bolder;
FONT-SIZE: 14px;
COLOR: #592f19;
FONT-FAMILY: Verdana
}
.Alert
{
COLOR: red;
FONT-WEIGHT: bolder
}
.Warning
{
COLOR: orange;
FONT-WEIGHT: bolder
}
.Micro
{
FONT-SIZE: 8px;
COLOR: ffffff;
FONT-FAMILY: Verdana;
TEXT-DECORATION: none
}
.table2 {
BORDER-RIGHT: gray 1px double; BORDER-TOP: gray 1px double; BORDER-LEFT: gray 1px double; BORDER-BOTTOM: gray 1px double; BACKGROUND-COLOR: #592f19}
.table3 {
BORDER-RIGHT: gray 1px double; BORDER-TOP: gray 1px double; BORDER-LEFT: gray 1px double; BORDER-BOTTOM: gray 1px double}}
.Stile1 {color: #ffffff}

Non mi sembra si parli di ombreggiatura da qualche parte^^

quota

03/11/2008 21:44:00

riportala tutta ;)

---

quota

03/11/2008 21:52:50 e modificato da duh il 03/11/2008 22:17:56

Riportata =)

quota

03/11/2008 22:36:48

Questa mi puzza di ombra a tradimento :P

quota

03/11/2008 22:55:32

Come giustamente dice Dark, è questo l'inghippo, ovvero un filtro che aggiunge l'ombreggiatura, configurabile in 4 parametri.

Va aggiunta una cosa: questi filtri sono proprietari di IE.
Non sono quindi filtri nè approvati dal W3C, nè tantomeno filtri che vengono letti da browsers diversi da IE.

Ne va quindi valutato sia l'uso sia la reale utilità con attenzione, appunto per le enormi differenze visive che si riscontrano caricando lo stesso css con IE e con FF (per dirne uno).

---

quota

03/11/2008 23:15:38 e modificato da duh il 03/11/2008 23:19:43

Si può togliere semplicemente la stringa di codice del css per toglierne l'effetto?

Ho provato ad aprire firefox ed effettivamente l'effetto ombrato è sparito senza toccare il css 😠 avevo quasi del tutto modificato i file manualmente senza usare il css(un macello).
Ringrazio infinitamente per le risposte =) Per non farlo cmq vedere con IE tolgo semplicemente la stringa del codice?

quota

03/11/2008 23:31:19

Precisamente, ti basta eliminare quella riga dal CSS ed è tutto ok anche con IE ;-)

---

quota

03/11/2008 23:33:43

Altro problemino vedo per esempio che alcune tabelle con IE han i bordi, con Firefox no...si riuscirà a farlo compatibile con tutto? Oppure bisogna scegliere o IE o Firefox?

quota

04/11/2008 00:24:19

Con una buona conoscenza delle proprietà css si possono ottenere buoni risultati.
In alcuni casi, tuttavia, dovrai ricorrere ai commenti condizionali http://www.webmasterpoint.org/webdesign/css/61-commenti-condizionali-css.asp ↗.
Insomma, ti esorto a rimboccarti le maniche, il lavoro da fare non è molto ma è molto importante per il primo impatto che si avrà nel visualizzare il tuo (immagino) gdr.

quota