La data/ora di oggi è Mar 19 Mar 2024 - 12:08
9 risultati trovati per "CSS"
Icone troppo grandi
Ma perchè quelle sono altre icone... sono in un'altra posizioneAggiungi questo nel tuo foglio di stile #CSS
- Codice:
#ucp > div:nth-child(4) > div > fieldset > dl > dt > span > img {
width: 18px;
vertical-align: middle;
}
- il Sab 27 Mag 2017 - 14:07
- Cerca in: I problemi risolti con l'aspetto del forum
- Argomento: Icone troppo grandi
- Risposte: 12
- Visite: 2650
Tasto "cerca" nel menu principale
@rart oh si hai ragione, errore mioprova ad aggiungere questo #CSS
- Codice:
div#search_menu {
position: fixed!important;
top: 20%!important;
}
- il Mar 18 Ott 2016 - 21:34
- Cerca in: I problemi risolti con l'aspetto del forum
- Argomento: Tasto "cerca" nel menu principale
- Risposte: 9
- Visite: 1136
Sfondo secondario personalizzato
Ciao @TaekwondoWTF84basta aggiungere questo codice #css
- Codice:
.bodyline {
background-color: transparent!important;
}
- il Dom 27 Dic 2015 - 13:45
- Cerca in: I problemi risolti con l'aspetto del forum
- Argomento: Sfondo secondario personalizzato
- Risposte: 3
- Visite: 1049
Topic staff
Per modificare i colori puoi usare il #CSSad esempio se la tua tabella è
- Codice:
<table class="staff" width="75%" border="1">
<tr>
<td width="25%">prima cella</td>
<td width="75%">seconda cella</td>
</tr>
<tr>
<td width="25%">terza cella</td>
<td width="75%">quarta cella</td>
</tr>
</table>
potrai modificarla inserendo il css:
- Codice:
table.staff {
color: red;
background: #fafafa;
}
- il Mer 16 Set 2015 - 16:47
- Cerca in: Argomenti diversi chiusi
- Argomento: Topic staff
- Risposte: 9
- Visite: 1416
mettere a destra le vari opzioni dei topic
Ciao,MattiaDes ha scritto:Ma sono box molto larghi, non penso davvero possano riuscire a starci sulla destra..
concordo pienamente - non avevo ancora letto gli altri messaggi ma anche io avevo pensato lo stesso
MattiaDes ha scritto:Le parte delle opzioni sono racchiuse in poche variabili via template.. non c'è molto da fare
Sinceramente non so proprio come rendere fattibile la tua richiesta
Sarebbe comodo se si potessero prendere pezzi di un templates e metterli altrove, ma non è possibile
Ho provato a valutare anche con il #CSS e con #Javascript ma c'è ben poco da poter fare in questo caso
ci sono poche variabili e non porterebbero al risultato desiderato
- il Ven 24 Lug 2015 - 17:03
- Cerca in: I problemi risolti con l'aspetto del forum
- Argomento: mettere a destra le vari opzioni dei topic
- Risposte: 12
- Visite: 1768
Modificare la grandezza dei caratteri del titolo dei forum nella home
Ciao @saxismaweprova con questo #css e dimmi se ho capito bene
- Codice:
dl > dd.dterm > div > h3 > a.forumtitle {
//* contenuto
}
- il Gio 18 Giu 2015 - 15:56
- 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
Personalizzazione della chatbox
Personalizzazione della chatbox |
Personalizza la tua chatbox Forumattivo ! Ecco a voi alcuni codici importantissimi e utili per personalizzare i testi e gli sfondi della vostra #chatbox Non dovrete fare altro che copiare e incollare i codici che prefererite (quanti ne volete) nel vostro foglio di stile #css :
► Modifica i colori di sfondo ► Modifica i colori dei testi ► Altre modifiche (avatars, bottoni, linee,...) Modifica dei colori di sfondo della chatbox Ecco a voi un esempio di una chatbox con i colori di sfondo modificati, per aiutarvi poi a capire meglio in fondo: Per ogni codice dovrete modificare COLORE con quello che preferite ►Modifica lo sfondo della parte iniziale della chatbox (in blu nell'esempio)
► Modificare la parte dei membri (in verde nell'esempio)
► Modificare lo sfondo dell'intestazione della lista dei membri (in rosso nell'esempio)
► Modificare lo sfondo della parte chat (in viola nell'esempio)
► Modificare il colore dello sfondo delle righe "pari" (in arancione nell'esempio)
► Modificare il colore dello sfondo delle righe "dispari" (in azzurro nell'esempio)
► Modificare il colore di sfondo della barra dei bottoni (in rosa nell'esempio)
► Modificare lo sfondo della zona di edizione (in grigio nell'esempio)
Modifica dei colori del testo nella chatbox Per ogni codice dovrete modificare COLORE con quello che preferite ► Modifica il colore del titolo della chatbox
Il !important è da lasciare alla fine della riga ► Modifica il colore dei link e le opzioni in alto a destra della chatbox
► Modifica dei colori dei titoli nella parte della lista dei membri (connesso, assente)
► Modifica dei colori dei messaggi verdi per la connessione di un membro
► Modificare dle colore dei messaggi rossi per la disconnessione di un membro
► Modifica del colore dei messaggi in /me:
► Modifica il colore di data/ora
Altre modifiche nella chatbox ► Non visualizzare data e ora dei messaggi
► Modifica il colore del bordo nei messaggi (quando gli avatar nella chatbox sono attivi)
► Nascondi i bordi nei messaggi (quando gli avatar nella chatbox sono attivi)
► phpBB3 : Nascondi gli spazi tra i messaggi
► Modifica le dimensioni degli avatar nella chatbox
Modificate i valori dell'altezza massima e della larghezza massima (qui 50px per entrambi) a vostra preferenza. Questo codice permette anche di evitare la deformazione delle immagini ► Nascondi i colori di sfondo negli avatar
► Modifica i bottoni della chatbox I codici successivi permettono la modifica dei colori di fondi di bottoni e testo dei bottoni, e dei bordi degli stessi
Sostituite COLORE con il colore a vostra scelta Les !important sont à laisser juste après les codes des couleurs. Potete anche modificare/completare questo codice a vostro gusto, aggiungendo per esempio: border-radius: 50%; per avere dei bordi arrotondati, ottenendo quindi:
► Modifica la larghezza della colonna dei membri
Modificate i valori (qui 100 e 101) come preferite ► Modifica dell'altezza della chatbox sull'indice
Modificate il valore (qui 500px) per l'altezza. Il flag !important è da lasciare alla fine della riga Altri tutorial per la tua chatbox 10 Codici per personalizzare la tua chatbox |
Tutorial creato da MlleAlys del forum di supporto francese |
- il Ven 12 Giu 2015 - 12:15
- Cerca in: Widget e Moduli personalizzati
- Argomento: Personalizzazione della chatbox
- Risposte: 0
- Visite: 3352
Più opzioni per i tuoi #hashtag
Più opzioni per i tuoi #hashtag |
DefinizioneQuesto tutorial vi permetterà di scoprire due modi per migliorare l'utilizzo del sistema di #hashtag presente sul tuo forum Forumattivo. Entrambe le funzioni utilizzano il codice #javascript quindi assicurati di averlo attivatoPannello di amministrazione ► Moduli ► Gestione del codice javascript Se sei nuovo su Forumattivo, assicurati che sia attivata la gestione del codice javascript (in questa stessa pagina appena aperta). Ora scegli quale o quali opzion installare
Popup per gli HashtagQuesta modifica fornisce un'opzione avanzata per una migliore interazione con gli hashtag, permettendoti di seguire velocemente nuoti #hashtag, visualizzare i soggetti taggati e gestire i tuoi tagCrea un nuovo codice javascript con queste impostazioni
Adesso abbiamo solo bisogno di aggiungere un po' di #css in modo che il popup venga visualizzato correttamente. Andate quindi verso Pannello di amministrazione ► Visualizzazione ► Colori ► Foglio di stile CSS e incollate questo codice di stile
Il codice script aggiunge una classname a tutti gli hashtag nei post, in questo modo potrai aggiungere uno stile unico ai tuoi hashtag, utilizzando questi codici di base:
Questo è l'effetto di default, ma potete personalizzarlo in tutti i modi che preferite! ScEditor: bottone per gli hashtagQuesta modifica aggiungerà un bottone extra al vostro editor. Con questo bottone potrete inserire il nome di un hashtag, o sceglierlo da una lista di tag predefiniti che stai seguendoAndate per creare un nuovo codice javascript
Attenzione: i caratteri no validi saranno sostituiti da un _ Quindi il bottone ha una sua icona e anche il menu a comparsa, è quindi necessario aggiungere del css al vostro foglio di stile. Andate quindi verso Pannello di amministrazione ► Visualizzazione ► Colori ► Foglio di stile CSS e incollate questo codice di stile
Cliccate Conferma e sarete pronti per taggare i vostri topic |
Tutorial creato da Ange tuteur del forum di supporto inglese |
- il Ven 1 Mag 2015 - 12:26
- Cerca in: Plugin e Funzionalità aggiuntive
- Argomento: Più opzioni per i tuoi #hashtag
- Risposte: 0
- Visite: 2283
Come usare Hitskin
Purtroppo il servizio :hitskin: è solo per Forumattivo, quindi non penso esistano dei siti o programmi per creare temi personalizzatil'unico modo è armarsi di fantasia e creatività e avere un po' di conoscenza di codici #css
- il Ven 23 Gen 2015 - 22:13
- Cerca in: Problemi risolti per HitSkin
- Argomento: Come usare Hitskin
- Risposte: 3
- Visite: 3936