3.4 Cambio colore nel css - Confusione

[Haku]

Ciao a tutti,

sto rinnovando la veste grafica del mio forum, ma ho dei problemini con il cambio di alcuni colori nel css.

In questa parte:

a {	color: #ffffff; /*225985*/	text-decoration: none;}	a:hover { color: #424446; } /*328586*/	/************************************************************************//* LISTS */

cambio il colore dove vedete le freccie nell'immagine...quindi il font dei titoli, e il colore del font nel riquadro del cambio pagina pagina:

 

Il problema però, è che se io appunto metto il testo in bianco, i numerini non mi si vedono, viceversa se io metto un colore scuro per farli visualizzare, il titolo dei testi viene scuro e quindi non si leggono i titoli.

 

come ovviare a questo problema?

Oltretutto il titolo della discussione mi rimane grigio, proprio perchè non posso cambiare css se no viene il problema sopra descritto.

[Caffpow]

tu stai modificando la classe che viene applicata in mancanza di altre classi ai link. E quei due link credo non abbiano delle loro classi specifiche per impostare il colore dei link.

Per risolvere potresti creare una nuova classe del tipo...

.link1 a, a:hover{color:#999;}

il css che stai modificando lo adatterei agli elementi che si trovano sello sfondo principale. Spero di essere stato chiaro...

Per individuare il nome del contenitore (div, span, ecc..), che dovrai usare per la classe, puoi aiutarti con la funzione "analizza elemento" di firefox o l'estenzione filezilla.

Modificato 21 Novembre 2013 da Caffpow

[Haku]

Grazie per la risposta Caff

Riusciresti a farmi un esempio preciso?

[najaru]

Usa firebug con firefox per analizzare gli elementi

[Caffpow]

Per capire (e testare) cosa ti ho spiegato, basta lo strumento analizza strumento di firefox.

 

Analizza il link "Torna a Supporto IP.Board 3.4" qui in basso, basta premere con il destro del mouse e selezionare "analizza elemento".

Si aprirà una console, con una parte il codice html e dall'altra il codice css. Dovresti in questo caso aver selezionato la classe ".desc".

noterai che la classe ha due attributi, uno per la dimensione del testo e l'altro per il colore. di fianco c'è una casellinaper disabilitare l'effetto. Disabilitando l'attributo "color", noterai che il testo cambierà colore (da grigio a nero), ereditando il css impostato genericamente per tutta la pagina, o per il contenitore che contiene appunto il link.

 

Quindi è il ragionamento inverso del tuo problema. A te manca proprio una classe che attribuisca degli attributi specifici per quell'elemento.

 

per testare sul tuo forum e magari aggiungere altre classi, basta premere il link di fianco la classe individuata per aprire il foglio di stile.

 

Fa tutte le prove che vuoi, tanto ogni modifca non ha effetto sul sito (ok, era tanto per precisare. )

Modificato 22 Novembre 2013 da Caffpow

[Haku]

Ok, provato.

Risultato?

Nessuno! ç_____ç

[Haku]

Scusate il doppio post, ma quale è la parte di css per modificare il colore della descrizione dei forum nell'index?

[luca314]

Scusate il doppio post, ma quale è la parte di css per modificare il colore della descrizione dei forum nell'index?

Prova a vedere se ti può servire...dai un occhio all'allegato...

Guida_modifiche_layoutIPB.pdf

[Haku]

Molto utile grazie ma non è ciò che cerco ^^

[Haku]

Ragazzi nessuno sa dirmi nulla? Non sono ancora riuscito a risolvere ^^

[BomAle]

andando in contro al problema e facendoti capire quello che hanno detto fino ad ora gli altri, dovresti provare uno dei "developer tool" io come in questo caso utilizzo firebug

quindi dovresti andare ad aggiungere un pezzo di css in fondo a ipb_styles.css (per essere sicuri di non avere problemi con altre sovrapposizioni fatte dallo skinner)

a.topic_title {    color: #FF0000;}

fammi sapere se hai problemi...

[Haku]

Grazie Bom, ma il mio problema era un'altro (oltre a questo che comunque dovrò testare):

 

Scusate il doppio post, ma quale è la parte di css per modificare il colore della descrizione dei forum nell'index?

Hola descrizione dei forum con i caratteri bianchi (guarda tu stesso nel mio forum così capirai) =D

[BomAle]

Grazie Bom, ma il mio problema era un'altro (oltre a questo che comunque dovrò testare):

Hola descrizione dei forum con i caratteri bianchi (guarda tu stesso nel mio forum così capirai) =D

.desc, .desc.blend_links a, p.posted_info {    color: #FFFFFF;    font-size: 12px;}

#ffffff è bianco ... prova a cambiarlo con #000 vedrai subito la differenza

 

oppure potresti aggiungere una regola sotto questa precedente che hai trovato:

.col_c_forum.desc {    color: #A4A4A4; //presa dal .desc.lighter    font-size: 12px;}

Modificato 15 Dicembre 2013 da BomAle

[Haku]

Finalmente!

Grazie Bom!

Terrò il topic perchè ora mi rimetto a rifare la grafica di prima e nel caso chiederò aiuto!