[Tex/LaTex] Fancy “Side Chapter Thumb Headings”

chapterschapterthumb

I would like to get some help in order to get my "Side Chapter Thumb Headings" to show up like:

The code below is building from the solution posted here:

\documentclass{book}
\usepackage[T1]{fontenc}
\usepackage{tikz}
\usetikzlibrary{calc}
\usepackage{lipsum}
\usepackage{xcolor}
\definecolor{ultramarine}{RGB}{0,45,97}
\definecolor{mybluei}{RGB}{0,173,239}
\usetikzlibrary{calc}
\pagestyle{plain}

\newcounter{chapshift}
\addtocounter{chapshift}{-1}

\newcommand\BoxColor{ultramarine}


\usepackage{etoolbox,fancyhdr}
\pagestyle{fancy}

\def\subsectiontitle{}
\renewcommand{\sectionmark}[1]{\markright{\sffamily\normalsize#1}{}}
\renewcommand{\subsectionmark}[1]{\def\subsectiontitle{#1}}

\fancyhf{} \fancyhead[LE,RO]{\sffamily\normalsize\thepage}
\fancyhead[LO]{\textcolor{mybluei} \rightmark%
\begin{tikzpicture}[overlay,remember picture]
  \node[fill=\BoxColor,inner sep=0pt,rectangle,text width=1cm,
    text height=28cm,align=center,anchor=north east]
  at ($ (current page.north east) + (-0cm,-2*\thechapshift cm) $)
  {\rotatebox{90}{\parbox{4cm}{%
   \centering\textcolor{white}{\bfseries\scshape\rightmark \\ \subsectiontitle}}}};
  \end{tikzpicture}}
\fancyhead[RE]{\textcolor{mybluei}\leftmark%
  \begin{tikzpicture}[overlay,remember picture]
  \node[fill=\BoxColor,inner sep=0pt,rectangle,text width=1cm,
    text height=28cm,align=center,anchor=north west]
  at ($ (current page.north west) + (-0cm,-2*\thechapshift cm) $)
  {\rotatebox{90}{\parbox{4cm}{%
    \centering\textcolor{white}{\bfseries\scshape\rightmark \\ \subsectiontitle}}}};
  \end{tikzpicture}}
\renewcommand{\headrulewidth}{.5pt}
\addtolength{\headheight}{2.5pt}
\newcommand{\footrulecolor}[1]{\patchcmd{\footrule}{\hrule}{\color{#1}\hrule}{}{}}
\renewcommand{\headrulewidth}{.5pt}
\addtolength{\headheight}{2.5pt}
\renewcommand{\footrulewidth}{.5pt}
\fancyfoot[LE,RO]{\footnotesize\bfseries\itshape LF Foot}
\fancyfoot[C]{\footnotesize\bfseries CTR FOOT}
\fancyfoot[RE,LO]{\footnotesize\bfseries\itshape RT Foot}

\fancypagestyle{plain}{%
  \fancyhf{}
  \renewcommand{\headrulewidth}{0pt}
  \renewcommand{\footrulewidth}{0pt}
}

\makeatletter
\renewcommand{\cleardoublepage}{
\clearpage\ifodd\c@page\else
\hbox{}
\vspace*{\fill}
\thispagestyle{empty}
\newpage
\fi}
\patchcmd{\@makechapterhead}
  {\vskip 40\p@}
  {\vskip 40\p@\stepcounter{chapshift}}{}{}
\makeatother

\usepackage{fourier}
\usepackage[explicit]{titlesec}

\begin{document}
\chapter{Chap 1 Problems}
\section{Problem 1}
\subsection{Problem 1}
\lipsum[1]
\subsection{Solution 1}
\lipsum[1-7]
\newpage
\section{Problem 2}
\subsection{Problem 2}
\lipsum[1]
\subsection{Solution 2}
\lipsum[1-4]

\chapter{Chap 2 Problems}
\section{Problem 1}
\subsection{Problem 1}
\lipsum[1]
\newpage
\subsection{Solution 1}
\lipsum[1]
\newpage
\section{Problem 2}
\subsection{Problem 2}
\lipsum[1]
\subsection{Solution 2}
\lipsum[1]

\end{document}

Thanks.

Best Answer

Here is a suggestion using scrlayer-scrpage. This package uses layers to define page styles. It is possible to define new layers and to add these layers to existing or to new defined layer page styles.

In the following example I declare new layers for the background of the outer margin, the page number, the chapter number and the text in the outer margin. Then I use these layers to define the new pagestyle scth (without the normal header and footer) and they are also added to the default pagestyle scrheadings and to plain.

\documentclass{book}
\usepackage[T1]{fontenc}
\usepackage{tikz}
\usepackage{lipsum}
\usepackage{fourier}

\usepackage{xpatch}
\usepackage[automark]{scrlayer-scrpage}
\renewcommand\chaptermarkformat{}
% define a new mark for the chapter number
\newmarks\chapternum
\xapptocmd\chaptermark{\marks\chapternum{\thechapter}}{}{\PatchFailed}

\newlength\outermarginwidth
\setlength\outermarginwidth{2cm}
\newlength\chapternumbersize
\setlength\chapternumbersize{60pt}

\colorlet{outermarginbgcolor}{lightgray}
\colorlet{outermarginfgcolor}{darkgray}

\newcommand*\outermarginpagemark{%
  \ifodd\value{page}\else\hfill\fi%
  \tikz[overlay]
    \node[circle,fill=outermarginfgcolor,text=white,font=\bfseries,minimum size=6mm]
      {\thepage};%
}

\makeatletter
\newcommand\outermarginmark{
  \ifodd\value{page}\hfill\else\hspace*{\dimexpr\outermarginwidth*3/8\relax}\fi
  \rotatebox{90}{\parbox{\layerheight}{%
    \raggedleft
    \usekomafont{outermargin}{%
      \MakeMarkcase{\ifodd\value{page}\odd@outermargin\else\even@outermargin\fi}}%
  }}%
  \ifodd\value{page}\hspace*{\dimexpr\outermarginwidth*3/8\relax}\fi%
}
\newcommand*\even@outermargin{}
\newcommand*\odd@outermargin{}
\newcommand*\evenoutermargin[1]{\renewcommand\even@outermargin{#1}}
\newcommand*\oddoutermargin[1]{\renewcommand\odd@outermargin{#1}}
\makeatother
\newkomafont{outermargin}{%
  \normalfont\normalcolor
}

\makeatletter
\newcommand*\chapternumbermark{%
  \ifodd\value{page}\else\hfill\fi%
  \if@mainmatter
    {\usekomafont{chapternumber}{\makebox[0pt]{\botmarks\chapternum}}}%
  \fi
  \vfill
}
\makeatother

\newkomafont{chapternumber}{%
  \fontsize{\chapternumbersize}{\chapternumbersize}\selectfont
  \color{outermarginfgcolor}%
}

% declare new page style using layers
\DeclareNewPageStyleByLayers{scth}{%
  scth.outermargin.bg.even,%
  scth.outermargin.bg.odd,%
  scth.outermargin.pn.even,%
  scth.outermargin.pn.odd,%
  scth.outermargin.cn.even,%
  scth.outermargin.cn.odd,%
  scth.outermargin.text.even,%
  scth.outermargin.text.odd%
}

% define the layers for even pages
\DeclareNewLayer[
  background,
  evenpage,
  outermargin,
  width=\outermarginwidth,
  contents={\color{outermarginbgcolor}\rule{\layerwidth}{\layerheight}}
]{scth.outermargin.bg.even}
\DeclareNewLayer[
  foreground,
  evenpage,
  foot,
  hoffset=0pt,
  width=\outermarginwidth,
  contents=\outermarginpagemark
]{scth.outermargin.pn.even}
\DeclareNewLayer[
  foreground,
  evenpage,
  head,
  hoffset=0cm,
  width=\outermarginwidth,
  align=t,
  addvoffset=\dimexpr-\chapternumbersize+\headheight\relax,
  height=\chapternumbersize,
  contents=\chapternumbermark
]{scth.outermargin.cn.even}
\DeclareNewLayer[
  clone=scth.outermargin.cn.even,
  addheight=\dimexpr\headheight+\headsep+\textheight\relax,
  contents=\outermarginmark
]{scth.outermargin.text.even}

% define the layers for odd page from the settings for even pages
\newcommand*\DeclareOddFromEven[1]{%
  \DeclareNewLayer[
    clone=#1.even,
    oddpage,
    align=r,
    hoffset=\paperwidth
  ]{#1.odd}%
}
\DeclareOddFromEven{scth.outermargin.bg}
\DeclareOddFromEven{scth.outermargin.pn}
\DeclareOddFromEven{scth.outermargin.cn}
\DeclareOddFromEven{scth.outermargin.text}

% add the layers to page style scrheadings and page style plain
\ForEachLayerOfPageStyle*{scth}{%
  \AddLayersToPageStyle{scrheadings}{#1}%
  \AddLayersToPageStyle{plain.scrheadings}{#1}%
}

%----------------------------------------------
% header and footer contents settings
\KOMAoptions{headsepline,markcase=upper}
% for page styles scrheadings and plain
\clearpairofpagestyles
\ohead{\rightmark}
\cfoot{\pagemark}
\ofoot{Authors Name}
% set the contents of the outer margin on even and odd pages for scrheadings, plain and scth
\evenoutermargin{Title of the document}
\oddoutermargin{\leftmark}

\definecolor{lightblue}{RGB}{199,232,250}
\definecolor{darkblue}{RGB}{59,134,215}

\colorlet{outermarginbgcolor}{lightblue}
\colorlet{outermarginfgcolor}{darkblue}

\usepackage{blindtext}
\begin{document}
\frontmatter
\tableofcontents
\mainmatter
\blinddocument

\clearpage
% change some settings
\colorlet{outermarginbgcolor}{orange!30}
\colorlet{outermarginfgcolor}{orange}
\addtokomafont{outermargin}{\color{blue!50!green}}
\evenoutermargin{Changed text on even pages}
\blinddocument
\end{document}

Result:

Related Solutions

[Tex/LaTex] Fancy Chapter Headings

It's the Veelo chapterstyle from the memoir class.

[Tex/LaTex] Fancy chapter headings

Although the memoir class, fancychap, titlesec and others have some predefined chapter styles, I understand your search for something better.

There are two issues to consider here:

The limitations of the original LaTeX structure and commands and,
The typographical requirements for such an endeavour.

One of the difficulties in the redefinition of chapters, is the different mechanisms provided by the various packages as well as by LaTeX. To complicate matters further the code in the book.cls is spread in at least four chunks.

An approach to overcome the limitations and provide some more general and well abstracted routines to define a key-value approach similar to those provided by PGF keys. I have done some work in this respect sometimes back and a typical setting would be:

\cxset{
 name=\so{CHAPTER},
 numbering=arabic,
 number font-size=\large,
 number before={},
 number position=rightname,
 chapter color={black!80},
 chapter font-size=\large,
 chapter before=\rule[3pt]{\textwidth}{0.4pt}\par\hfill,
 number after=,
 chapter after=\hfill\hfill\par\rule[6pt]{\textwidth}{0.4pt}\par,
 number color=\color{black!80},
 title font-family=\bfseries,
 title font-color=\color{black!80},
 title font-weight=,
 title font-size=\LARGE,
 title beforeskip=\hfill\par\hspace*{0pt},
 header style=empty
}

Although the keys and the code might at first glance seem overwhelming it can be greatly simplified by the use of styles. So once a set of keys has been defined it can be stored in a .style command. Another advantage of this method is that community settings can easily be incorporated by the use of libraries. This is important for TikZ based designs, where the shapes and complexity cannot be abstracted easily if at all.

This brings us to the second part of the issues associated with chapter re-definitions: typography. The chapter look and feel must blend with the rest of the design. Consider for example the following two images:

enter image description here

It is no good only having definitions for chapters. The style should extend to exercises, tables, sections table of contents and the like. A similar method to using a key-value approach might make this task easier and share the styling among the community. Originally I experimented with .ini files and LuaLaTeX for loading them. However, the key value approach is better and more familiar to the community.

I have collected over 50 styles from different books and I have the basic code ready for experimentation (only for chapters).

And now the coding part. First we define keys for all major elements:

\def\cxset{\pgfqkeys{/chapter}}
\cxset{%
  name/.code={\gdef\chaptername{#1}},
  chapter font-family/.store in=\chapterfontfamily@cx,
  ...
}

As we want to use the basic LaTeX structure and conventions, we redefine the \@makechapterhead to handle the keys. Remember that there are two commands used by LaTeX to typeset chapter heads. The one is used for the unstarred version of the command, while the other one is for the starred version. The starred version of the command in our approach is unnecessary as we can define a key instruct the typesetting engine to ignore the numbering (numbering=none) and hence we redirect both the starred as well as the unstarred version to the same macro.

 \renewcommand\@makechapterhead[2][]{%
   ...
   \titlebeforeskip@cx%
   \if@lefttitle%
     \beforenumber@cx%
     \counterdisplay\c@chapter\afternumber@cx%
   \fi
   ...
  }

The macro contains the typesetting algorithm and hooks into the various keys. To typeset a chapter head the simplest approach is to define a set of keys as styles. For example we can use:

   \cxset{manet/.style={
   name={},
   numbering=none,
   ...
   }

to define the style "manet". The chapter is then typeset as:

  \cxset{manet}
  \chapter{EDOUARD MANET}
  \begin{multicols}{3}
    \leftskip0pt
    \lettrine{I}{psum dolor} sit amet latixeus. \lipsum*[1-2]
    Latinicus porcupinus to fill the line.
  \end{multicols}

Giving us the following result:

enter image description here

With slight variations, we can inherit the style and get the "cardinal on a vespa chapter":

   \cxset{manet}
   \topimage{<image file>}
   \chapter{ALAN MacDONALD}

Additional keys can be defined if necessary to cater for all fields.

Chapters made out of only textual components are easier to define. You just set the style number.

   \cxset{style7}
   \chapter{Introduction to Style Seven}
   ...
   \cxset{style12}
   \chapter{Introduction to Style Twelve}
   ...

enter image description here

Special chapter openings need a different treatment and are best described as environments, as they tend to have many textual components as well as images:

  \begin{specialchapter}[
     image=genetics-dogs,%chromosomes
     image caption={Labrador retriever\\
      ...
     by two gene pairs.}]%
    {Extensions\\ of Mendelian\\ Genetics}
    \begin{itemize}
     ...
    \end{itemize}
  \end{specialchapter}

enter image description here

The second image above had only the image key changed, just to illustrate the technique. As a point of interest the images were placed with traditional boxing techniques rather than using tikZ or picture commands. The shading was achieved by stretching a "shadow" image file, pretty much like it was used on the web in the pre-html5 days.

The technique has proved useful, easy to define and although the documentation still needs to be developed and the code needs a good clean-up and a few must-do; in the meantime you can download the image samples (used in the documentation), the chapterx package file, the documentation tex file and the documentation pdf file.

Please ping me at chat, if you have any other interesting designs that we can add to the collection.

Best Answer

Related Solutions

[Tex/LaTex] Fancy Chapter Headings

[Tex/LaTex] Fancy chapter headings

Related Question