1. NextGameOver  
        Mi trovi su: Homepage #5931783
    <code></code> Salve, visto che molti hanno problemi con alcune scelte cromatiche del stio e del forum, spiegherò brevemente come "cambiare" il sito grazie a

    Stylish, applicazione di FireFox che utilizza il linguaggo CSS.

    Per prima cosa scaricate Stylish qui:
    https://addons.mozilla.org/it/firefox/addon/stylish/

    Uno volta installato lasciate perdere lo Scan richiesto e chiudete la scheda.
    Ora create un nuovo stile andando in Strumenti->Componenti Aggiuntivi->Stili Utente->Nuovo Stile...
    Metteteci il nome che volete e nello spazio bianco più ampio incollate i seguenti codici in base ai vari stili:

    Finestre dei post Bianche con quote Grigi e font Nero (da usare sulla versione Bianca di Videogame.it):
    Anteprima:


    Codice:

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/forum/t'){
    div.forum_text { color:black !important; background-color: white !important; }
    blockquote { background-color: #eee !important; }
    }


    Finestre dei post Grigie con quote Grigio Chiaro e font Bianco (da usare sulla versione Nera di Videogame.it):
    Anteprima:


    Codice:

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/forum/t'){
    div.forum_text { color:white !important; background-color: #333 !important; }
    blockquote { background-color: #555 !important; }
    }


    Finestre delle News, Articoli ecc. Bianche e font Nero (da usare sulla versione Bianca di Videogame.it):
    Anteprima:


    Codice:

    @-moz-document domain('videogame.it'),
    url-prefix('http://www.videogame.it'){
    .article{background: white !important;color: black !important;}
    }


    Finestre delle News, Articoli ecc. Grigie e font Bianco (da usare sulla versione Nera di Videogame.it):
    Anteprima:


    Codice:

    @-moz-document domain('videogame.it'),
    url-prefix('http://www.videogame.it'){
    .article{background: #333 !important;color: white !important;}
    }


    Forum a tutto schermo, con barra laterale destra spostata a fondo pagina:
    Anteprima:


    Codice:

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/forum/b'){
    div#content { margin-left:20px !important; width: 1180px !important; }
    }

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/forum/t'){
    div#content { margin-left:20px !important; width: 1160px !important; }
    }


    News in Homepage spostate a sinistra:
    Anteprima:


    Codice:

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it'){
    div#content { margin-left:5px !important;}
    }

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/'){
    div.left600{ float:right !important; position:relative; left: 5px; }
    }


    -----------------------------------------------------------------------------------------------------------------------------------------

    Ringrazio kuropon per aver creato i suddetti codici, senza di lui non avrei fatto un tubo vista la mia totale ignoranza in materia ^^
    Per ora ho solo questi, se riesco a mettermi d'accordo con kuropon vedremo di inserire altre "feature" stilose.
    Dimenticavo, i vari codici si possono combinare, ecco un esempio:

    Finestre dei post Bianche con quote Grigi e font Nero + News in Homepage spostate a sinistra:

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/forum/t'){
    div.forum_text { color:black !important; background-color: white !important; }
    blockquote { background-color: #eee !important; }
    }

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it'){
    div#content { margin-left:5px !important;}
    }

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/'){
    div.left600{ float:right !important; position:relative; left: 5px; }
    }


    -----------------------------------------------------------------------------------------------------------------------------------------

    Se invece volete personalizzare i colori dei font, dei quote e delle finestre dei post, ecco come fare.
    Vi dovrete servire di questi due siti:

    http://www.seoconsultants.com/css/colors/rgb

    http://colorschemedesigner.com/

    Nel primo troverete una semplice scala RGB ed una dei grigi, utile per cambiare i colori dei font e degli sfondi senza stravolgere troppo l'estetica del forum.
    Il secondo sito, invece, permette di usare delle palette complete dove andare a pescare qualsiasi colore vogliate usare.

    Ecco spiegata una stringa del primo sito:

    .bgfff{color:#111;background:#fff;}

    I colori sono denominati da numeri e lettere, e sono quelli dopo il cancelletto (#).
    In questo casto "111" è il colore del font (ossia il nero) ed "fff" è quello dello sfondo (ossia il bianco).

    Lo stessa cosa è per il secondo sito, una volta scelto il colore lasciate la freccia su quest'ultimo ed uscirà un codice, ad esempio "#FF7800" (arancione).

    Ora prendiamo la serie di stringhe che vi ho dato per rendere lo sfondo dei post bianchi ed i quote grigi e facciamogli qualche modifica:

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/forum/t'){
    div.forum_text { color: #1533AD !important; background-color: #FF7800 !important; }
    blockquote { background-color: #FF0000 !important; }
    }


    Come potete notare ho cambiato i colori di tre fattori, ecco spiegato quali e cosa significano:

    Questo è il colore del testo: #1533AD (blu)
    Questo è il colore dello sfondo del post : #FF7800 (arancione)
    Questo è il colore dello sfondo del quote : #FF0000 (rosso)

    In pratica basta cambiare questi 3 codici in base ai propri gusti per avere un forum personalizzato.
    Volendo potete scegliere di avere un colore diverso del testo anche per il quote, basta cambiare la stringa del "blackquote":

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/forum/t'){
    div.forum_text { color: #1533AD !important; background-color: #FF7800 !important; }
    blockquote { color: #53DF00 !important; background-color: #FF0000 !important; }
    }


    Noterete che ho aggiunto una definizione "color" nella stringa del "blackquote", così ora il testo del quote sarà verde (#53DF00).

    Si, l'esempio ha dei colori volutamente osceni accostati tra di loro XD

    -----------------------------------------------------------------------------------------------------------------------------------------

    Aggiungo una nota IMPORTANTE, questi codici sono basati su una risoluzione di 1280x1024, se avete problemi nella visualizzazione dei temi provate a cambiare i numeri dei pixel, ecco come spostare i margini per il "tema" che posizione le news a sinistra:

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it'){
    div#content { margin-left:5px !important;}
    }


    Cambiate il numero il alto accanto a "px" per aumentare il margine sinistro:

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/'){
    div.left600{ float:right !important; position:relative; left: 5px; }
    }


    Cambiate il numero accanto a "px" aumentandolo o diminuendolo usado il segno " - ", ad esempio "-5".
    Più lo aumentate e più diminuirà il magine destro della pagina.

    A parole sembra complicato ma basta fare delle prove per poi cliccare su "Visualizza Anteprima" e vederne il risultato.

    Per abilitare rapidamente i vari stili cliccate sull'icona a forma di "S" nella pagina in basso a destra, sotto la barra laterale, e selezionate lo stile che preferite.

    Se avete problemi chiedete pure, nei miei limiti cercherò di dare una mano.

    Aggiungo un'importante nota di Cyr:
    "Ciao,
    mi dispiace fare l'uccellaccio del malaugurio, ma vi ricordo che tutte queste modifiche (stylish, greasmonkey etc) NON SONO SUPPORTATE e non possiamo supportarle. Se qualcosa non funziona, sono fatti vostri :)
    "
  2. NextGameOver  
        Mi trovi su: Homepage #5931876
    njoeBella idea.
    Vorrei sperimentare un po' coi colori e farò delle prove personali, ma se qualcuno postasse una lista dei colori che è possibile sostituire al posto di "white", "333", ecc. farebbe cosa gradita.

    Giusto, mi son dimenticato, ecco i lin per cambiare i colori:


    http://www.seoconsultants.com/css/colors/rgb

    http://colorschemedesigner.com/


    Ora li aggiungo nel primo post e spiego un po' come fare.
  3. abra-che cazzo-cadabra  
        Mi trovi su: Homepage #5931961
    SixelAlexiS[quote="njoe"]Bella idea.
    Vorrei sperimentare un po' coi colori e farò delle prove personali, ma se qualcuno postasse una lista dei colori che è possibile sostituire al posto di "white", "333", ecc. farebbe cosa gradita.
    Giusto, mi son dimenticato, ecco i lin per cambiare i colori:


    <a href="http://www.seoconsultants.com/css/colors/rgb" target="_blank" rel="nofollow">http://www.seoconsultants.com/css/colors/rgb</a>

    <a href="http://colorschemedesigner.com/" target="_blank" rel="nofollow">http://colorschemedesigner.com/</a>


    Ora li aggiungo nel primo post e spiego un po' come fare.



    ecco il mio risultato, ho aggiunto la specifica del colore del testo del quote. mi piace ^^
    | || ||| ||||
    All men dream, but not equally.

  4. abra-che cazzo-cadabra  
        Mi trovi su: Homepage #5931963
    ah, se dovesse piacervi la mia soluzione, ecco il codicillo, versione bianca del sito:
    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/forum/t'){
    div.forum_text { color:black !important; background-color: white !important; }
    blockquote { color:white !important; background-color: #777 !important; }
    }
    | || ||| ||||
    All men dream, but not equally.
  5. NextGameOver  
        Mi trovi su: Homepage #5932093
    Ok, inserita la parte riguardante la personalizzazione dei colori... si lo so, è spiegata da cani, ma non sono riuscito a fare di meglio anche perchè non è che sono ferrato in materia, spero che si capisca almeno qualcosa.
    Ho sistemato anche il post, ora è completo, quella parte in alto al forum è un refuso a cui non posso metter mano.
  6.     Mi trovi su: #5932250
    sixel, non so se funziona o se è utile, ma ti consiglio di utilizzare i tag "code" per le istruzioni javascript che metti nel primo post... in questo modo dovresti "isolarle" dall'esecuzione del codice del forum stesso e probabilmente potresti evitare gli errori di visualizzazione in alto.

    prova, tentar non nuoce
  7. conferenza  
        Mi trovi su: Homepage #5932382
    Melchiomi risp da solo....per chrome c'è la stessa identica estensione.ho provato,incollo il codice e creo il tema ma non mi cambia la visualizzazione,come mai?
    Nel codice che hai copiato c'è scritto "@-moz", mi sa che va bene per Mozilla (Firefox), nel caso di Chrome ci sarà un codice diverso...
    Non dovrebbe essere difficile risolvere il problema, tra le opzioni di Stylish su FF c'è anche "Crea uno stile" > "per questo URL...". Penso che su Chrome non sia divero, e credo che cliccandoci dovrebbe comparire automaticamente il codice per Chrome. Non sono un esperto di questo add-on, quindi non saprei cos'altro suggerire, ma penso che facendo delle prove dovresti riuscire a risolvere. ^^
  8. Utente non attivo.  
        Mi trovi su: Homepage #5932423
    njoeNel codice che hai copiato c'è scritto "@-moz", mi sa che va bene per Mozilla (Firefox), nel caso di Chrome ci sarà un codice diverso...
    Non dovrebbe essere difficile risolvere il problema, tra le opzioni di Stylish su FF c'è anche "Crea uno stile" > "per questo URL...". Penso che su Chrome non sia divero, e credo che cliccandoci dovrebbe comparire automaticamente il codice per Chrome. Non sono un esperto di questo add-on, quindi non saprei cos'altro suggerire, ma penso che facendo delle prove dovresti riuscire a risolvere. ^^


    è no ho visto sul web e son proprio codici diversi nonostante l'app sia identica
  9. NextGameOver  
        Mi trovi su: Homepage #5932425
    babazsixel, non so se funziona o se è utile, ma ti consiglio di utilizzare i tag "code" per le istruzioni javascript che metti nel primo post... in questo modo dovresti "isolarle" dall'esecuzione del codice del forum stesso e probabilmente potresti evitare gli errori di visualizzazione in alto.

    prova, tentar non nuoce
    ok, provo, il problema è che devo incollare ogni santa volta tutto il post perchè scompare ad ogni edit, faccio prima una prova qui:

    @-moz-document domain('videogame.it'), url-prefix('http://www.videogame.it/forum/t'){
    div.forum_text { color:black !important; background-color: white !important; }
    blockquote { background-color: #eee !important; }
    }

  ► Come personalizzare Videogame.it

Commenta

Per scrivere su Videogame.it devi essere registrato!

         

Online

Ci sono 0 ospiti e 0 utenti online su questa pagina