Le icone della barra degli strumenti di Kupu
facile
Descrizione della barra degli strumenti di Kupu e delle sue icone (relativa alla versione 1.4.x)
Una barra degli strumenti tipica di Kupu appare così:

La seguente tabella descrive la funzione e l'output di ogni pulsante.
| Icona | Funzione | Descrizione | esempio | codice HTML corrispondente | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
![]() |
salva | Salva le modifiche effettuate | ||||||||
![]() |
grassetto | Rende in grassetto il testo selezionato | testo | <strong>testo</strong> | ||||||
![]() |
corsivo | Rende corsivo il testo selezionato | testo | <em>testo</em> | ||||||
![]() |
pedice | Posiziona il testo selezionato al pedice | testoscript | testo<sub>script</sub> | ||||||
![]() |
apice | Posiziona il testo selezionato all'apice | testoscript | testo<sup>script</sup> | ||||||
![]() |
colore del testo | Colora il testo selezionato | ||||||||
![]() |
sfondo carattere | Colora lo sfondo dei caratteri selezionati | ||||||||
![]() |
giustificazione a sinistra | Allinea il testo selezionato sulla sinistra | testo | <p align="left">testo <br /></p> |
||||||
![]() |
giustificazione al centro | Allinea il testo selezionato al centro dello schermo | testo | <p align="center">testo <br /></p> |
||||||
![]() |
giustificazione a destra | Allinea il testo selezionato sulla destra | testo | <p align="right">testo <br /></p> |
||||||
![]() |
lista numerata | Crea una lista numerata |
|
<ol><li>linea1</li> <li>linea2</li> <li>linea3</li></ol> |
||||||
![]() |
lista puntata | Crea una lista puntata |
|
<ul><li>linea1</li> <li>linea2</li> <li>linea3</li></ul> |
||||||
![]() |
elenco definizioni | Crea un elenco definizioni |
|
<dl> <dt>linea1</dt> <dd>linea2</dd> <dt>linea3 </dt> <dd>linea4 <br /> </dd></dl> |
||||||
![]() |
diminuire il livello di rientro | Sposta una sezione di testo indentata di un tot verso sinistra | testo | |||||||
![]() |
aumentare il livello di rientro | Indenta il testo selezionato di un tot |
testo
|
<blockquote>testo<br /></blockquote> | ||||||
![]() |
inserisci immagine | Inserisce un'immagine nel documento | ||||||||
![]() |
inserisci collegamento interno | Crea un link verso un altro oggetto all'interno del sito Plone | testo | <a title="filename" href="front-page"> testo</a> |
||||||
![]() |
inserisci collegamento esterno | Crea un link verso un sito esterno | testo | <a href="http://...../"> testo</a> |
||||||
![]() |
inserisci ancore | Crea un punto di ancora per collegare diverse sezioni all'interno della stessa pagina |
iniziotesto testo testo testo testotorna all'inizio |
<h3 class="Subheading"> <a name="inizio"> </a>inizio</h3> testo testo testo testo testo <a href="#inizio"> torna ll'inizio</a> |
||||||
![]() |
inserisci tabella | Inserisce una tabella |
|
<table class="plain"> <tbody><tr> <td>first<br /></td> <td>second<br /></td> <td>third </td></tr> <tr> <td> fourth</td> <td>fifth</td> <td>sixth </td></tr> </tbody> </table> |
||||||
![]() |
annulla | Annulla l'ultima azione | ||||||||
![]() |
ripristina | Ripristina l'ultima azione annullata | ||||||||
![]() |
passa dall'editor visuale al codice HTML | |||||||||
![]() |
formato paragrafo | Cambia il formato del paragrafo | ||||||||
![]() |
formato paragrafo | Normal | testo | <p>testo</p> | ||||||
| Heading |
testo |
<h2 class="Heading">testo</h2> | ||||||||
| Subheading |
testo |
<h3 class="Subheading">testo</h3> | ||||||||
| Literal |
testo |
<pre>testo</pre>testo | ||||||||
| Discreet | testo | <p class="discreet">testo</p> | ||||||||
| Pull-quote |
testo
|
<div class="pullquote">testo</div> | ||||||||
| Call-out |
testo |
<p class="callout">testo</p> | ||||||||
| Page break (print only) | <div class="pageBreak">testo</div> | |||||||||
| Clear floats (remove style) | <div class="visualClear">testo</div> | |||||||||
| Highlight | testo | <span class="visualHighlight">testo</span> | ||||||||
![]() |
zoom | Massimizza l'area dell'editor | ||||||||
![]() |
rimuovi link | Rimuove un link esistente | ||||||||
![]() |
rimuovi immagine | Rimuove un'immagine esistente |
Nel caso la propria barra degli strumenti di kupu non includa tutte le icone desiderate, seguire la prossima parte di questo tutorial per imparare a Personlizzare la barra degli strumenti di Kupu.



























