La data/ora di oggi è Mar 19 Mar 2024, 1:09 pm
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!
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 USERWAYL'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).
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":
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.
Installa il widget sul tuo forum ForumattivoSono offerti due metodi di installazione: un'installazione semplice e uno avanzato. Scegli solo una delle due modalità.Installazione sempliceAndiamo 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:
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
Fai clic sul pulsante Invia per salvare le modifiche. Configurazione avanzataAndiamo 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:
Lo script sopra è più completo di quello proposto nella versione semplice.
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:
Non dimenticare di fare clic sul pulsante Invia per salvare le modifiche. |
Questo tutorial è stato scritto dallo Staff del Forum dei Forums, ed in particolare da @Bipo , con la partecipazione di @chattigre . È stato tradotto in italiano da @Niko No reproduction is possible without our agreement, in accordance with article L122-1 of the CPI. |
- il Sab 30 Lug 2022, 12:54 pm
- Cerca in: Plugin e Funzionalità aggiuntive
- Argomento: Rendi il tuo forum accessibile alle persone con disabilità
- Risposte: 0
- Visite: 235
bottoni "rispondi, nuovo argomento "
Tipo di creazione : BottoniDimensioni : N/A
Colore principale : #FF0017
Colore secondaro : #FFFFFF
Immagini da includere :
- Images:
- N/A
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
- il Gio 11 Lug 2019, 5:55 pm
- Cerca in: Richieste grafiche completate
- Argomento: bottoni "rispondi, nuovo argomento "
- Risposte: 6
- Visite: 1569
scritte barra navigazione
Tipo di creazione : AltroDimensioni : 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.
- il Sab 25 Feb 2017, 3:03 pm
- 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:
- Spoiler:
{MESSAGE_TITLE}
- Sostituisci:
- select { -moz-appearance: none;
- Con :
- select { appearance: none; -moz-appearance: none; -webkit-appearance: none;
- Rimuovi:
- img { display: inline-block; max-width:100%; width: auto; height: auto;}
- Sostituisci:
- header:after,.pagination:after,.forum-section:after,.box-login-btns-main:after,label:after {
- Con :
- header:after,.pagination:after,.forum-section:after,.box-login-btns-main:after,label:after,.post-head:after,.notification-row:after,.mark-buttons:after,.form-buttons:after {
- Tra:
- /* Header */
- E:
- #header {
- Aggiungere:
- @keyframes notification-new-alert { 0% { transform: rotate(20deg); } 5% { transform: rotate(40deg); } 10% { transform: rotate(20deg); } 15% { transform: rotate(40deg); } 20% { transform: rotate(20deg); } 25% { transform: rotate(40deg); } 30% { transform: rotate(20deg); }}
- Sostituisci:
- #header #mToggleArrow:after { color: #FFFFFF; content: "\e5d2"; font-size: 24px; left: 0; right: 0; position: absolute; text-align: center; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Con :
- #header #mToggleArrow:after { content: "\e5d2"; left: 0; right: 0; position: absolute; text-align: center; font-size: 24px; height: 56px; line-height: 56px; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Prima di:
- Aggiungere:
- #header #mNotificationBtn { bottom: 0; display: block; height: 56px; position: absolute; right: 56px; top: 10px; width: 56px;}#header #mNotificationBtn:hover { background-color: #1976D2;}#header #mNotificationBtn:after { content: "\e7f4"; left: 0; opacity: 1; right: 0; position: absolute; text-align: center; font-size: 24px; height: 56px; line-height: 56px; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: all 0.16s ease;}#header #mNotificationBtn:before { content: "\e7f7"; left: 0; opacity: 0; right: 0; position: absolute; text-align: center; font-size: 24px; height: 56px; line-height: 56px; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}#header #mNotificationBtn.shownBar:after { content: "\e5cd";}#header #mNotificationBtn ~ h1 { padding-right: 56px;}#header #mNotificationBtn.notification-new:after { opacity: 0; transform: rotate(20deg);}#header #mNotificationBtn.notification-new:before { animation: notification-new-alert 2s infinite ease-in-out; opacity: 1; transform: rotate(20deg);}#header #unread_notif { background-color: #CD5C5C; border-radius: 3px; font-size: 12px; height: 18px; left: 12px; line-height: 18px; opacity: 0; padding: 0 4px; position: absolute; top: 10px; z-index: 1;}#header #unread_notif.notification-new { opacity: 1;}#header #unread_notif_menu { background-color: #CD5C5C; border-radius: 3px; font-size: 12px; height: 18px; right: 20px; line-height: 18px; opacity: 0; padding: 0 4px; position: absolute; top: 17px; z-index: 1;}#header #unread_notif_menu.notification-new { opacity: 1;}
- Sostituisci:
- padding: 15px 40px;}#header .navElement > .navBtnIcon {
- Con :
- padding: 15px 40px; position: relative;}#header .navElement > .navBtnIcon {
- Sostituisci:
- h1 { font-size: 20px; font-weight: 400; overflow: hidden; margin-left: 16px; margin-right: 56px; text-align: center; text-overflow: ellipsis; max-width: 100%; padding: 0; font-family: "Roboto";}
- Con :
- h1 { font-size: 20px; font-weight: 400; overflow: hidden; margin-left: 16px; margin-right: 56px; text-align: left; text-overflow: ellipsis; max-width: 100%; padding: 0; font-family: "Roboto";}
- Prima di:
- .forum-section {
- Aggiungere:
- .forum-section-wrap { position: relative;}
- Sostituisci:
- .forum-lastpost { color: #222222;
- Con :
- .forum-lastpost { color: #797979;
- Prima di:
- .forum-statistics {
- Aggiungere:
- .forum-lastpost .lastpost-arrow { display: inline-block;}.forum-lastpost .lastpost-arrow:after { background-color: rgba(0, 0, 0, 0.05); color: #222222; border-radius: 3px 10px 10px 3px; display: inline; font-size: 16px; margin-left: 6px; padding: 2px 2px 2px 0; vertical-align: -3px; content: "\e409"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Prima di:
- /* Topic */.topic h2 {
- Aggiungere:
- .last-post-link { bottom: 0; font-size: 0; left: 64px; opacity: 0; position: absolute; right: 0; top: 40px;}
- Sostituisci:
- .post-icon a, .post-icon .avatarContainer {
- Con :
- .post-icon a {
- Prima di:
- .post-time {
- Aggiungere:
- .post-info { float: left;}
- Prima di:
- .post-content { font-size: 14px;
- Aggiungere:
- .post-buttons { background-color: #FAFAFA; border-color: #EBEBEB; border-style: solid; border-width: 1px 0 0; border-radius: 0 0 3px 3px; list-style: none; overflow: hidden; margin: 8px -16px -16px;}.post-buttons li { float: left;}.post-buttons li + li { margin-left: 8px;}.post-buttons a { display: block; float: left; height: 42px; line-height: 42px; text-align: center; width: 42px;}.post-buttons i { font-size: 16px;}
- Prima di:
- .box-login { display: block;
- Aggiungere:
- .box-error span { color: #FFFFFF !important;}.box-error br:first-child { display: none;}
- Sostituisci:
- .box-login { display: block;
- Con :
- .box-login,.box-blank { display: block;
- Prima di:
- .box-login-btns-main .btn,.box-login-btns-main .btn-subtle {
- Aggiungere:
- .box-reg-btns { text-align: left;}.box-reg-btns .btn,.box-reg-btns .btn-subtle { clear: both; float: left; margin-left: 0; margin-right: 0;}
- Prima di:
- .spoiler {
- Aggiungere:
- .post-content iframe { max-width: 100%;}
- Prima di:
- /* Buttons */.btn {
- Aggiungere:
- .btn-floating ~ #to-top { bottom: 78px; height: 36px; line-height: 36px; width: 36px;}.btn-floating ~ #to-top.visible { transform: translate(-71px, 0px);}#to-top { background-color: #222222; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); color: #FFFFFF; border-radius: 48px; bottom: 15px; display: block; height: 48px; line-height: 48px; position: fixed; right: -50px; text-align: center; width: 48px; z-index: 1000;}#to-top.visible { transform: translate(-65px, 0px);}
- Prima di:
- .btn-subtle { background-color: transConent;
- Aggiungere:
- .btn i { font-size: 16px; margin-right: 8px;}
- Prima di:
- .btn + .btn, .btn + .btn-subtle,
- Aggiungere:
- Prima di:
- /* Inputs */.checkbox {
- Aggiungere:
- #friendfoes-btn { color: #FFFFFF; border-radius: 0 0 3px 3px; clear: both; display: block; float: none; font-size: 14px; font-weight: 400; height: auto; line-height: 1.5; margin: 16px -16px -16px; padding: 16px; text-align: center;}#friendfoes-btn i { margin-right: 16px;}
- Sostituisci:
- .input-subtle { border-bottom: 2px solid rgba(0, 0, 0, 0.25);
- Con :
- .input-subtle,.inputbox,.gensmall { border-bottom: 2px solid rgba(0, 0, 0, 0.25);
- Sostituisci:
- input.input-subtle { line-height: 36px;
- Con :
- input.input-subtle,input.inputbox { line-height: 36px;
- Prima di:
- .box { background-color: #FFFFFF;
- Aggiungere:
- select.gensmall,#profile_field_4_-12_0 { line-height: 36px; height: 36px; clear: none; display: inline-block; margin: 0 24px 0 8px; width: auto;}#profile_field_4_-12_0 { margin-right: 0;}
- Sostituisci:
- padding: 16px;}.box .box-header {
- Con :
- padding: 16px; position: relative;}.box .box-header {
- Prima di:
- .box-subtle { background-color: #F0F0F0;
- Aggiungere:
- .box h2 { font-size: 24px; font-weight: 300; margin-bottom: 18px; text-align: center;}.box ul, .box ol { margin-left: 25px; margin-top: 8px;}.box .box-error { margin: 0 0 16px;}.box .form-buttons { margin: 0;}
- Sostituisci:
- label { display: block; font-size: 14px; line-height: 30px; margin-bottom: 8px;}
- Con :
- label,.label { color: #797979; display: block; font-size: 12px; line-height: 20px; margin-bottom: 16px;}
- Sostituisci:
- label input { vertical-align: -2px;}
- Con :
- label input,.label input { margin-top: -5px; vertical-align: -2px;}
- Prima di:
- label span + span {
- Aggiungere:
- label span,.label span { color: #797979 !important;}
- Sostituisci:
- label span + span { margin-left: 12px;
- Con :
- label span + span,.label span + span { margin-left: 12px;
- Prima di:
- .poll dt {
- Aggiungere:
- @media (min-width: 400px) { #profile-view .label { float: left; padding-right: 16px; width: 50%; }}.labeled { color: #222222; font-size: 14px;}
- Prima di:
- Aggiungere:
- .sub-head { background-color: #F0F0F0; border-color: #E0E0E0; border-style: solid; border-width: 1px 0; font-weight: 400; font-size: 16px; margin: 16px -16px; padding: 16px 0; text-align: center;}.profile-header { border-radius: 3px 3px 0 0; display: block; margin: -16px -16px 16px; position: relative; text-align: center;}.profile-header-background { bottom: 0; filter: blur(8px); left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1;}.profile-header-background img { height: auto; width: 100%;}.profile-header-content { background-color: rgba(0, 0, 0, 0.75); border-color: rgba(0, 0, 0, 0.75); border-radius: 3px 3px 0 0; border-bottom-style: solid; border-bottom-width: 1px; padding: 16px; position: relative; z-index: 2;}.profile-avatar { display: inline-block; margin-bottom: 8px;}.profile-avatar img { border-radius: 140px; display: block; max-height: 140px; max-width: 140px;}.profile-username { color: #FFFFFF; font-size: 16px; font-weight: 700;}.profile-rank { color: #FFFFFF;}.profile-lastlogin { color: #797979;}.notification-row { margin: 0 -16px; padding: 8px 16px;}.notification-row:nth-child(odd) { background-color: #FAFAFA; border-color: #EBEBEB; border-style: solid; border-width: 1px 0;}.notification-check { background-color: #B2B2B2; color: #FFFFFF; border-radius: 36px; float: left; height: 36px; line-height: 36px; margin-bottom: 4px; margin-right: 16px; margin-top: 4px; position: relative; text-align: center; width: 36px;}.notification-check i { font-size: 16px;}.checkbox-row { border-radius: 36px; display: block; float: left; font-size: 16px; height: 36px; left: 0; line-height: 36px; position: absolute; text-align: center; top: 0; width: 36px;}.checkbox-row input { display: block; height: 36px; margin: 0; opacity: 0; width: 36px;}input:checked + .checkbox-row-check:after { opacity: 1;}.checkbox-row-check:after { background-color: #1976D2; color: #FFFFFF; border-radius: 36px; bottom: 0; height: 36px; left: 0; line-height: 36px; opacity: 0; pointer-events: none; position: absolute; right: 0; text-align: center; top: 0; width: 36px; content: "\e876"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: all 0.16s ease;}.notification-content { line-height: 22px;}.notification-title,.notification-date { display: block;}.notification-title { font-size: 16px;}.notification-title a { font-weight: 500;}.notification-date { color: #797979;}.mark-buttons { margin: 8px 0 8px;}.mark-buttons a:last-child { float: right;}.form-buttons { margin: 0 8px;}
- Prima di:
- /* Can't change id/class name */.mobile_title {
- Aggiungere:
- .fb_login { border-color: #B2B2B2; border-style: dashed; border-width: 0 0 1px; margin-bottom: 16px; padding-bottom: 8px; text-align: center;}.fb_register { margin-bottom: 16px; text-align: center;}.fb_register label { margin-bottom: 0;}#b_day,#b_month,#b_year { float: left; text-align: center; width: 33.3333%;}#b_day select,#b_day input,#b_month select,#b_month input,#b_year select,#b_year input { display: block; margin: 0 auto; width: auto !important;}#b_day { padding-right: 8px;}#b_month { border-color: #F0F0F0; border-style: solid; border-width: 0 1px; padding: 0 8px;}#b_year { padding-left: 8px;}
- Sostituisci:
- .banniere,#m_dcontentglobal_ad_id1 { width: 320px; text-align: center; margin: 0 auto;}
- Con :
- .banniere,#m_dcontentglobal_ad_id1 { text-align: center; margin: 0 auto;}
- Aggiungere:
- Sostituisci:
- select { -moz-appearance: none;
- Con :
- select { appearance: none; -moz-appearance: none; -webkit-appearance: none;
- Rimuovi:
- img { display: inline-block; max-width:100%; width: auto; height: auto;}
- Sostituisci:
- header:after,.pagination:after,.forum-section:after,.box-login-btns-main:after,label:after {
- Con :
- header:after,.pagination:after,.forum-section:after,.box-login-btns-main:after,label:after,.post-head:after,.notification-row:after,.mark-buttons:after,.form-buttons:after {
- Tra:
- /* Header */
- E:
- #header {
- Aggiungere:
- @keyframes notification-new-alert { 0% { transform: rotate(20deg); } 5% { transform: rotate(40deg); } 10% { transform: rotate(20deg); } 15% { transform: rotate(40deg); } 20% { transform: rotate(20deg); } 25% { transform: rotate(40deg); } 30% { transform: rotate(20deg); }}
- Sostituisci:
- #header #mToggleArrow:after { color: #FFFFFF; content: "\e5d2"; font-size: 24px; left: 0; right: 0; position: absolute; text-align: center; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: rtl; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Con:
- #header #mToggleArrow:after { content: "\e5d2"; left: 0; right: 0; position: absolute; text-align: center; font-size: 24px; height: 56px; line-height: 56px; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Prima di:
- Aggiungere:
- #header #mNotificationBtn { bottom: 0; display: block; height: 56px; position: absolute; left: 56px; top: 10px; width: 56px;}#header #mNotificationBtn:hover { background-color: #1976D2;}#header #mNotificationBtn:after { content: "\e7f4"; left: 0; opacity: 1; right: 0; position: absolute; text-align: center; font-size: 24px; height: 56px; line-height: 56px; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: all 0.16s ease;}#header #mNotificationBtn:before { content: "\e7f7"; left: 0; opacity: 0; right: 0; position: absolute; text-align: center; font-size: 24px; height: 56px; line-height: 56px; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}#header #mNotificationBtn.shownBar:after { content: "\e5cd";}#header #mNotificationBtn ~ h1 { padding-left: 56px;}#header #mNotificationBtn.notification-new:after { opacity: 0; transform: rotate(20deg);}#header #mNotificationBtn.notification-new:before { animation: notification-new-alert 2s infinite ease-in-out; opacity: 1; transform: rotate(20deg);}#header #unread_notif { background-color: #CD5C5C; border-radius: 3px; font-size: 12px; height: 18px; right: 12px; line-height: 18px; opacity: 0; padding: 0 4px; position: absolute; top: 10px; z-index: 1;}#header #unread_notif.notification-new { opacity: 1;}#header #unread_notif_menu { background-color: #CD5C5C; border-radius: 3px; font-size: 12px; height: 18px; left: 20px; line-height: 18px; opacity: 0; padding: 0 4px; position: absolute; top: 17px; z-index: 1;}#header #unread_notif_menu.notification-new { opacity: 1;}
- Sostituisci:
- padding: 15px 40px;}#header .navElement > .navBtnIcon {
- Con :
- padding: 15px 40px; position: relative;}#header .navElement > .navBtnIcon {
- Sostituisci:
- h1 { font-size: 20px; font-weight: 400; overflow: hidden; margin-right: 16px; margin-left: 56px; text-align: center; text-overflow: ellipsis; max-width: 100%; padding: 0; font-family: "Roboto";}
- Con :
- h1 { font-size: 20px; font-weight: 400; overflow: hidden; margin-right: 16px; margin-left: 56px; text-align: right; text-overflow: ellipsis; max-width: 100%; padding: 0; font-family: "Roboto";}
- Prima di:
- .forum-section {
- Aggiungere:
- .forum-section-wrap { position: relative;}
- Sostituisci:
- .forum-lastpost { color: #222222;
- Con :
- .forum-lastpost { color: #797979;
- Prima di:
- .forum-statistics {
- Aggiungere:
- .forum-lastpost .lastpost-arrow { display: inline-block;}.forum-lastpost .lastpost-arrow:after { background-color: rgba(0, 0, 0, 0.05); color: #222222; border-radius: 10px 3px 3px 10px; display: inline; font-size: 16px; margin-right: 6px; padding: 2px 0 2px 2px; vertical-align: -3px; content: "\e408"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Prima di:
- /* Topic */.topic h2 {
- Aggiungere:
- .last-post-link { bottom: 0; font-size: 0; right: 64px; opacity: 0; position: absolute; left: 0; top: 40px;}
- Sostituisci:
- .post-icon a, .post-icon .avatarContainer {
- Con :
- .post-icon a {
- Prima di:
- .post-time {
- Aggiungere:
- .post-info { float: right;}
- Prima di:
- .post-content { font-size: 14px;
- Aggiungere:
- .post-buttons { background-color: #FAFAFA; border-color: #EBEBEB; border-style: solid; border-width: 1px 0 0; border-radius: 0 0 3px 3px; list-style: none; overflow: hidden; margin: 8px -16px -16px;}.post-buttons li { float: right;}.post-buttons li + li { margin-right: 8px;}.post-buttons a { display: block; float: right; height: 42px; line-height: 42px; text-align: center; width: 42px;}.post-buttons i { font-size: 16px;}
- Prima di:
- .box-login { display: block;
- Aggiungere:
- .box-error span { color: #FFFFFF !important;}.box-error br:first-child { display: none;}
- Sostituisci:
- .box-login { display: block;
- Con :
- .box-login,.box-blank { display: block;
- Prima di:
- .box-login-btns-main .btn,.box-login-btns-main .btn-subtle {
- Aggiungere:
- .box-reg-btns { text-align: right;}.box-reg-btns .btn,.box-reg-btns .btn-subtle { clear: both; float: right; margin-left: 0; margin-right: 0;}
- Prima di:
- .spoiler {
- Aggiungere:
- .post-content iframe { max-width: 100%;}
- Prima di:
- /* Buttons */.btn {
- Aggiungere:
- .btn-floating ~ #to-top { bottom: 78px; height: 36px; line-height: 36px; width: 36px;}.btn-floating ~ #to-top.visible { transform: translate(71px, 0px);}#to-top { background-color: #222222; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); color: #FFFFFF; border-radius: 48px; bottom: 15px; display: block; height: 48px; line-height: 48px; position: fixed; left: -50px; text-align: center; width: 48px; z-index: 1000;}#to-top.visible { transform: translate(65px, 0px);}
- Prima di:
- .btn-subtle { background-color: transConent;
- Aggiungere:
- .btn i { font-size: 16px; margin-left: 8px;}
- Prima di:
- .btn + .btn, .btn + .btn-subtle,
- Aggiungere:
- Prima di:
- /* Inputs */.checkbox {
- Aggiungere:
- #friendfoes-btn { color: #FFFFFF; border-radius: 0 0 3px 3px; clear: both; display: block; float: none; font-size: 14px; font-weight: 400; height: auto; line-height: 1.5; margin: 16px -16px -16px; padding: 16px; text-align: center;}#friendfoes-btn i { margin-right: 16px;}
- Sostituisci:
- .input-subtle { border-bottom: 2px solid rgba(0, 0, 0, 0.25);
- Con :
- .input-subtle,.inputbox,.gensmall { border-bottom: 2px solid rgba(0, 0, 0, 0.25);
- Sostituisci:
- input.input-subtle { line-height: 36px;
- Con :
- input.input-subtle,input.inputbox { line-height: 36px;
- Prima di:
- .box { background-color: #FFFFFF;
- Aggiungere:
- select.gensmall,#profile_field_4_-12_0 { line-height: 36px; height: 36px; clear: none; display: inline-block; margin: 0 8px 0 24px; width: auto;}#profile_field_4_-12_0 { margin-left: 0;}
- Sostituisci:
- padding: 16px;}.box .box-header {
- Con :
- padding: 16px; position: relative;}.box .box-header {
- Prima di:
- .box-subtle { background-color: #F0F0F0;
- Aggiungere:
- .box h2 { font-size: 24px; font-weight: 300; margin-bottom: 18px; text-align: center;}.box ul, .box ol { margin-right: 25px; margin-top: 8px;}.box .box-error { margin: 0 0 16px;}.box .form-buttons { margin: 0;}
- Sostituisci:
- label { display: block; font-size: 14px; line-height: 30px; margin-bottom: 8px;}
- Con :
- label,.label { color: #797979; display: block; font-size: 12px; line-height: 20px; margin-bottom: 16px;}
- Sostituisci:
- label input { vertical-align: -2px;}
- Con :
- label input,.label input { margin-top: -5px; vertical-align: -2px;}
- Prima di:
- label span + span {
- Aggiungere:
- label span,.label span { color: #797979 !important;}
- Sostituisci:
- label span + span { margin-right: 12px;
- Con :
- label span + span,.label span + span { margin-right: 12px;
- Prima di:
- .poll dt {
- Aggiungere:
- @media (min-width: 400px) { #profile-view .label { float: right; padding-left: 16px; width: 50%; }}.labeled { color: #222222; font-size: 14px;}
- Prima di:
- Aggiungere:
- .sub-head { background-color: #F0F0F0; border-color: #E0E0E0; border-style: solid; border-width: 1px 0; font-weight: 400; font-size: 16px; margin: 16px -16px; padding: 16px 0; text-align: center;}.profile-header { border-radius: 3px 3px 0 0; display: block; margin: -16px -16px 16px; position: relative; text-align: center;}.profile-header-background { bottom: 0; filter: blur(8px); left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1;}.profile-header-background img { height: auto; width: 100%;}.profile-header-content { background-color: rgba(0, 0, 0, 0.75); border-color: rgba(0, 0, 0, 0.75); border-radius: 3px 3px 0 0; border-bottom-style: solid; border-bottom-width: 1px; padding: 16px; position: relative; z-index: 2;}.profile-avatar { display: inline-block; margin-bottom: 8px;}.profile-avatar img { border-radius: 140px; display: block; max-height: 140px; max-width: 140px;}.profile-username { color: #FFFFFF; font-size: 16px; font-weight: 700;}.profile-rank { color: #FFFFFF;}.profile-lastlogin { color: #797979;}.notification-row { margin: 0 -16px; padding: 8px 16px;}.notification-row:nth-child(odd) { background-color: #FAFAFA; border-color: #EBEBEB; border-style: solid; border-width: 1px 0;}.notification-check { background-color: #B2B2B2; color: #FFFFFF; border-radius: 36px; float: right; height: 36px; line-height: 36px; margin-bottom: 4px; margin-left: 16px; margin-top: 4px; position: relative; text-align: center; width: 36px;}.notification-check i { font-size: 16px;}.checkbox-row { border-radius: 36px; display: block; float: right; font-size: 16px; height: 36px; right: 0; line-height: 36px; position: absolute; text-align: center; top: 0; width: 36px;}.checkbox-row input { display: block; height: 36px; margin: 0; opacity: 0; width: 36px;}input:checked + .checkbox-row-check:after { opacity: 1;}.checkbox-row-check:after { background-color: #1976D2; color: #FFFFFF; border-radius: 36px; bottom: 0; height: 36px; left: 0; line-height: 36px; opacity: 0; pointer-events: none; position: absolute; right: 0; text-align: center; top: 0; width: 36px; content: "\e876"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: all 0.16s ease;}.notification-content { line-height: 22px;}.notification-title,.notification-date { display: block;}.notification-title { font-size: 16px;}.notification-title a { font-weight: 500;}.notification-date { color: #797979;}.mark-buttons { margin: 8px 0 8px;}.mark-buttons a:last-child { float: left;}.form-buttons { margin: 0 8px;}
- Prima di:
- /* Can't change id/class name */.mobile_title {
- Aggiungere:
- .fb_login { border-color: #B2B2B2; border-style: dashed; border-width: 0 0 1px; margin-bottom: 16px; padding-bottom: 8px; text-align: center;}.fb_register { margin-bottom: 16px; text-align: center;}.fb_register label { margin-bottom: 0;}#b_day,#b_month,#b_year { float: right; text-align: center; width: 33.3333%;}#b_day select,#b_day input,#b_month select,#b_month input,#b_year select,#b_year input { display: block; margin: 0 auto; width: auto !important;}#b_day { padding-left: 8px;}#b_month { border-color: #F0F0F0; border-style: solid; border-width: 0 1px; padding: 0 8px;}#b_year { padding-right: 8px;}
- Sostituisci:
- .banniere,#m_dcontentglobal_ad_id1 { width: 320px; text-align: center; margin: 0 auto;}
- Con :
- .banniere,#m_dcontentglobal_ad_id1 { text-align: center; margin: 0 auto;}
- Sostituisci:
- .folder_locked .forum-icon:after { clear: both; display: block; position: absolute; content: "\e899"; color: #BABABF; font-size: 15px; right: -7px; position: absolute; text-align: center; top: 35px; z-index: 3; font-family: 'Material Icons'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: rtl; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Con :
- .folder_locked .forum-icon:after { clear: both; display: block; position: absolute; content: "\e899"; color: #BABABF; font-size: 15px; right: -7px; position: absolute; text-align: center; top: 35px; z-index: 3; font-family: 'Material Icons'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Sostituisci:
- .spoiler:after { display: block; font-size: 20px; position: absolute; top: 16px; left: 16px; color: rgba(0, 0, 0, 0.5); content: "\e002"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: rtl; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Con :
- .spoiler:after { display: block; font-size: 20px; position: absolute; top: 16px; left: 16px; color: rgba(0, 0, 0, 0.5); content: "\e002"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Sostituisci:
- .codebox:after { display: block; font-size: 20px; position: absolute; top: 16px; left: 16px; color: rgba(0, 0, 0, 0.5); content: "\e86f"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: rtl; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Con :
- .codebox:after { display: block; font-size: 20px; position: absolute; top: 16px; left: 16px; color: rgba(0, 0, 0, 0.5); content: "\e86f"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Sostituisci:
- blockquote:after { display: block; font-size: 20px; position: absolute; top: 16px; left: 16px; color: rgba(0, 0, 0, 0.5); content: "\e244"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: rtl; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Con :
- blockquote:after { display: block; font-size: 20px; position: absolute; top: 16px; left: 16px; color: rgba(0, 0, 0, 0.5); content: "\e244"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Sostituisci:
- #swipe_next_arrow:after { color: #222222; font-size: 24px; z-index: 3; line-height: 36px; text-align: center; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: rtl; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Con :
- #swipe_next_arrow:after { color: #222222; font-size: 24px; z-index: 3; line-height: 36px; text-align: center; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Sostituisci:
- .mobile_title .mobile_next_button:after,.mobile_title .mobile_prev_button:after { color: #222222; font-size: 24px; z-index: 3; line-height: 48px; text-align: center; position: absolute; width: 48px; top: 0; right: 0; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: rtl; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Con :
- .mobile_title .mobile_next_button:after,.mobile_title .mobile_prev_button:after { color: #222222; font-size: 24px; z-index: 3; line-height: 48px; text-align: center; position: absolute; width: 48px; top: 0; right: 0; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
- Sostituisci:
- .btn-subtle { background-color: transConent; color: #222222; border-radius: 3px; display: block; float: left; font-size: 14px; font-weight: 700; height: 30px; line-height: 30px; margin-bottom: 11px; margin-top: 3px; padding: 0 10px;}
- Con :
- .btn-subtle { background-color: transConent; color: #222222; border-radius: 3px; display: block; float: right; font-size: 14px; font-weight: 700; height: 30px; line-height: 30px; margin-bottom: 11px; margin-top: 3px; padding: 0 10px;}
- Sostituisci:
- .checkbox-check:after { color: #222222; bottom: 0; height: 16px; left: 0; line-height: 16px; opacity: 0; pointer-events: none; position: absolute; right: 0; text-align: center; top: 0; width: 16px; content: "\e876"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: rtl; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: all 0.16s ease;}
- Con :
- .checkbox-check:after { color: #222222; bottom: 0; height: 16px; left: 0; line-height: 16px; opacity: 0; pointer-events: none; position: absolute; right: 0; text-align: center; top: 0; width: 16px; content: "\e876"; font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: all 0.16s ease;}
- Aggiungere:
Nel template confirm_bodyse non c'è nessun contenuto, semplicemente aggiunger eil seguente
- il Mer 21 Set 2016, 1:56 pm
- Cerca in: Avvisi ed aggiornamenti
- Argomento: Tema mobile: una continua evoluzione
- Risposte: 10
- Visite: 4952
banner per il mio forum
Tipo di creazione : BannerDimensioni : 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
- il Gio 11 Ago 2016, 11:04 am
- Cerca in: Richieste grafiche completate
- Argomento: banner per il mio forum
- Risposte: 7
- Visite: 1766
banner per il mio forum
Tipo di creazione : BannerDimensioni : 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
- il Ven 18 Mar 2016, 6:39 pm
- 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
the crow,ho da fare delle verifiche più approfondite ma penso che adesso ci siamo
L'unico cosa è che con il tuo codice che ho inserito nel css il testo del forum con solo la descrizione veniva così:
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
- il Sab 20 Giu 2015, 5:21 pm
- 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?
- il Gio 18 Giu 2015, 3:27 pm
- 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 navigazioneDimensioni : N/A
Colore principale : N/A
Colore secondaro : N/A
Immagini da includere :
- Images:
- N/A
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 ?
- il Mer 17 Giu 2015, 9:07 am
- Cerca in: Richieste grafiche completate
- Argomento: bottone del menù di navigazione
- Risposte: 3
- Visite: 1199
Richiesta Grafica Bottoni
Tipo di creazione : BottoniDimensioni : 119x37
Colore principale : #0066FF
Colore secondaro : #00E3FF
Immagini da includere :
- Images:
- N/A
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!
- il Dom 24 Mag 2015, 8:03 am
- 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;
}
- il Ven 13 Mar 2015, 4:49 pm
- 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.proverò a risponderti per punti
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..)
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 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
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 salvare le modifiche
Fammi sapere
- il Lun 09 Mar 2015, 12:57 pm
- 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?
.. | Caro utente, Ricordati che non è consentito pubblicare doppi post consecutivi se non separati da almeno 24h Se vuoi aggiungere, togliere o aggiornare delle informazioni esiste il bottone Ci vediamo su Forumattivo |
facciamo che ti evidenzio gli errori, perchè non vorrei magari mettere un'immagine dove non dovrebbe
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
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
- il Dom 04 Gen 2015, 8:12 pm
- 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 |
DefinizioneIl 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)Installare il codice javascriptPrima di tutto andate verso Pannello di amministrazone ► Generale ► Messaggi e Email ► Configurazione, e assicuratevi che la palette sia impostata su sempliceIn seguito, andate verso Pannello di amministrazone ► Moduli ► HTML & Javascript ► Gestione del codice javascript e assicuratevi che il codice javascript sia attivato Una volta eseguito, aggiungete un nuovo codice javascript premendo sul bottone
Come posso cambiare i colori della palette?è molto semplice, per esempio questa parte è dedicata al colore bianco
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 stileA questo punto mettiamo un po di ordine con il CSSbasta andare verso PDA ► Visualizzazione ► Immagini e colori ► Colori ► Foglio di stile (CSS) e aggiungere questo contenuto:
|
Questo tutorial è stato proposta dal forum di supporto Russo, adattato da Matriochka del forum di supporto Francese ed è stato tradotto in italiano da Niko |
- il Mar 05 Ago 2014, 11:17 am
- 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
Cambiare il colore del testo o la dimensione
Citazione e testo a passo fisso
Creazione di Liste
|
Un importante annuncio da Forumattivo |
- il Mar 20 Nov 2007, 2:11 pm
- Cerca in: Domande e risposte frequenti
- Argomento: Le mede BBcode di Forumattivo
- Risposte: 0
- Visite: 10345