Template:Capolettera

[visualizza] [modifica] Documentazione
Questo template usa il foglio di stile Template:Capolettera/style.css.

Esempio modifica


Questo template serve a creare un effetto di lettera iniziale di grande dimensioni inserita nel testo, come avviene comunemente nella tipografia sia antica che moderna:

Uso modifica

La sintassi del template è

Uso

Ricopiare il testo sottostante e modificare le parole in blu in base alle esigenze.
{{Capolettera|Lettera maiuscola|grandezza lettera|margine superiore|margine destro}} Al posto di una lettera è possibile inserire un'immagine

Esempi modifica

Uso semplice
Codice Effetto
{{capolettera|L}}orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget mauris in lorem imperdiet porttitor at id leo. Donec gravida auctor justo, ut ultrices leo dictum ut. In eleifend, nunc in porttitor ornare, felis augue aliquam dolor, sed viverra quam dolor quis nibh. Aliquam ut metus eget tellus sagittis congue sit amet sed nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut metus in purus placerat posuere. Aliquam et felis id massa ullamcorper vulputate. Proin vel ligula neque. Suspendisse potenti.
L
orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget mauris in lorem imperdiet porttitor at id leo. Donec gravida auctor justo, ut ultrices leo dictum ut. In eleifend, nunc in porttitor ornare, felis augue aliquam dolor, sed viverra quam dolor quis nibh. Aliquam ut metus eget tellus sagittis congue sit amet sed nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut metus in purus placerat posuere. Aliquam et felis id massa ullamcorper vulputate. Proin vel ligula neque. Suspendisse potenti.
con dimensioni specifiche del capolettera
Codice Effetto
{{capolettera|L|64pt}}orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget mauris in lorem imperdiet porttitor at id leo. Donec gravida auctor justo, ut ultrices leo dictum ut. In eleifend, nunc in porttitor ornare, felis augue aliquam dolor, sed viverra quam dolor quis nibh. Aliquam ut metus eget tellus sagittis congue sit amet sed nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut metus in purus placerat posuere. Aliquam et felis id massa ullamcorper vulputate. Proin vel ligula neque. Suspendisse potenti.
L
orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget mauris in lorem imperdiet porttitor at id leo. Donec gravida auctor justo, ut ultrices leo dictum ut. In eleifend, nunc in porttitor ornare, felis augue aliquam dolor, sed viverra quam dolor quis nibh. Aliquam ut metus eget tellus sagittis congue sit amet sed nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut metus in purus placerat posuere. Aliquam et felis id massa ullamcorper vulputate. Proin vel ligula neque. Suspendisse potenti.
Con regolazione fine di margini superiore, destro, inferiore e sinistro
Codice Effetto
{{capolettera|L|96pt|-40px|10px|-40px|10px}}orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget mauris in lorem imperdiet porttitor at id leo. Donec gravida auctor justo, ut ultrices leo dictum ut. In eleifend, nunc in porttitor ornare, felis augue aliquam dolor, sed viverra quam dolor quis nibh. Aliquam ut metus eget tellus sagittis congue sit amet sed nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut metus in purus placerat posuere. Aliquam et felis id massa ullamcorper vulputate. Proin vel ligula neque. Suspendisse potenti.
L
orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget mauris in lorem imperdiet porttitor at id leo. Donec gravida auctor justo, ut ultrices leo dictum ut. In eleifend, nunc in porttitor ornare, felis augue aliquam dolor, sed viverra quam dolor quis nibh. Aliquam ut metus eget tellus sagittis congue sit amet sed nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut metus in purus placerat posuere. Aliquam et felis id massa ullamcorper vulputate. Proin vel ligula neque. Suspendisse potenti.
Con immagine al posto della lettera
Codice Effetto
{{capolettera|[[File:Phil Trans - Illuminated Initial - W.png|50px|W]]}}e where just looking for some like this into it.source. Very interesting! The problem was, how to render the image as the right character while copying/pasting the text. I could not avoid a space between the image and the text. But - if you try pasting into a text editor this text - you'll see that the first word "We" is perfect. But - it's strange - you have to select the text and image ''backwords'' (using FF): why?
WW
e where just looking for some like this into it.source. Very interesting! The problem was, how to render the image as the right character while copying/pasting the text. I could not avoid a space between the image and the text. But - if you try pasting into a text editor this text - you'll see that the first word "We" is perfect. But - it's strange - you have to select the text and image backwords (using FF): why?