Vai al contenuto

Cambio colore nel css - Confusione

Featured Replies

Inviato

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:

post-1370-0-72326800-1384958452_thumb.pn

 

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.

Inviato

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 da Caffpow

Inviato
  • Autore

Grazie per la risposta Caff :)

Riusciresti a farmi un esempio preciso?

Inviato

Usa firebug con firefox per analizzare gli elementi

Inviato

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. :lol: )

Modificato da Caffpow

Inviato
  • Autore

Ok, provato.

Risultato?

Nessuno! ç_____ç

Inviato
  • Autore

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

Inviato

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

Inviato
  • Autore

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

Inviato
  • Autore

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

Inviato

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

post-29-0-53594300-1386739620_thumb.png

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...

Inviato
  • Autore

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

Inviato

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 :P

 

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 da BomAle

Inviato
  • Autore

Finalmente!

Grazie Bom!

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

Per favore accedi per lasciare un commento

Potrai lasciare un commento dopo aver effettuato l'accesso

Accedi Ora

Chi sta navigando 0

  • Nessun utente registrato visualizza questa pagina.

Informazioni importanti

Abbiamo inserito dei cookies nel tuo dispositivo per aiutarti a migliorare la tua esperienza su questo sito. Puoi modificare le impostazioni dei cookie, altrimenti puoi accettarli cliccando su continua. to insert a cookie message.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.