GDRCD 5.2 - Cambiare Sfondo di Chat e di Scheda

GDRCD 5.2 - Cambiare Sfondo di Chat e di Scheda postato il 03/08/2015 15:06:40 nel forum programmazione, open source e hosting

Salve a tutti, chiedo scusa se la domanda sembrerà un pò stupida e non ho trovato altri thread dedicati. Non riesco a capire come cambiare lo sfondo della scheda dei personaggi e della chat dal CSS. Ho fatto diverse prove incasinando tutto. (Ma fortunatamente potevo tornare al punto di partenza). Questo tipo di Modifica sarebbe utile a rendere più leggibili i testi inviati sia in scheda che nelle chat di gioco. Grazie anticipatamente

03/08/2015 15:25:16 e modificato da norm il 03/08/2015 15:25:39

Ti consiglio di usare l'estensione "Firebug" per Firefox o Chrome, che ti permette di visualizzare il codice e il css della pagina, e fare piccole modifiche temporanee per vederne l'anteprima immediata.

Suppongo che tu abbia mantenuto il tema iniziale di gdrcd, ossia il tema "advanced". Nella cartella /themes/advanced/imgs/ trovi tutte le immagini usate sul gdr, sfondi compresi se ce ne sono, che puoi cambiare semplicemente sovrascrivendole con il tool di upload dell'hosting che usi.
Analogamente nella cartella /themes/advanced/ trovi i vari file css che compongono lo stile del tema. Una volta individuata la sezione di pagina (un div, ad esempio) e la relativa posizione della classe di stile con firebug, puoi aprire il file css e modificarla.
Per quanto riguarda il background usa i comandi css seguenti:

background-color: colore o codice colore dello sfondo;
background-image: url("link immagine");
color: colore o codice colore del testo;

03/08/2015 15:42:38

il riquadro specifico dei messaggi della chat si trova a riga 24 di chat.css

div.chat_box{
position:absolute;
top:50px;
bottom:120px;
left:10px;
right:10px;

overflow: auto;
font-size: 16px;
text-align:left;
}

quello della scheda è invece a riga 9 di scheda.css:

div.pagina_scheda{
margin-left: auto;
margin-right: auto;
width: 520px;
}

Attenzione però che nel gdrcd gli sfondi di tutte le pagine caricate nel riquadro principale sono trasparenti e prendono lo sfondo da questro div:

div.output{
position:absolute;
top:0;
bottom:0;
right:0px;
left:0px;
width:auto;
overflow:auto;
text-align:center;
background:url("imgs/main_bg.jpg") no-repeat top center #b9b9b9;
}

che si trova in main.css a riga 124.

Per capire facilmente dove sono gli stili da modificare nei css, i browser ti offrono degli strumenti di sviluppo che facilitano molto il compito.

Su Firefox, Chrome, Opera, con Ctrl + Maiusc + i attivi gli strumenti di sviluppo.

03/08/2015 16:41:14

vi ringrazio moltissimo..ora provo ad utilizzare i vostri suggerimenti e poi vi dico^^.
Beh diciamo che non uso Advanced ma Basic, perchè visto che avevo la versione iniziale, invece di rifare tutto da capo ho importato la versione basic ^^

05/08/2015 10:55:04

Ho seguito i vostri consigli, e credo proprio di aver risolto il problema, vi ringrazio molto ^^