La data/ora di oggi è Mar 19 Mar 2024 - 5:35

15 risultati trovati per "FFFFFF"

Rendi il tuo forum accessibile alle persone con disabilità

Rendi il tuo forum accessibile alle persone con disabilità


Lo scopo di questo suggerimento è di presentarti USER WAY, un servizio che offre l'installazione di un widget sul tuo forum Forumattivo per migliorare l'esperienza utente delle persone con disabilità, in conformità con WCAG (Linee guida per l'accessibilità dei contenuti Web) standard. definizione delle linee guida per l'accessibilità dei contenuti web. Questo widget offre molte opzioni come evidenziare gli elementi della pagina, evidenziare i link, ingrandire il testo, ecc. USER WAY è la soluzione per rendere il tuo forum più inclusivo!

Spoiler:


Nell'immagine sopra, Forumattivo aveva installato il widget sulla pagina HTML dell'evento di Natale 2021. Come puoi vedere, un pulsante (installato a destra) ti permette di aprire un widget con le diverse opzioni di accessibilità senza dover modificare una sola riga di codice per rendere il suo forum più inclusivo.

Ottieni il widget USERWAY

L'ottenimento del widget avviene direttamente sul sito USER WAY:
Ottieni UserWay ora  https://userway.org/get/

Innanzitutto, devi registrarti per poter registrare i forum su cui installerai il widget. Due possibilità di registrazione: o tramite un indirizzo e-mail valido, oppure tramite un servizio (Google, Facebook e LinkedIn).

Spoiler:


In secondo luogo, devi aggiungere i forum su cui installerai il widget. Inserisci un indirizzo, quindi fai clic sul pulsante "Aggiungi". Una volta completato, fai clic sul link (in fondo alla pagina) "Salta e ottieni il widget di accessibilità gratuito":

Spoiler:


In terzo luogo, devi recuperare il codice Javascript per il tuo widget! Utilizzeremo lo script di base. Fare clic sul pulsante "Copia" per copiare il codice.

Spoiler:


Installa il widget sul tuo forum Forumattivo

Sono offerti due metodi di installazione: un'installazione semplice e uno avanzato. Scegli solo una delle due modalità.

Installazione semplice

Andiamo verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice javascript, assicuriamoci che la gestione sia attivata e creiamo un nuovo codice con queste impostazioni:

  • Titolo: a tua scelta
  • Dove: tutte le pagine
  • Codice:
    Codice:
    (function(d){var s = d.createElement("script");s.setAttribute("data-account", "ID_SCRIPT_USERWAY");s.setAttribute("src", "https://cdn.userway.org/widget.js");(d.body || d.head).appendChild(s);})(document);



Semplice configurazione dello script
data accountQuesto passaggio di personalizzazione è obbligatorio!
Questo serve per compilare l'identificatore (ID) dell'account USERWAY che hai creato. Questo identificatore viene fornito nello script durante il terzo passaggio presentato in 1. di questo tutorial:
Spoiler:


Quindi, sostituire ID_SCRIPT_USERWAY con il tuo ID, incorniciato in rosso nello screenshot qui sopra.



Fai clic sul pulsante Invia per salvare le modifiche.

Il widget è ora funzionante sul tuo forum. Tuttavia, a seconda della personalizzazione di quest'ultimo, dovrai probabilmente adattare la sua posizione per quanto riguarda la presenza della ToolBar, ad esempio. A tale scopo, puoi semplicemente configurare il posizionamento del pulsante con CSS:



andando verso Pannello di amministrazione ► Visualizzazione ► Immagini & CSS ► Gestione del foglio di stile CSS
Codice:
body .uwy #userwayAccessibilityIcon {
   /* Move the button down from your forum header */
    margin-top: 23px;
 /* Allows to shift the button to the left from the header of your forum */
     margin-left: -6px;
}


Fai clic sul pulsante Invia per salvare le modifiche.


Configurazione avanzata

Andiamo verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice javascript, assicuriamoci che la gestione sia attivata e creiamo un nuovo codice con queste impostazioni:
  • Titolo: a tua scelta
  • Dove: tutte le pagine
  • Codice:
    Codice:
    (function(d) {
     var s = d.createElement("script");
     /* Allows you to enter the identifier (ID) of your script */
     s.setAttribute("data-account", "ID_SCRIPT_USERWAY");
     /* Allows you to define the size of the icon (two possibilities: small (small) or large (large)*/
     s.setAttribute("data-size", "large");
     /* Allows you to define the color of the accessibility button (enter a hexadecimal color code) */
     s.setAttribute("data-color", "#2d68ff");
     /* Change the image of the icon (four possibilities: person: "1"; armchair: "2"; eye: "3"; text "4") */
     s.setAttribute("data-type", "2");
     /* Allows to define the default menu language (french (fr), english (en), spanish (es), german (de), portuguese (pt) ...) */
     s.setAttribute("data-language", "en");
     /* Allows the widget to adapt to the mobile version (two possibilities: "true" (yes), "false" (no)) */
     s.setAttribute("data-mobile", true);
     /* Do not modify the information below */
     s.setAttribute("src", "https://cdn.userway.org/widget.js");
     (d.head).appendChild(s);
    })(document);


Lo script sopra è più completo di quello proposto nella versione semplice.

Panoramica delle opzioni disponibili
data accountQuesto passaggio di personalizzazione è obbligatorio! Questo serve per inserire l'identificatore (ID) dell'account USERWAY che hai creato. Questo identificatore viene fornito nello script durante il terzo passaggio presentato in 1. di questo tutorial:
Spoiler:


Quindi, sostituite ID_SCRIPT_USERWAY con il tuo ID, incorniciato in rosso nello screenshot qui sopra.
data sizeImposta la dimensione del pulsante di accessibilità. Questa opzione può assumere solo due valori: small (small and large ).
data colorImposta il colore di sfondo del pulsante di accessibilità. Il colore deve essere un codice esadecimale, come #FFFFFF .
data typeImposta l'immagine del pulsante di accessibilità. Questa opzione può assumere quattro valori: 1 (person); 2 (armchair); 3 (eye) and 4 (text: Accessibility menu).
data languageConsente di definire la lingua dell'utilità predefinita. Questa opzione può assumere molti valori:fr (French), en (English), es (Spanish), de (German), pt (Portuguese) ...
mobile-dataConsente al widget di adattarsi alla versione mobile. Questa opzione può assumere due valori: true (si, per attivare) e false (no, per disattivare). Si consiglia di lasciare il valore come true .


Non dimenticare di fare clic sul pulsante Invia per salvare le modifiche.

Il widget è ora funzionante sul tuo forum. Tuttavia, a seconda della personalizzazione di quest'ultimo, dovrai probabilmente adattare la sua posizione per quanto riguarda la presenza della ToolBar, ad esempio. A tale scopo, puoi semplicemente configurare il posizionamento del pulsante con CSS:


andando verso Pannello di amministrazione ► Visualizzazione ► Immagini & CSS ► Gestione del foglio di stile CSS, inseriamo:

Codice:
body .uwy #userwayAccessibilityIcon {
   /* Allows to shift the button down from the header of your forum */
    margin-top: 23px;
   /* Allows to shift the button to the left from the header of your forum */
     margin-left: -6px;
}


Non dimenticare di fare clic sul pulsante Invia per salvare le modifiche.

Da Niko
il Sab 30 Lug 2022 - 14:54
 
Cerca in: Plugin e Funzionalità aggiuntive
Argomento: Rendi il tuo forum accessibile alle persone con disabilità
Risposte: 0
Visite: 234

bottoni "rispondi, nuovo argomento "

Tipo di creazione : Bottoni
Dimensioni : N/A
Colore principale : #FF0017
Colore secondaro : #FFFFFF
Immagini da includere :
Images:

Testo da inserire : NUOVO ARGOMENTO
Font (carattere testo) : N/A
Font Color : #FFFFFF
Link al tuo forum forumattivo: http://www.tifosidelbari.com/
Username on the forum : Colins
Descrizione dettagliata : Salve vi chiedo gentilmente di creare dei bottoni "rispondi, nuovo argomento " inerenti al mio forum. Magari se potete creare un paio di esempi. Grazie
Da Colins
il Gio 11 Lug 2019 - 19:55
 
Cerca in: Richieste grafiche completate
Argomento: bottoni "rispondi, nuovo argomento "
Risposte: 6
Visite: 1569

scritte barra navigazione

Tipo di creazione : Altro
Dimensioni : 58x19
Colore principale : #FFFFFF
Colore secondaro : #DFD3D3
Immagini da includere : http://www.hosting.universalsite.org/image-scritte-8370_58B19AC8.png


[/spoiler]
Testo da inserire : tutte le scritte presenti nelle immagine
Font (carattere testo) : comedafoto o molto simile
Font Color : #FFFFFF
Link al tuo forum forumattivo: http://.
Username on the forum : .
Descrizione dettagliata : ho bisogno di inserire delle scritte come quelle che ho postato
il colore sempre bianco , l importante che le scritte siano tutte con lo sfondo trasparente perche le dovro integrare in una corice.
Da whiteangel__
il Sab 25 Feb 2017 - 16:03
 
Cerca in: Richieste grafiche completate
Argomento: scritte barra navigazione
Risposte: 7
Visite: 1942

Tema mobile: una continua evoluzione

Visualizza tutte le modifiche da effettuare sui templates mobile:
Da Niko
il Mer 21 Set 2016 - 15:56
 
Cerca in: Avvisi ed aggiornamenti
Argomento: Tema mobile: una continua evoluzione
Risposte: 10
Visite: 4952

banner per il mio forum

Tipo di creazione : Banner
Dimensioni : N/A
Colore principale : #F61313
Colore secondaro : #FFFFFF
Immagini da includere :
Images:

Testo da inserire : TIFOSIDELBARI.COM
Font (carattere testo) : N/A
Font Color : #F20000
Link al tuo forum forumattivo: http://www.tifosidelbari.com/
Username on the forum : Colins
Descrizione dettagliata : Salve ragazzi, vorrei un aiutino per un banner , mi avete gia' aiutato in passato per il banner , ma vorrei cambiarlo .(da inserire nel logo forum)
Grazie
Da Colins
il Gio 11 Ago 2016 - 13:04
 
Cerca in: Richieste grafiche completate
Argomento: banner per il mio forum
Risposte: 7
Visite: 1765

banner per il mio forum

Tipo di creazione : Banner
Dimensioni : 100x100
Colore principale : #F61313
Colore secondaro : #FFFFFF
Immagini da includere :
Images:

Testo da inserire : TIFOSIDELBARI.COM
Font (carattere testo) : Morbida
Font Color : #F20000
Link al tuo forum forumattivo: http://www.tifosidelbari.com/
Username on the forum : Colins
Descrizione dettagliata : Salve vorrei qualcosa di nuovo per il forum, dopo 7 anni, potete darmi una aiutino.
il testo lo vorrei rosso esterno e bianco all' interno.
grazie

Da Colins
il Ven 18 Mar 2016 - 19:39
 
Cerca in: Richieste grafiche completate
Argomento: banner per il mio forum
Risposte: 10
Visite: 1721

Modificare la grandezza dei caratteri del titolo dei forum nella home

:bene:  the crow,

ho da fare delle verifiche più approfondite ma penso che adesso ci siamo :good: 

L'unico cosa è che con il tuo codice che ho inserito nel css il testo del forum con solo la descrizione veniva così:
Hashtag ffffff su Forum dei Forum: Aiuto per Forumattivo 2lw3jg1

e allora al posto del color.... bla, bla, bla ho inserito il classico #FFFFFF ed adesso sembra che vada tutto bene.

Faccio verifiche in questi giorni e se va tutto bene chiudo.

Grazie ciao!
Da saxismawe
il Sab 20 Giu 2015 - 19:21
 
Cerca in: I problemi risolti con l'aspetto del forum
Argomento: Modificare la grandezza dei caratteri del titolo dei forum nella home
Risposte: 11
Visite: 2043

Modificare la grandezza dei caratteri del titolo dei forum nella home

Niko Grazie del codice css

Codice:
dl > dd.dterm > div > h3 > a.forumtitle {
//* contenuto
}


ma ancora non ho provato poiché non ho ben capito come inserisco tutte le variabile che vorrei mettere... tipo:

  • font-weight:700
  • font face="Verdana"
  • color="#FFFFFF"
  • font-size:19px

presumo in //* contenuto, ma in che forma?

ciao!
Da saxismawe
il Gio 18 Giu 2015 - 17:27
 
Cerca in: I problemi risolti con l'aspetto del forum
Argomento: Modificare la grandezza dei caratteri del titolo dei forum nella home
Risposte: 11
Visite: 2043

bottone del menù di navigazione

Tipo di creazione : Barra di navigazione
Dimensioni : N/A
Colore principale : N/A
Colore secondaro : N/A
Immagini da includere :
Images:

Testo da inserire : Pokè Chat
Font (carattere testo) : N/A
Font Color : #FFFFFF
Link al tuo forum forumattivo: http://pokemonworldcommunit.italiaforum.net/
Username on the forum : Alex2000
Descrizione dettagliata : Ciao @Sogniriflessi . Questa è veramente l'ultimissima. Serve solo il bottone del Menù di Navigazione della mia Chat99 che ho appena creato. Mi serve solo quello. Lo stesso stile degli altri. Uguale. Si può fare ?
Da Alex2000
il Mer 17 Giu 2015 - 11:07
 
Cerca in: Richieste grafiche completate
Argomento: bottone del menù di navigazione
Risposte: 3
Visite: 1199

Richiesta Grafica Bottoni

Tipo di creazione : Bottoni
Dimensioni : 119x37
Colore principale : #0066FF
Colore secondaro : #00E3FF
Immagini da includere :
Images:

Testo da inserire : New Topic, Rispondi, Chiuso, Citazione, Citazione Multipla, Citazione Multipla ( selezionata), Grazie, Grazie ( quando è gia stato ringraziato ), Modifica, Cancella e Indirizzo IP
Font (carattere testo) : N/A
Font Color : #FFFFFF
Link al tuo forum forumattivo: http://pokemonworldcommunit.italiaforum.net/
Username on the forum : Alex2000
Descrizione dettagliata : allora, vorrei che si facessero quei bottoni che ho scritto, e quando c'era scritto qualcosa in parentesi non lo vorrei scritto nel bottone, ma è solo per far capire, tipo Grazie, Grazie ( quando è stato gia ringraziato ), cioè un modo per far capire che è stata fatta quella cosa nella parentesi. stessa cosa per citazione multipla. Allora ho selezionato del colori per i bottoni Blu e celeste dato che ora è questo lo stile del mio forum, però non usare per forza quei colori precisi, cioè dei colori che stiano vicino a quelli. la scritta credo vada bene bianca. per quanto riguarda le dimensioni, non sapevo cosa fare, quindi ho fatto una dimensione così un po casuale, perchè vorrei che decidessi tu la dimensione per come va meglio. possibilmente i bottoni farli più piccoli di come si vedono ora sul mio forum, troppo grandi danno fastidio. ciao!
Da Alex2000
il Dom 24 Mag 2015 - 10:03
 
Cerca in: Richieste grafiche completate
Argomento: Richiesta Grafica Bottoni
Risposte: 7
Visite: 1326

come cambiare l'icona

Ecco:

#repu { margin:2px 0; }
.repuBlock {
    height:8px;
    width:8px;
    background:#0A0;
    border:1px solid #080;
    -webkit-border-radius:2px;
      -moz-border-radius:2px;
            border-radius:2px;
    -webkit-box-shadow:0 3px 3px #0C0 inset;
      -moz-box-shadow:0 3px 3px #0C0 inset;
            box-shadow:0 3px 3px #0C0 inset;
    display:inline-block;
    margin:0 0.5px;

}
.bodyline {
background-color: transparent!important;
border: none!important;
}

body.chatbox {
background-image: url(http://pokemon.wikia.com/wiki/Charizard?file=MCharizard_X%2526amp%253BY_artwork_2.jpg);
background-color: #ffffff;
}


body.chatbox {
background-color: #e8e9ea!important;
}
#wrap {
width: 90%;
}
.mini_ava2 > img {
    height: 20px;
    margin-right: 5px;
    width: 20px;
}

#fa_ticker_block, #page-body {
width: 100%;
margin: 0 auto;
  }

html {
overflow-x: hidden;
}
Da Alex2000
il Ven 13 Mar 2015 - 17:49
 
Cerca in: I problemi risolti con l'aspetto del forum
Argomento: come cambiare l'icona
Risposte: 33
Visite: 3016

Modifiche della grafica del profilo/messaggi

Ciao @Roke. :good:

proverò a risponderti per punti Wink
Roke. ha scritto:1- Come si mette una tabella per il profilo di ogni utente in ogni discussioni? Ad esempio qui c'è una tabelletta

qui dipende da che risultato vuoi ottenere (bordo, sfondo, etc..) :bene:

Roke. ha scritto:2- Come si modifica lo sfondo dei messaggi di ogni discussioni, nel mio forum c'è un bianco troppo banale

Dipende se vuoi inserire un'immagine oppure un colore (tinta unica).. per esempio puoi inserire questo css andando verso Pannello di amministrazione ► Visualizzazione Immagini e colori ► Colori ► Foglio di stile css:
Codice:
.pun .postmain {
background-color: #ffffff;
background-image: url(LINK);
}

dove devi sostituire LINK con il link della tua immagine, oppure sostituire #ffffff con il colore di sfondo; e alla fine :new: salva le modifiche

Roke. ha scritto:3- Come si mette l'immagine dove si scrive i messaggi? Ad esempio qui ci sono le due bolle di fumetto

Ti fornisco il codice che usiamo su questo forum di assistenza, dovrebbe funzionare :bene:

Vai nel tuo foglio di stile CSS e aggiungi in fondo al foglio questo codice
Codice:
.sceditor-container iframe, .sceditor-container textarea {
background: url(LINK)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}


dove devi sostituire LINK con il link della tua immagine e alla fine :new: salvare le modifiche

Fammi sapere :thanks: :zen:
Da Niko
il Lun 9 Mar 2015 - 13:57
 
Cerca in: I problemi risolti con l'aspetto del forum
Argomento: Modifiche della grafica del profilo/messaggi
Risposte: 14
Visite: 1384

Alcuni codici CSS non funzionano dopo una modifica: errore?

.Hashtag ffffff su Forum dei Forum: Aiuto per Forumattivo HURHAdp.Caro utente,

Ricordati che non è consentito pubblicare doppi post consecutivi se non separati da almeno 24h Wink
Se vuoi aggiungere, togliere o aggiornare delle informazioni esiste il bottone Hashtag ffffff su Forum dei Forum: Aiuto per Forumattivo Editer15

Ci vediamo su Forumattivo Wink


facciamo che ti evidenzio gli errori, perchè non vorrei magari mettere un'immagine dove non dovrebbe Embarassed

prima parte
th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
border:;

}

a:hover{
text-decoration: !important;
color :https://2img.net/h/oi60.tinypic.com/29qlab8.png);

}
hr{
height: 0;
border: #eed681;
border-top-width: 1px;
}

.bodyline{
background: url(;
.border:3px #ffffff dotted

} #ffffff
.bodylinewidth {
width 83%;
}
forumline{
background-color: #ffffff;
border: 3px #ffffff ;
}


th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #C7DDDE;
border-style: ;


/*height: 20px;
*/

}

td.row3Right,td.spaceRow {
background-color :#996633
border: #d7f1d4;
border-style: ;
}

th.thTop {
border-width: 1px 0 0;
}

.mainmenu{
font-size : 11px;
color : #000000 }

.cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color :#ffffff}

.forumlink{
font-weight: bold;
font-size: 12px;
color :#c28d3b ;
}
a.forumlink {
text-decoration: none;
color : #c28d3b;
}
a.forumlink:link {
color : #c28d3b;
}
a.forumlink:visited {
color : #6DAD90;
}
a.forumlink:active {
color : #c28d3b;
}
a.forumlink:hover{
text-decoration: underline;
color :#c28d3b;
}
.nav{
font-weight: bold;
font-size: 11px;
color : #000000;
}
a.nav{
text-decoration: none;
color : 99cc99;
}

.topictitle,h1,h2{
font-weight: bold;
font-size: 11px;
color : #000000;
}

Tutti i color : di questi
a.postlink:visited{
text-decoration: none;
color : #c28d3b;
}
a.postlink:active{
text-decoration: none;
color : #800000;
}

a.topictitle:link{
text-decoration: none;
color :#c28d3b;
}
a.topictitle:visited{
text-decoration: none;
color :#996633;
}
a.topictitle:active{
text-decoration: none;
color :#996633;
}
a.topictitle:hover{
text-decoration: underline;
color : #ffffff;
}
.name{
font-size : 11px;
color : #000000;
}

.postdetails{
font-size : 10px;
color : #000000;
}

.postbody{
font-size : 12px;
line-height: 18px}

a.postlink:link{
text-decoration: none;
color : #800000 }



a.postlink:hover{
text-decoration: underline;
color : #800000}

.code{
font-family: Courier,CourierNew,sans-serif;
font-size: 11px;
color: #006600;
background-color: #c28d3b;
border: #d7f1d4;
border-style: ;

border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.code div.cont_code {
max-height:200px;
overflow:auto;
}

.coloradmin {
color: #ffa34f}
.colormod {
color: #006600}

img{
border:0}


input.post,textarea.post,select,#text_editor_iframe,textarea.inputbox{
background-color:#ffffff}


poi gli errori sono tutti uguali.. scusa ma non posso stare delle ore a controllarlo tutto pale

riesci a darci un'occhiata tu? gli errori sono:
  • Linee vuote
    border: ;
    color: ;
    border-style: ;
  • Spazi non necessari
    color : #000000;
    color : #ffffff;
  • Immagini assegnate a color
    color: http://......
  • Mancanza di punto e virgola
    color: #000000 }
  • Valori incompleti
    border: 3px;
  • Elementi nel "vuoto"
    /*height: 20px;
    */


questi sono quelli che ho trovato nella prima parte della prima parte del css Wink
Da Niko
il Dom 4 Gen 2015 - 21:12
 
Cerca in: I problemi risolti con i codici
Argomento: Alcuni codici CSS non funzionano dopo una modifica: errore?
Risposte: 15
Visite: 2492

Personalizza la palette dei colori per l'editor

Personalizza la palette dei colori per l'editor


Definizione

Il seguente tutorial ti permetterà di creare la tua personale palette di colori da utilizzare per l'editor del tuo forum Forumattivo. Questo tutorial può essere installato su tutte le versioni presenti su Forumattivo (PhpBB2, PhpBB3, Invision e PunBB)

Hashtag ffffff su Forum dei Forum: Aiuto per Forumattivo Captur63

Installare il codice javascript

Prima di tutto andate verso Pannello di amministrazone ► Generale ► Messaggi e Email ► Configurazione, e assicuratevi che la palette sia impostata su semplice
Hashtag ffffff su Forum dei Forum: Aiuto per Forumattivo 1224310


In seguito, andate verso Pannello di amministrazone ► Moduli ► HTML & Javascript ► Gestione del codice javascript e assicuratevi che il codice javascript sia attivato
Hashtag ffffff su Forum dei Forum: Aiuto per Forumattivo Captur65

Una volta eseguito, aggiungete un nuovo codice javascript premendo sul bottone :new:
  • Titolo: Palette colori personalizzata
  • Dove: in tutte le pagine
  • Codice:
    $(function(){$(function(){
      if ($("#text_editor_textarea").length < 1) return;
      $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
        var mColorBasic = [],
        html = $('<div />');
                   
        // begin list of colors
                 
        mColorBasic["Black"] = "#000000";
        mColorBasic["Dark Blue"] = "#00008B";
        mColorBasic["Teal"] = "#008080";
        mColorBasic["Dark Green"] = "#006400";
        mColorBasic["Indigo"] = "#4B0082";
        mColorBasic["Crimson"] = "#DC143C";
        mColorBasic["Orange"] = "#FF4500";
        mColorBasic["Brown"] = "#663300";
           
        mColorBasic["Dark Gray"] = "#666666";
        mColorBasic["Royal Blue"] = "#4169E1";
        mColorBasic["Dark Turquoise"] = "#00CED1";
        mColorBasic["Green"] = "#008000";
        mColorBasic["Purple"] = "#9400D3";
        mColorBasic["Red"] = "#FF0000";
        mColorBasic["Light Orange"] = "#FF9933";
        mColorBasic["Sienna"] = "#A0522D";
           
        mColorBasic["Light Gray"] = "#D3D3D3";
        mColorBasic["Sky Blue"] = "#87CEEB";
        mColorBasic["Cyan"] = "#00FFFF";
        mColorBasic["Green Apple"] = "#32CD32";
        mColorBasic["Mauve"] = "#DA70D6";
        mColorBasic["Salmon"] = "#FA8072";
        mColorBasic["Gold"] = "#FFD700";
        mColorBasic["Light Brown"] = "#CD853F";
           
        mColorBasic["White"] = "#FFFFFF";
        mColorBasic["Pale Turquoise"] = "#AFEEEE";
        mColorBasic["Blue Green"] = "#7FFFD4";
        mColorBasic["Pale Green"] = "#98FB98";
        mColorBasic["Pink"] = "#FFC0CB";
        mColorBasic["Peach"] = "#FFDAB9";
        mColorBasic["Yellow"] = "#FFFF00";
        mColorBasic["Wood"] = "#DEB887";
                 
        // end list of colors
                 
        for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
                 
        html.find('span').click(function(e) {
          callback($(this).attr('color'));
          editor.closeDropDown(true);
          e.preventDefault();
        });
                 
        editor.createDropDown(caller, "color-picker", html);
      }
    })});


Come posso cambiare i colori della palette?

è molto semplice, per esempio questa parte è dedicata al colore bianco
Codice:
mColorBasic["White"] = "#FFFFFF";


mColorBasic["White"]: imposta il nome del colore (il nome apparirà passando sul colore)
#FFFFFF: è il codice esadecimale per i colori (#ff6600, #cc66cc, etc...)


Modificare lo stile

A questo punto mettiamo un po di ordine con il CSS

basta andare verso PDA ► Visualizzazione ► Immagini e colori ► Colori ► Foglio di stile (CSS) e aggiungere questo contenuto:
Codice:
/* Color palette icons */
.color-option {
  display: inline-block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
  border: 2px solid #fff !important;  /* white border around the icon */
  margin: 3px !important;  /* space between each icon */
  box-shadow: 0 0 2px #778899;  /* shadow */
  cursor: pointer !important;
}

.color-option span{
  display: block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
}

.color-option, .color-option span {
  border-radius: 2px;  /* roundness */ 
}

/* Whole palette - the width influences how many icons appear */
.sceditor-dropdown.sceditor-color-picker {
  width: 200px !important;  /* width of the palette */
  height: 100px !important;  /* height of the palette */
  padding: 5px !important;
  border-radius: 5px !important;
}




Da Niko
il Mar 5 Ago 2014 - 13:17
 
Cerca in: Altre risorse
Argomento: Personalizza la palette dei colori per l'editor
Risposte: 0
Visite: 1383

Le mede BBcode di Forumattivo

Le mede BBcode di Forumattivo



Ecco la lista completa delle mede BBCode disponibili su Forumattivo:

IL BBcode si utilizza in un messaggio sui forum Forumattivo, come questo :
L'attivazione dell'utilizzazione del BBcode è determinata dall'amministratore del forum.
Le tue informazioni sono a colocare tra le due mede [ ]qui[/ ]


Messa in forma del Testo

  • Mettere il testo in grassetto:
    Codice:
    [b][/b]

    Risultato

  • Mettere il testo in corsiva :
    Codice:
    [i][/i]

    Risultato

  • Sottolineare il testo:
    Codice:
    [u][/u]

    Risultato

  • Sbarrare il testo:
    Codice:
    [strike][/strike]

    Risultato



Cambiare il colore del testo o la dimensione

  • Modificare il colore del testo:
    Codice:
    [color=nome di colore][/color]

    Risultato
    o
    Codice:
    [color=#esadecimale][/color]

    Risultato
    Puoi specificare sia un nome di colore riconosciuto (esempio: red, blue, yellow, etc.), sia un codice colore esadecimale , esempio : #FFFFFF, #000000.

  • Modificare la dimensione del testo:
    Codice:
    [size=cifra][/size]


    Risultato dimensione 9
    Risultato dimensione 12
    Risultato dimensione 14
    Risultato dimensione 16
    Risultato dimensione 18



Citazione e testo a passo fisso

  • Per visualizzare un codice o carattere stampato a passo fisso :
    Codice:
    [code][/code]


    Codice:
    Risultato





Creazione di Liste

  • Fare una lista:
    Codice:
    [list][/list]



      Info 1 Info 2


  • Fare una lista con chip:
    Codice:
    [list][*]Info 1[*]Info 2[/list]



    • Info 1
    • Info 2




  • Fare una lista con numerazione numerica :
    Codice:
    [list=1][*]Info 1[*]Info 2[*]Info 3



Da Admin
il Mar 20 Nov 2007 - 15:11
 
Cerca in: Domande e risposte frequenti
Argomento: Le mede BBcode di Forumattivo
Risposte: 0
Visite: 10345

Torna in alto

Vai verso: