Vai al contenuto

sfondo principale tabella sezioni.

Featured Replies

Inviato

Volevo cambiare il colore principale, sia dello sfondo generale della tabella principale, intendo la pagina delle sezioni.

Sempre per il sito che amministro insieme ad altri colleghi volontari.

http://www.ilfarodellavita.com/forums/index.php?act=idx

Nell'ACP, sono andato nella sezione look & feel-->ipboard--> css--> ipb_styles.css

Pensavo che cambiando il colore al body, bastasse, ma vedo che cambia solo lo sfondo in fondo....... ;)

Quindi chiedo quali sono le voci, classi o id di riferimento per lo sfondo generico della pagina,sempre se possibile, grazie.

Per cambiare il colore dei link generici mettendo anche uno sfondo colorato al passaggio del mouse, basta sistemare il selettore a:hover?

Inviato

ciao.

lo sfondo della pagina è come hai detto tu il body, vuoi forse combiare il colore delle partiin cui ci sono scritti titoli e descrizioni dei vari forums?

Inviato
  • Autore

Noooooo troppa roba da cambiare se fosse così, no no, solo scurire appena la pagina per fare in modo che "accechi" un pò meno, per esempio con un azzurrino molto leggero, quasi bianco, simile a quel grigio delle evidenziazioni, ma che mantenga quel risalto.

No no io voglio solo, come detto scurire un pò la pagina della tabella delle sezioni, e possibilmente, quando passo con la freccia del mouse, sopra qualsiasi link, mi cambi colore la scritta e si veda uno sfondo per evidenziare, ovviamente di colore diverso dalla scritta, non sò se mi spiego.

Ho provato a mettere un backgrund-color, ma probabilemente dimentico qualcosa di quel pò di CSS che ricordo.

Inviato

quei colori dovresti poterli cambiare nel css ipb_style.css in questa parte.

/* COLORS */

.row1, .row1 td, .post_block.row1 {
background-color: #fafbfc; /* Very light blue */
}

.row1 .altrow, .row1.altrow,
.personal_info, .general_box {
background-color: #eef3f8; /* Slightly darker than row1 */
}

.row2, .row2 td, .post_block.row2,
.message {
background-color: #f1f4f7; /* Light blue */
}

.row2 .altrow, .row2.altrow,
/* ul.post_controls,*/
ul.topic_moderation {
background-color: #e4ebf2; /* Slightly darker than row2 */
}

sono 4 colori, alternati incrociati.

Purtroppo non hanno i settaggi per gli hover, quindi se li volessi bisognerebbe aggiungerli....

Inviato
  • Autore

Sul CSS del mio forum, cè un a:hover settato solo con colore verde chiaro e sottolineatura, che poi è quello che succede quando passo col mouse su qualsiasi link, sia esso sezione topic o post linkato.

Inviato

e ma quello è per tutti i link di tutti i testi, non è selettivo per quelle sezioni....

Inviato
  • Autore

Si voglio ben fare tutto ciò che è link.

Inviato

dovrebbe essere quello che trovi qui all'inizio del css (in fondo a questo codice)

/************************************************************************/
/* ELEMENT STYLES */

body {
background: #fff;
color: #1c2837;
font: normal 13px arial, verdana, tahoma, sans-serif;
position: relative;
}

h3, h4, h5, h6, strong { font-weight: bold; }
em { font-style: italic; }
img, .input_check, .input_radio { vertical-align: middle; }
legend { display: none; }
table { width: 100%; }
td { padding: 3px; }

h2 {
font-size: 1.6em;
font-weight: normal;
margin: 0 0 8px 0;
clear: both;
}

body h3 {
font-weight: bold;
font-size: 1.1em;
padding: 5px 8px 3px 8px;
color: #1d3652;
}

h3 img {
margin-top: -2px;
}

h3 a {
text-decoration: none;
}

a {
color: #284b72;
}

a:hover {
color: #528f6c;
text-decoration: underline;
}

Inviato
  • Autore

Si ho sostituito quello del body per il background-color dello sfondo, ma si vedeva proprio solo lo sfondo al di fuori della tabella delle sezioni.

Mentre per i link ho proprio aggiunto un background-color e cambiato il colore di quell'a:hover presente nel listato che hai postato quà sopra, però in questo caso non cambiava ne colore ne si evidenziava.

Inviato

e ma io non penso che quel css vada a modificare tutti i link in assoluto. secondo me cambia solo quelli testuali standard. quelli che hanno un richiamo css diverso hanno necessità di avere un loro hover dedicato, nella sezione che definisce i css per qualla parte (quindi in quel codice css che richiama le row)

Inviato
  • Autore

Ho capito, pazienza per i link, mi concentro sullo sfondo, poi eventualmente, se viene accettato lo skin che mi hai suggerito nell'altro topic, allora non serve nemmeno che metta mano al css, perchè ho visto che è molto più leggibile come forma e come contesto, altrimenti se non viene accettato, allora modificherò quello sfondo, grazie.

Inviato

ma la skin non è "identica" (come colori) a quella che hai? mi sembra di si.....

Inviato
  • Autore

Si, ma la disposizione dei pannelli e tabelle è diversa, mi sembra più ben delineata, e molto più semplice, almeno credo dia miglior impressione rispetto a quella che abbiamo adesso, poi ovviamente finchè non sarà installata non si sà mai bene come verrà.

Inviato
  • Autore

Scrivo quà perchè mi pare la sezione più adatta.

Ho fatto il logo, sulle misure in px come quello consigliato da te, però a caricarlo mi dà questo errore o avviso.

IP.Board Message

No skin set ID was passed. Please try again, ensuring you select a skin

Inviato

devi selezionare una delle skin che hai a cui cambiarlo

Inviato
  • Autore

È riferito a questo?

Apply to which skin set?

This will change the replacement macro for your board header. You can revert at any time.

Inviato

yes

Inviato
  • Autore

Caricato, però resta bloccato a 465px, non si allarga per tutta la facciata, tieni conto che io ho un 1360px come monitor.

Inviato

non potrebbe comunque visto che la larghezza dell'immagine è questa:

1_logofarofdv.png

Il logo a tutta larghezza può funzionare solo nelle skin a larghezza fissa, dove vai ad impostare le due larghezze uguali.

l'hai fatto tu?

hai un pds a livelli?

Inviato
  • Autore

Si con gimp ho creato i livelli, ma non mi pare di aver salvato anche quelli, nel senso, quando ho creato il png i livelli sono stati incollati tutti in fondo, però per curiosità riprovo a salvare e vedo le opzioni, può essere causa anche dell'interlacciamento?

Inviato

in teoria png non dovrebbe avere interlacciamento

Inviato
  • Autore

A proposito che intendi per impostare le due larghezze uguali? io ho solo caricato con i px del logo che ho scaricato dal tuo sito.

Ho rinominato il logo, centra per caso anche quello?

Inviato

quale logo hai scaricato dal mio sito???? :)

io non ti ho fatto nessun logo. l'unica cosa che ti avevo allegato è una skin di base aggiornata all'ultima vesione di IP.Board

Inviato
  • Autore

Intendo quello farodellavita.zip, io lo chiamo logo, ma forse è meglio chiamarlo sfondo intestazione.

Comunque ho creato il logo aulla base di quelle "misure" 465 x 100 px.

Inviato

quella è la skin standard, che dentro ha tutte le immagini, tra cui il logo di base che ha le dimensioni che hai scritto tu.

Facciamo cosi, crea un logo senza sfondo tipo quello che hai fatto, e appena possibile vedo di generare una skin, con dei colori che riprendano un po quelli del vostro sito web

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.