Estilos

Creación de archivos de estilo y diseño de cajas

1. ¿Qué hay de nuevo en ?
L
A
N
P
O
R
T
K
N
U
T
H Estilos de Cajas en L
ATEX
Piura 03 de Agosto de 2015
Alvaro Miguel Naupay Gusukuma

2.
Indice general
Indice general 2
1 Estilo de cajas 3
1.1 El paquete \ tcolorbox " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
1.2 Macros para la creacion de cajas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
1.3 Opciones de tcolorbox . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
1.4 Entornos con tcolorbox . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
1.5 Geometra de cajas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2 bclogo 15
2.1 bclogo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.2 Sintaxis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.3 Opciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.4 Cambio de logo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3 Estilos 17
3.1 Estructura basica . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2

3. Captulo
1
Estilo de cajas
1.1 El paquete \ tcolorbox " . . . . . . . .
1.2 Macros para la creacion de cajas . . .
1.3 Opciones de tcolorbox . . . . . . . . .
1.4 Entornos con tcolorbox . . . . . . . . .
1.5 Geometra de cajas . . . . . . . . . . .
Lo que veremos a continuacion es una introduccion al paquetetcolorboxcuya direccion en el CTAN es.
https://www.ctan.org/pkg/tcolorbox
Estas notas estan basadas en el manual original en ingles
http://ctan.uniminuto.edu/macros/latex/contrib/tcolorbox/tcolorbox.pdf
1.1. El paquete \ tcolorbox "
El paquete basetcolorboxcarga tambien los paquetespgf,verbatim,etoolboxyenviron, tomar en
cuenta siempre esto.
Para cargar el paquetetcolorboxes necesario escribir el siguiente codigo en el preambulo, es decir antes
del codigoegin{document}, como sigue
\usepackage{tcolorbox}
Este paquete tiene una lista opciones dentro de su sintaxis. Alternativamente estas pueden incluir posterior-
mente con cbuselibrary. La manera de incluir opciones es como sigue
\usepackage[<opciones>]{tcolorbox}
1.2. Macros para la creacion de cajas
En esta seccion y en las siguientes sera suciente escribir esto
\usepackage{tcolorbox}
en el preambulo, cuando se utilicen otras opciones se hara la aclaracion.
Para hacer uso de los estilos detcolorboxse usa el siguiente codigo dentro del documento
egin{tcolorbox}
Mis contenidos...
\end{tcolorbox}
lo que genera el siguiente estilo por defecto
Mis contenidos...

4. 4 Captulo 1. Estilo de cajas
El contenido de la caja puede ser divido en dos partes incluyendo el comando cblower, como sigue
egin{tcolorbox}
Mis contenidos 1 ...
cblower
Mis contenidos 2 ...
\end{tcolorbox}
Mis contenidos 1 ...Mis contenidos 2 ...
Tambien es posible anidar las cajas como por ejemplo
egin{tcolorbox}
Mis contenidos 1 ...
cblower
egin{tcolorbox}
Mis contenidos 2 ...
\end{tcolorbox}
\end{tcolorbox}
Mis contenidos 1 ...Mis contenidos 2 ...
1.3. Opciones de tcolorbox
La manera de incluir opciones en el entorno detcolorboxes
egin{tcolorbox}[<opciones>]
Mis contenidos...
\end{tcolorbox}
cuando se incluyen mas de una opcion estas son separadas por comas.
Division vertical
Podemos dividir verticalmente las cajas poniendo la opcionsidebysidey el comando cblowercom sigue
egin{tcolorbox}[sidebyside]
Mis contenidos 1 ...\
upper
cblower
Mis contenidos 2 ... \
lower
\end{tcolorbox}
Mis contenidos 1 ...
upper
Mis contenidos 2 ...
lower
si se quiere eliminar la lnea divisoria usamos la opcionlower separated=false

5. 1.3 Opciones de tcolorbox 5
egin{tcolorbox}[sidebyside, lower separated=false]
Mis contenidos 1 ...\
upper
cblower
Mis contenidos 2 ... \
lower
\end{tcolorbox}
Mis contenidos 1 ...
upper
Mis contenidos 2 ...
lower
Las opcionescolupperycollowerjan los colores del texto en las respectivas divisiones
egin{tcolorbox}[sidebyside, collower=red, colupper=blue]
Mis contenidos 1 ...\
upper
cblower
Mis contenidos 2 ... \
lower
\end{tcolorbox}
Mis contenidos 1 ...
upper
Mis contenidos 2 ...
lower
Encabezado
Para poner ttulo titulo se usa las opciontitlecomo sigue
egin{tcolorbox}[title=Mi ttulo]
Mis contenidos...
\end{tcolorbox}
Mi ttuloMis contenidos...
si se desea centrar el titulo debemos adicionar la opcioncenter titlecomo sigue
egin{tcolorbox}[center title,
title=Mi ttulo]
Mis contenidos...
\end{tcolorbox}
Mi ttuloMis contenidos...
podemos ubicar el ttulo horizontalmente con la opcionlefttitle
egin{tcolorbox}[title=Mi ttulo,
lefttitle=5cm]
contenidos...
\end{tcolorbox}
Mi ttulocontenidos...
Para cambiar el estilo de letra del ttulo usamosfonttitlecomo sigue
egin{tcolorbox}[center title,
title=Mi ttulo, fonttitle=\itshape]
Mis contenidos...
\end{tcolorbox}
Mi ttuloMis contenidos...

6. 6 Captulo 1. Estilo de cajas
los estilo de letras que se tienen por defecto son
EstiloOrden de cambio Salida
medium \mdseries Mi ttulo
bold fseries Mi ttulo
italic \itshape Mi ttulo
slanted \slshape Mi ttulo
small caps \scshape Mi ttulo
Para una mayor variedad de estilos de letras ver el siguiente enlace
http://www.tug.dk/FontCatalogue/
Tambien podemos cambiar el tama~no del ttulo adicionando por ejemplo\hugeal codigo anterior
egin{tcolorbox}[center title,
title=Mi ttulo, fonttitle=\itshape\huge]
Mis contenidos...
\end{tcolorbox}
Mi ttulo
Mis contenidos...
podemos variar este tama~no utilizando las distintas opciones de tama~no de letra conocidos como por ejemplo
\large,\LARGE, etc.
Tambien se puede cambiar el color del ttulo con la opcioncoltitle
egin{tcolorbox}[center title,
title=Mi ttulo, fonttitle=\itshape\huge,
coltitle=green]
Mis contenidos...
\end{tcolorbox}
Mi ttulo
Mis contenidos...
Colores de la caja
Las opcionescolbackycolframedan color al fondo y borde de la caja respectivamente, de la siguiente
manera
egin{tcolorbox}[title=Mi ttulo,
colback=yellow,colframe=blue]
Mis contenidos...
\end{tcolorbox}
Mi ttuloMis contenidos...
tambien podemos hacer combinaciones de colores incluyendo el porcentaje de intensidad
egin{tcolorbox}[title=Mi ttulo,
colback=yellow!80!black,
colframe=blue!50!green!70]
Mis contenidos...
\end{tcolorbox}
Mi ttuloMis contenidos...
dondeyellow!80!blacksignica, 80 % de yellow y 100 % de black.
Ademasblue!50!green!70signica, 50 % de blue y 70 % de green.
Para ver mas sobre el tema de colores se recomienda ver las siguientes paginas

7. 1.3 Opciones de tcolorbox 7
https://en.wikibooks.org/wiki/LaTeX/Colors
http://latexcolor.com/
Si se quiere variar el color del fondo del ttulo usamos la opcioncolbacktitlecomo sigue
egin{tcolorbox}[title= Mi ttulo,
colback=yellow, colframe=blue,
colbacktitle=red]
Mis contenidos...
\end{tcolorbox}
Mi ttuloMis contenidos...
Tambien hay la opcionbeamer, pero para poderactivaresta opcion esnecesarioincluir en el preambulo
cbuselibrary{skins}
egin{tcolorbox}[title= Mi ttulo,
colback=yellow, colframe=blue,
colbacktitle=red,beamer]
Mis contenidos...
\end{tcolorbox}
Mi ttuloMis contenidos...
Dimensiones de cajas y ubicacion del texto
Con la opcionwidthpodemos jar el largo de las cajas como sigue
egin{tcolorbox}[title=Ttulo, width=10cm]
Mis contenidos...
\end{tcolorbox}
TtuloMis contenidos...
Si se quiere que el largo de la caja sea la tercera parte de la longitud del texto tendramos que escribir
egin{tcolorbox}[title=Ttulo, width=( extwidth)/3]
Mis contenidos...
\end{tcolorbox}
TtuloMis contenidos...
si se desea centrar esta caja podemos usar el entornocentercomo sigue
egin{center}
egin{tcolorbox}[title=Ttulo, width=10cm]
Mis contenidos...
\end{tcolorbox}
\end{center}
TtuloMis contenidos...
Tambien podemos jar el ancho de la caja con la opcionheightcomo sigue

8. 8 Captulo 1. Estilo de cajas
egin{center}
egin{tcolorbox}[title=Ttulo, width=10cm, height=3cm]
Mis contenidos...
\end{tcolorbox}
\end{center}
TtuloMis contenidos...
Para centrar de manera vertical el texto usamos la opcionvalign=center
egin{center}
egin{tcolorbox}[title=Ttulo, width=10cm, height=3cm,valign=center]
Mis contenidos...
\end{tcolorbox}
\end{center}
TtuloMis contenidos...
esto tambien tiene la variantevalign=bottomyvalign=top.
Tambien se puede alienar el texto con la opcioncenter upper
egin{tcolorbox}[center upper, width=10cm]
Espere a que volvieras \
durante das, semanas, a~nos \
quiza toda la vida \
desde que tengo memoria
\end{tcolorbox}
Espere a que volvieras
durante das, semanas, a~nos
quiza toda la vida
desde que tengo memoria
En el caso de que la caja este dividida
egin{tcolorbox}[center upper]
Espere a que volvieras \
durante das, semanas, a~nos
cblower
quiza toda la vida \
desde que tengo memoria
\end{tcolorbox}

9. 1.3 Opciones de tcolorbox 9
Espere a que volvieras
durante das, semanas, a~nos
quiza toda la vida
desde que tengo memoria
si queremos centrar la otra parte de la division usamos la opcioncenter lower
egin{tcolorbox}[center lower,sidebyside]
Espere a que volvieras \
durante das, semanas, a~nos
cblower
quiza toda la vida \
desde que tengo memoria
\end{tcolorbox}
Espere a que volvieras
durante das, semanas, a~nos
quiza toda la vida
desde que tengo memoria
Para centrar el texto en ambas partes de la division usamos ambas opcionescenter upperycenter lower
a la vez.
Para poder ajustar las dimensiones de la caja de manera automatica al contenido tenemos el comando
cboxque tiene la siguiente sintaxis
cbox[<opciones>]{<contenido texto>}
la mayora de las opciones que se usan conegin{tcolorbox}tambien funcionan con este comando por
ejemplo
cbox[title=Formula,colframe=blue]{la sumatoria
( \displaystyle\sum_{n=0}^{\infty}\dfrac{1}{n} ) no converge}
Formulala sumatoria
1
X
n=0
1
n
no converge
si se quiere centrar se puede usaregin{center}.
Por otra parte, en este comando no funciona el salto de lnea
cbox[title=Salto de lnea]
{Aqu no funciona el salto \ de lnea por defecto}
Salto de lneaAqu no funciona el saltode lnea por defecto
para que el salto de lnea funcione senecesitala opciontikznodepero para poder usar esta opcion es
necesariotener el paquetetikzen el preambulo, hecho esto escribimos el siguiente codigo
cbox[title=Salto de lnea,tikznode]
{Aqu no funciona el salto \ de lnea \ por defecto}

10. 10 Captulo 1. Estilo de cajas
Salto de lnea
Aqu no funciona el salto
de lnea
por defecto
Si queremos incluir la caja dentro de una lnea de texto o poner una caja a continuacion de otra, las opciones
nobeforeafterytcbox raise baseson necesarias
Texto anterior cbox[nobeforeafter,tcbox raise base]{nota importante}
despues de la caja.
Texto anterior
nota importante
despues de la caja.
La opcionnobeforeaftertambien funciona conegin{tcolorbox}
egin{tcolorbox}[center upper,nobeforeafter,width=5cm]
( \displaystyle\int x^2dx )
\end{tcolorbox} luego
cbox[nobeforeafter,tcbox raise base]{( \dfrac{x^3}{3} )}
Z
x
2
dx luego
x
3
3
pero la opciontcbox raise baseno funciona conegin{tcolorbox}
1.4. Entornos con tcolorbox
Para crear nuevos entornos con tcolorbox es necesario declara lo siguiente
ewtcolorbox[<opciones de inicio>]{<nombre>}[<numero>][<por defecto>]
{<opciones>}
Basicamenteewtcolorboxfunciona comoewenvironment. Entonces en<nombre>va el nombre del
entorno opcionalmente en<numero>ve el numero de argumentos, donde<por defecto>es el valor prede-
terminado para el primer argumento opcional. En<opciones>van las opciones basadas en tcolorbox. En
<opciones de inicio>permite congurar numeracion automatica.
No olvide queewtcolorboxdebe estar en el preambulo.
Veamos a continuacion una serie de ejemplos
ewtcolorbox{micaja1}{colback=yellow,
colframe=blue}
egin{micaja1}
Mis contenidos...
\end{micaja1}
Mis contenidos...
ewtcolorbox{micaja1}[1]{colback=yellow,
colframe=blue,title=#1}
egin{micaja2}{Nuevo}
Mis contenidos...
\end{micaja2}
NuevoMis contenidos...

11. 1.5 Geometra de cajas 11
ewtcolorbox{micaja3}[2][]{colback=yellow,
colframe=blue,title=#2,#1}
egin{micaja3}{Ttulo 1}
Mis contenidos...
\end{micaja3}
egin{micaja3}[colback=green]{Ttulo 2}
Mis contenidos...
\end{micaja3}
egin{micaja3}[colback=green,
colbacktitle=orange]{Ttulo 2}
Mis contenidos...
\end{micaja3}
Ttulo 1Mis contenidos...Ttulo 2Mis contenidos...Ttulo 2Mis contenidos...
Tambien podemos hacer lo mismo para el comandotcboxpara la cual la sintaxis es
ewtcbox[<opciones de inicio>]{\<nombre>}[<numero>][<por defecto>]{<opciones>}
Esto crea un nuevo macro\<nombre>basado en cbox. Basicamente,ewtcboxopera comoewcommand.
Veamos a continuacion algunos ejemplos
ewtcbox{\cajon}{colback=cyan!30,
colframe=blue}
\cajon{( \displaystyle
\int\limits_{a}^{b}f(x)dx=F(x) )}
bZ
a
f(x)dx=F(x)
ewtcbox{\cajon}[1]{colback=cyan!30,
colframe=blue,center title,title=#1}
\cajon{Integral}{( \displaystyle
\int\limits_{a}^{b}f(x)dx=F(x) )}
Integral
bZ
a
f(x)dx=F(x)
1.5. Geometra de cajas
Tambien podemos cambiar el redondeo de las cajas con la opcionarc, de la siguiente manera
egin{tcolorbox}[arc=0pt,title=cuadrado]
contenidos...
\end{tcolorbox}
cuadradocontenidos...
Intente probar que sucede poniendoarc=10pty tambien con otros valores
Sobre el grosor del marco principal tenemos
egin{tcolorbox}[toprule=3mm]
contenidos...
\end{tcolorbox}
contenidos...

12. 12 Captulo 1. Estilo de cajas
egin{tcolorbox}[bottomrule=3mm]
contenidos...
\end{tcolorbox}
contenidos...
egin{tcolorbox}[leftrule=3mm,
rightrule=3mm]
contenidos...
\end{tcolorbox}
contenidos...
egin{tcolorbox}[titlerule=3mm,
title=Espesor del ttulo]
contenidos...
\end{tcolorbox}
Espesor del ttulocontenidos...
egin{tcolorbox}[boxrule=3mm]
contenidos...
\end{tcolorbox}
contenidos...
egin{tcolorbox}[width=3cm,height=3cm,
valign=center,arc=40pt]
contenidos...\
\[ f(x) \]
\end{tcolorbox}
contenidos...
f(x)
veamos algunas opciones sobre las esquinas, como por ejemplo
egin{tcolorbox}[sharp corners=west,
arc=10pt]
contenidos...
\end{tcolorbox}
contenidos...
egin{tcolorbox}[sharp corners=uphill,
arc=10pt]
contenidos...
\end{tcolorbox}
contenidos...
egin{tcolorbox}[sharp corners=northwest,
arc=10pt]
contenidos...
\end{tcolorbox}
contenidos...
sharp cornerstambien tiene otras conguraciones mas: northeast, southwest, southeast, north, south, east,
downhill y all.
Trabajemos ahora otra forma de presentacion de la caja del ttulo

13. 1.5 Geometra de cajas 13
egin{tcolorbox}[title=Ejemplo,enhanced,
attach boxed title to top
center={yshift=-2mm}]
contenidos...
\end{tcolorbox}
Ejemplocontenidos...
egin{tcolorbox}[title=Ejemplo,enhanced,
attach boxed title to top
left={yshift=-2mm,xshift=3mm}]
contenidos...
\end{tcolorbox}
Ejemplocontenidos...
egin{tcolorbox}[title=Ejemplo,enhanced,
attach boxed title to top
right={yshift=-2mm,xshift=-3mm}]
contenidos...
\end{tcolorbox}
Ejemplocontenidos...

15. Captulo
2
bclogo
2.1 bclogo . . . . . . . . . . . . . . . . . .
2.2 Sintaxis . . . . . . . . . . . . . . . . .
2.3 Opciones . . . . . . . . . . . . . . . .
2.4 Cambio de logo . . . . . . . . . . . . .
Este es un paquete mas de CTAN, en el siguiente enlace tambien encontraran mas paquetes relacionados
con el dise~no de cajas
https://www.ctan.org/topic/boxing
2.1. bclogo
Este es un paquete de origen Frances por lo que las opciones estan en dicho idioma, su enlace en CTAN es
https://www.ctan.org/pkg/bclogo
su manual esta en
http://ctan.uniminuto.edu/graphics/bclogo/doc/bclogo-doc.pdf
2.2. Sintaxis
Para usar este paquete es necesario ponerlo en el preambulo como sigue
\usepackage[tikz]{bclogo}
en este caso la compilacion debe ser con PdfLatex.
La sintaxis es como sigue
egin{bclogo}[<opciones>]{<ttulo>}
Mis contenidos...
\end{bclogo}
2.3. Opciones
Si queremos una caja simple
egin{bclogo}{}
Mis contenidos...
\end{bclogo}Mis contenidos...

16. 16 Captulo 2. bclogo
Colores
Empleando opciones de colores
egin{bclogo}[couleur=blue!30]{Mi ttulo}
Mis contenidos...
\end{bclogo}
Mi ttulo
Mis contenidos...
egin{bclogo}[couleurBord=green]
{Borde Rojo}
Mis contenidos...
\end{bclogo}
Borde Rojo
Mis contenidos...
Geometra
Redondeando las esquinas de las cajas
egin{bclogo}[arrondi=0.3]{Esquinas}
Mis contenidos...
\end{bclogo}
Esquinas
Mis contenidos...
2.4. Cambio de logo
egin{bclogo}[logo=ccrayon]{Ttulo}
Mis contenidos ....
\end{bclogo}
egin{bclogo}[logo=ccoeur]{Ttulo}
Mis contenidos ....
\end{bclogo}
Ttulo
Mis contenidos ....
Ttulo
Mis contenidos ....
Los comandos de los logos tambien se pueden usar independiente como sigue
ccoeur Mi texto ccoeurMi texto
La lista de comandos de los logos se encuentra en el manual del paquete.

17. Captulo
3
Estilos
3.1 Estructura basica . . . . . . . . . . . .
3.1. Estructura basica
Crear el siguiente archivo con la extension.styque tenga el siguiente contenido y con el nombremipaquete.sty
\NeedsTeXFormat{LaTeX2e}[2015/08/04]
\ProvidesPackage{mypackage}
[2011/01/11 v0.01 Paquete LaTex para mi uso]
\RequirePackage{blindtext}
\RequirePackage{tcolorbox}
\RequirePackage[tikz]{bclogo}
ewcommand{r}[2]{rac{#1}{#2}}
ewenvironment{micaja}[1]{egin{bclogo}[couleur=green!30]{#1}}{\end{bclogo}}
\endinput
Luego en la misma carpeta donde se guardo el archivo creamos un documento L
ATEXcomo sigue
\documentclass[12pt,a4paper]{book}
\usepackage[utf8]{inputenc}
\usepackage{amsmath}
\usepackage{amsfonts}
\usepackage{amssymb}
\usepackage{graphicx}
\usepackage[left=2.00cm, right=2.00cm, top=2.00cm, bottom=2.00cm]{geometry}
\usepackage{mipaquete}
egin{document}
hola
egin{micaja}{Texto}
lindtext
\end{micaja}
\end{document}