Take the 2-minute tour ×
TeX - LaTeX Stack Exchange is a question and answer site for users of TeX, LaTeX, ConTeXt, and related typesetting systems. It's 100% free, no registration required.

I am creating a manual for an application and I would like to provide step by step directions of the application. For the step numbers, I would like to use big, blue circles with white numbers in it. Thus I was thinking if I can modify the bullet style, I would be able to achieve such list. I read few similar questions and it looks like it will have to use the enumitem package and the likes. Probably, there would be a new command for a big circle. I just don't know how to pull everything together.

Example:

example

share|improve this question
    
How about tex.stackexchange.com/questions/34735/… ? –  ℝaphink Apr 2 '12 at 13:21
    
cool! i followed that thread and bumped into this one: tex.stackexchange.com/questions/7032/… It shows how to create a circled number for a enumerated list. But now I will have to figure out tikz so that I can increase the circle size and fill it with color –  karlos Apr 2 '12 at 13:32
1  
When you're posting your next question, please show what you've already figured out, even if it is only basic usage of enumitem. –  doncherry Apr 2 '12 at 14:09

2 Answers 2

up vote 10 down vote accepted

Here is an adaptation of Good way to make \textcircled numbers? for your needs:

\documentclass{article}

\usepackage{tikz}

\newcommand*\circled[1]{\tikz[baseline=(char.base)]{%
            \node[shape=circle,fill=blue!20,draw,inner sep=2pt] (char) {#1};}}

\usepackage{enumitem}

\begin{document}

\begin{enumerate}[label=\protect\circled{\arabic*}]
\item Step one
\item Step two
\item Step three
\end{enumerate}

\end{document}

result

To increase the circle size, play with the inner sep parameter (the border between the number and the circle). To change the color, play with the fill parameter.

If you wish to change the text color, you can use the xcolor package:

\documentclass{article}

\usepackage{tikz}

\newcommand*\circled[1]{\tikz[baseline=(char.base)]{%
            \node[shape=circle,fill=blue!20,draw,inner sep=2pt] (char) {#1};}}

\usepackage{enumitem}
\usepackage{xcolor}

\begin{document}

\begin{enumerate}[label=\protect\circled{\color{red}\arabic*}]
\item Step one
\item Step two
\item Step three
\end{enumerate}


\end{document}

red text?!

share|improve this answer
    
thank you, Raphink, that's exactly what I am trying to do. Is there a parameter for text color as well? –  karlos Apr 2 '12 at 13:53
    
Updated with text color. –  ℝaphink Apr 2 '12 at 13:57
    
awesome! thank you very much. –  karlos Apr 2 '12 at 13:59
    
<pre>\usepackage{tikz} \newcommand*\circled[1]{\tikz[baseline=(char.base)]{ \node[shape=circle, draw,inner sep=11pt, fill=NavyBlue] (char) {#1};}}</pre> when I increase the circle size, the longer bulleted text creates extra space between lines. Would it be possible for to wrap text around the bullet circle –  karlos Apr 2 '12 at 15:18
    
@karlos: Use backticks to highlight code in comments. –  ℝaphink Apr 2 '12 at 17:42

Without loading tikz and default LaTeX macros:

\documentclass{article}
\usepackage{xcolor}
\newcommand*\circled[1]{\kern-2.5em%
  \put(0,4){\color{blue}\circle*{18}}\put(0,4){\circle{16}}%
  \put(-3,0){\color{white}\bfseries\large#1}~~}
\usepackage{enumitem}
\begin{document}

\begin{enumerate}[label=\protect\circled{\arabic*}]
\item Step one
\item Step two
\item Step three
\end{enumerate}

\end{document}

enter image description here

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.