Come fare una pelle CSS ufficiale

June 21

Se si dispone di un account premium su deviantART, una delle tante funzioni disponibili è la capacità di applicare una skin personalizzata per il vostro giornale usando i CSS. È possibile installare più pelli e utilizzare le pelli differenti per le diverse voci del diario. Non è necessario scrivere una mano; deviantART ha diversi disponibili per l'installazione senza codice. Se si preferisce progettare il proprio, è possibile scrivere il CSS manualmente o utilizzare un generatore progettato appositamente per le pelli rivista deviantART. Tutto ciò che serve è una comprensione di stile CSS e un editor di testo per creare la propria pelle.

istruzione

1 Crea la tua pelle rivista prima in un editor di testo. editor di testo integrato di DeviantART per pelli non è così conveniente per la costruzione di codice come un editor di testo standard, né vi darà la possibilità di salvare il lavoro al computer.

2 Definire la forma della vostra voce di diario con la creazione di codice per la ".journalbox" di classe. Ogni altro elemento è definito all'interno di questa classe, che comprende l'intera voce di diario. Ad esempio, se si voleva un bordo nero a tre pixel, si dovrebbe aggiungere:

.journalbox {border: 3px solid # 000000; }

3 Modificare la parte superiore della voce di diario, che contiene il titolo del tuo voce di diario e la data in cui è stato pubblicato, con l'aggiunta di styling per .journaltop:

.journaltop {background: # 000000; colore: #FFFFFF; }

È inoltre possibile modificare il titolo della voce di diario separatamente con .journalbox h2:

.journalbox h2 {color: #FCFCFC; font-size: 40px; text-align: center; }

4 Cambiare il colore dei tuoi URL modificando .journalbox un:

.journalbox a {color: # E4AE4A; }

Se volete un altro colore al passaggio del mouse, è possibile aggiungere a: hover:

.journalbox a: hover {color: #FFFFFF; }

È inoltre possibile impostare i collegamenti di commento ad avere un colore diverso:

a.commentslink .journalbottom {color: # AE7AE7; }

È possibile modificare il colore del collegamento per i collegamenti visitati (.journalbox a: visited, a.commentslink .journalbottom: visited) e dei collegamenti attivi (.journalbox a: active, .journalbottom a.commentslink: attiva).

5 Modificare l'area di testo della voce di diario con .journaltext:

.journaltext {font-size: 16px; color: # 000000; background: # E8E8E8; }

6 Lo stile voci di stato - la "Ascolto", "Watching" e altri oggetti - con l'aggiunta di .list Li:

.list li {style: none; sfondo: trasparente; }

Modificare i colori dei collegamenti:

.list li a {color: # 000000; }

7 Copiare il CSS per una skin personalizzata andando alla pagina ufficiale e cliccando su "New Journal Entry". Scegliere la pelle corrente e fare clic su "Modifica della pelle." Incollare il CSS nella casella di testo "CSS Skin". È possibile aggiungere un'intestazione personalizzata e un piè di pagina personalizzato in questa pagina pure. Questi vengono aggiunti sopra il testo ufficiale, ma sotto il titolo della rivista e, soprattutto, i collegamenti commenti.

8 Fai clic su "Applica". Questo mostrerà lo stile personalizzato sulla pagina di entrata. Sarà una semplice interfaccia personalizzata, anche se più avanzato CSS può creare skin più complesse. È possibile modificare i dati direttamente nello stile. Quando sei pronto per l'uso, fare clic su "Pubblica Entry".

Consigli e avvertenze

  • È possibile creare e installare una pelle rivista personalizzata, anche se non si dispone di un abbonamento Premium su deviantART, ma non sarà in grado di usarlo.
  • Se hai inserito alcuna valida CSS, la pelle personalizzato sarà di default per la pelle normale e vedrete l'avviso "Errore CSS" sopra la pelle Journal.