breakable box placement

Question

Using the same code as in How to customize title of 'the breakable boxes inside breakable boxes'? with many thanks to @Ignasi, I encountered the following problems:

An example:

% !TeX program = xelatex

\documentclass[fromlogo = true]{article}
\usepackage{varwidth,cancel}

\usepackage{eso-pic,mathtools}
\usepackage{tikz}
\usepackage[many]{tcolorbox}
\tcbuselibrary{skins,breakable,xparse}
\tikzset{coltria/.style = {fill=bllue}}
\tikzset{cccoltria/.style= {fill=bllack}}
\tikzset{cccccoltria/.style = {fill=red}}
\usepackage{refcount}
\usetikzlibrary{backgrounds,calc}
\usepackage{tikzpagenodes}
\usepackage{lipsum}

\usepackage{fontspec}
\usepackage[first=-90, last = 90]{lcg}
\newcommand{\random}{0.2*rand}
\newcommand{\rulewidth}{5 mm}

\definecolor{grey}{RGB}{220,220,220}

\usepackage{varwidth}

\allowdisplaybreaks

\usepackage{polyglossia}
\usepackage{amsmath}
\usetikzlibrary{shapes.callouts,shapes.arrows,matrix,shapes.misc,shadows.blur,shapes,arrows, patterns, hobby,shapes.multipart}
\usepackage{pgfplots}
\pgfplotsset{compat=1.6}


\definecolor{bllue}{RGB}{0,0,255}
\definecolor{bllack}{RGB}{0,255,0}


\newcommand{\bllackpicture}{\textcolor{black}{Box}}

\newcommand{\redpicture}{
    \textcolor{red}{Box}}

\newcommand{\blluepicture}{
    \textcolor{bllue}{Box}}



\newcommand{\Rn}{purple}

\tcbset{setskinf/.style = {skin first is subskin of={emptyfirst}{
            oversize, enhanced,
            frame code = {\path[tcb fill frame,rounded corners] (frame.south west)--(frame.north west) -- (frame.north east)--(frame.south east)--cycle;
                \path[#1] ([xshift = 2.5mm, yshift = 1mm]frame.south west) -- +(120:2mm) -- +(60:2mm)-- cycle;},
            interior code={\path[tcb fill interior,rounded corners] (interior.south west|-frame.south)--(interior.north west)--([xshift=-4.8mm]interior.north east)--([yshift=-4.8mm]interior.north east)--(interior.south east|-frame.south)--cycle;}
            ,}}}
\tcbset{setskinm/.style = {
        skin middle is subskin of={emptymiddle}{
            oversize, enhanced,
            frame code = {\path[tcb fill frame,rounded corners] (frame.south west)--(frame.north west) -- (frame.north east)--(frame.south east)--cycle;
                \path[#1] ([xshift = 2.5mm, yshift = -1mm]frame.north west) -- +(240:2mm) -- +(300:2mm)-- cycle;
                \path[#1] ([xshift = 2.5mm, yshift = 1mm]frame.south west) -- +(120:2mm) -- +(60:2mm)-- cycle;},
            interior code={\path[tcb fill interior,rounded corners] (interior.south west|-frame.south)--(interior.north west)--([xshift=-4.8mm]interior.north east)--([yshift=-4.8mm]interior.north east)--(interior.south east|-frame.south)--cycle;}
            ,}}}
\tcbset{setskinl/.style = {
        skin last is subskin of={emptylast}{
            oversize, enhanced,
            frame code = {\path[tcb fill frame,rounded corners] (frame.south west)--(frame.north west) -- (frame.north east)--(frame.south east)--cycle;
                \path[#1] ([xshift = 2.5mm, yshift = -1mm]frame.north west) -- +(240:2mm) -- +(300:2mm)-- cycle;},
            interior code={\path[tcb fill interior,rounded corners] (interior.south west|-frame.south)--(interior.north west)--([xshift=-4.8mm]interior.north east)--([yshift=-4.8mm]interior.north east)--(interior.south east|-frame.south)--cycle;}
            ,}}}

\tcbset{boxedtitle/.style = {attach boxed title to top left = {xshift = 1cm, yshift*=1mm-\tcboxedtitleheight}, varwidth boxed title*=-3cm,
        boxed title style={frame code = {
                \path[fill=tcbcol@back!30!black]
                ([yshift = -1mm,xshift = -1mm] frame.north west)
                arc[start angle=0,end angle=180,radius=1mm]
                ([yshift = -1mm,xshift = 1mm] frame.north east)
                arc[start angle = 180, end angle = 0, radius = 1mm];
                \path[left color = tcbcol@back!60!black, right color = tcbcol@back!60!black, middle color = tcbcol@back!80!black]
                ([xshift=-2mm]frame.north west)--([xshift=2mm]frame.north east) [rounded corners=1mm]--([xshift=1mm,yshift=-1mm]frame.north east) --(frame.south east)--(frame.south west)
                --([xshift=-1mm,yshift=-1mm]frame.north west)
                [sharp corners]-- cycle;
            },interior engine=empty,
        },
        fonttitle=\bfseries}}

    \tcbset{normal/.style n args = {1}{enlarge top initially by = 1cm,enlarge bottom finally by = 7mm,enlarge left by = 5mm,
            enlarge right by = 5mm,
            width = \linewidth+2cm,
                overlay unbroken = {\draw[\Rn!70!black, line width = .8mm, rounded corners]
                    ([xshift = -5mm, yshift = -5mm]frame.south west)|-([yshift = 9mm]frame.north)-|
                    ([xshift = 5mm, yshift = -5mm]frame.south east) -- cycle;
                    \coordinate (outernw) at ([shift = {(-5mm,1cm)}]frame.north west);
                    \node[fill=\Rn!70!black, minimum height = 5mm,
                    anchor = north west, text = white, rounded corners] at ([xshift = 1cm]outernw) (outertitle) {Title #1};
                    \path[fill = \Rn!30!black]
                    ([yshift = -1mm, xshift = -1mm]outertitle.north west)
                    arc[start angle = 0, end angle = 180, radius = 1mm]
                    ([yshift = -1mm, xshift = 1mm]outertitle.north east)
                    arc[start angle = 180, end angle = 0, radius = 1mm];
                    \path[left color = \Rn!60!black, right color = \Rn!60!black, middle color = \Rn!80!black]
                    ([xshift = -2mm]outertitle.north west) -- ([xshift = 2mm]outertitle.north east)[rounded corners = 1mm]
                    -- ([xshift = 1mm, yshift = -1mm]outertitle.north east) -- (outertitle.south east) -- (outertitle.south west)
                    -- ([xshift = -1mm, yshift = -1mm]outertitle.north west)
                    [sharp corners] -- cycle;
                    \node[text = white] at (outertitle) {Title #1};
                },
            overlay first = {\draw[\Rn!70!black, line width = .8mm, rounded corners]
                ([xshift = -5mm]frame.south west)|-([yshift = 9mm]frame.north)-|
                ([xshift = 5mm]frame.south east);
                \coordinate (outernw) at ([shift = {(-5mm,1cm)}]frame.north west);  
                \node[fill=\Rn!70!black, minimum height = 5mm,
                anchor = north west, text = white, rounded corners] at ([xshift = 1cm]outernw) (outertitle) {Question #1};
                \path[fill = \Rn!30!black]
                ([yshift = -1mm, xshift = -1mm]outertitle.north west)
                arc[start angle = 0, end angle = 180, radius = 1mm]
                ([yshift = -1mm, xshift = 1mm]outertitle.north east)
                arc[start angle = 180, end angle = 0, radius = 1mm];
                \path[left color = \Rn!60!black, right color = \Rn!60!black, middle color = \Rn!80!black]
                ([xshift = -2mm]outertitle.north west) -- ([xshift = 2mm]outertitle.north east)[rounded corners = 1mm]
                -- ([xshift = 1mm, yshift = -1mm]outertitle.north east) -- (outertitle.south east) -- (outertitle.south west)
                -- ([xshift = -1mm, yshift = -1mm]outertitle.north west)
                [sharp corners] -- cycle;
                \node[text = white] at (outertitle) {Question #1};
},
            overlay middle = {
                \draw[\Rn!70!black, line width = .8mm]
                ([xshift = -5mm]frame.north west)--([xshift = -5mm]frame.south west)
                ([xshift = 5mm]frame.north east)--([xshift = 5mm]frame.south east);
},
overlay last = {\draw[\Rn!70!black, line width = .8mm, rounded corners]
    ([xshift = -5mm]frame.north west)|-([yshift = -5mm]frame.south)-|
    ([xshift = 5mm]frame.north east);
}
}}

\tcbset{top/.style n args = {1}{enlarge top initially by = 1cm, enlarge bottom finally by = 1mm,
        enlarge left by = 5mm,
        enlarge right by = 5mm,
        width = \linewidth+2cm,
        overlay unbroken and first = {
            \draw[\Rn!70!black, line width = .8mm, rounded corners]
            ([xshift = -5mm, yshift = -2mm]frame.south west)|-([yshift = 9mm]frame.north)-|
            ([xshift = 5mm, yshift = -2mm]frame.south east);
            \coordinate (outernw) at ([shift = {(-5mm,1cm)}]frame.north west);  
            \node[fill=\Rn!70!black, minimum height = 5mm,
            anchor = north west, text = white, rounded corners] at ([xshift = 1cm]outernw) (outertitle) {Title #1};
        \path[fill = \Rn!30!black]
        ([yshift = -1mm, xshift = -1mm]outertitle.north west)
        arc[start angle = 0, end angle = 180, radius = 1mm]
        ([yshift = -1mm, xshift = 1mm]outertitle.north east)
        arc[start angle = 180, end angle = 0, radius = 1mm];
        \path[left color = \Rn!60!black, right color = \Rn!60!black, middle color = \Rn!80!black]
        ([xshift = -2mm]outertitle.north west) -- ([xshift = 2mm]outertitle.north east)[rounded corners = 1mm]
        -- ([xshift = 1mm, yshift = -1mm]outertitle.north east) -- (outertitle.south east) -- (outertitle.south west)
        -- ([xshift = -1mm, yshift = -1mm]outertitle.north west)
        [sharp corners] -- cycle;
        \node[text = white] at (outertitle) {Title #1};
    },
        overlay middle and last = {
            \draw[\Rn!70!black, line width = .8mm]
            ([xshift = -5mm]frame.north west)--([xshift = -5mm]frame.south west)
            ([xshift = 5mm]frame.north east)--([xshift = 5mm]frame.south east);
}}}

\tcbset{middle/.style n args = {1}{enlarge top initially by = 1mm, enlarge bottom finally by = 1mm,
enlarge left by = 5mm,
enlarge right by = 5mm,
width = \linewidth+2cm,
overlay unbroken = {
\draw[\Rn!70!black,line width = .8mm]
    ([shift = {(-5mm,3mm)}]frame.north west)--([shift = {(-5mm,-3mm)}]frame.south west)
    ([shift = {(5mm,3mm)}]frame.north east)--([shift = {(5mm,-3mm)}]frame.south east);
},
overlay first = {
    \draw[\Rn!70!black,line width = .8mm]
    ([shift = {(-5mm,5mm)}]frame.north west)--([xshift = -5mm]frame.south west)
    ([shift = {(5mm,5mm)}]frame.north east)--([xshift = 5mm]frame.south east);
},
overlay middle = {
    \draw[\Rn!70!black,line width = .8mm]
    ([xshift = -5mm]frame.north west)--([xshift = -5mm]frame.south west)
    ([xshift = 5mm]frame.north east)--([xshift = 5mm]frame.south east);
},
overlay last = {
    \draw[\Rn!70!black,line width = .8mm]
    ([xshift = -5mm]frame.north west)--([shift = {(-5mm,-5mm)}]frame.south west)
    ([xshift = 5mm]frame.north east)--([shift = {(5mm,-5mm)}]frame.south east);
},
}}

\tcbset{bottom/.style = {enlarge bottom finally by = 7mm, enlarge top initially by = 1mm,
        enlarge left by = 5mm,
        enlarge right by = 5mm,
        width = \linewidth+2cm,
        overlay unbroken and last = {
            \draw[\Rn!70!black, line width = .8mm, rounded corners]
            ([xshift = -5mm, yshift = 2mm]frame.north west)|-([yshift = -5mm]frame.south)-|
            ([xshift = 5mm, yshift = 2mm]frame.north east);
        },
        overlay first and middle = {
            \draw[\Rn!70!black, line width = .8mm]
            ([xshift = -5mm]frame.north west)--([xshift = -5mm]frame.south west)
            ([xshift = 5mm]frame.north east)--([xshift = 5mm]frame.south east);
}}}

\newtcolorbox{generic}[5][]{empty,leftrule=\rulewidth,oversize, enhanced,
    frame style = {left color = #2!20, right color = white},interior style = {left color = #2!5, right color = white}, left = 0pt, right = 0pt, %top = 4pt, bottom = 4pt, 
    before skip = 0pt, after skip = 0pt,% boxrule = 0.1pt, 
    title = #3, underlay={\begin{tcbclipinterior}
            \shade[inner color = #2!10, outer color = white] (interior.north west) circle (2cm);
            \draw[help lines, step = 5mm, #2!5,shift={(interior.north west)}] (interior.south west) grid (interior.north east);
        \end{tcbclipinterior}
    }, drop small lifted shadow,
    breakable,rotate = \random
    ,
    frame code = {\path[tcb fill frame,rounded corners] (frame.south west)--(frame.north west) -- (frame.north east)--(frame.south east)--cycle;
    },
    interior code={\path[tcb fill interior,rounded corners] (interior.south west|-frame.south)--(interior.north west)--([xshift=-4.8mm]interior.north east)--([yshift=-4.8mm]interior.north east)--(interior.south east|-frame.south)--cycle;},
    % test
    setskinf = {#4},setskinm = {#4},setskinl = {#4},#5, #1}

\newcommand{\bllack}[3][]{\begin{generic}[#1]{bllack}{\bllackpicture}{cccoltria}
        {normal = #2}
        #3
\end{generic}}

\newcommand{\tbllack}[3][]{\begin{generic}[#1]{bllack}{\bllackpicture}{cccoltria}
        {top = #2}
        #3
\end{generic}}
\newcommand{\mbllack}[2][]{\begin{generic}[#1]{bllack}{\bllackpicture}{cccoltria}
        {middle}
        #2
\end{generic}}
\newcommand{\bbllack}[2][]{\begin{generic}[#1]{bllack}{\bllackpicture}{cccoltria}
        {bottom}
        #2
\end{generic}}

\newcommand{\red}[3][]{
    \begin{generic}[#1]{red}{\redpicture}{cccccoltria}
        {normal = #2}
        #3
\end{generic}}
\newcommand{\tred}[3][]{
\begin{generic}[#1]{red}{\redpicture}{cccccoltria}
        {top = #2}
#3
\end{generic}}
\newcommand{\mred}[2][]{
    \begin{generic}[#1]{red}{\redpicture}{cccccoltria}
        {middle}
        #2
\end{generic}}
\newcommand{\bred}[2][]{
    \begin{generic}[#1]{red}{\redpicture}{cccccoltria}
        {bottom}
        #2
\end{generic}}

\newcommand{\bllue}[3][]{
    \begin{generic}[#1]{bllue}{\blluepicture}{coltria}
        {normal = #2}
        #3
\end{generic}}
\newcommand{\tbllue}[3][]{
\begin{generic}[#1]{bllue}{\blluepicture}{coltria}
        {top = #2}
#3
\end{generic}}
\newcommand{\mbllue}[2][]{
    \begin{generic}[#1]{bllue}{\blluepicture}{coltria}
        {middle}
        #2
\end{generic}}
\newcommand{\bbllue}[2][]{
    \begin{generic}[#1]{bllue}{\blluepicture}{coltria}
        {bottom}
        #2
\end{generic}}

\newcommand{\tcblowerr}{\begin{tcblowerbox}%{middle}
        \tcblower
\end{tcblowerbox}}

\begin{document}
    %
    \tbllack{1}{\lipsum[1-1]}
    \mred{\lipsum[1-1]}
    \bbllue{\lipsum[1-1]}
    \tbllack{2}{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
%
    \tbllack{1}{\lipsum[1-1]}
    \mred{\lipsum[1-1]}
    \bbllue{\lipsum[1-1]}
    \tbllack{2}{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    %\newpage
    %\section{Title}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
%   
    \tbllue{7}{\lipsum[1-1]}
    \mbllack{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    \red{{8}}{\lipsum[1-1]}
%   
    %\newpage
    %\section{Title}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
%   
    \tbllue{7}{\lipsum[1-1]}
    \mbllack{\lipsum[1-1]}
    \bred{\lipsum[1-2]}
    \red{{8}}{\lipsum[1-1]}
    %
    \tbllack{1}{\lipsum[1-1]}
    \mred{\lipsum[1-1]}
    \bbllue{\lipsum[1-1]}
    \tbllack{2}{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
    %
    \tbllack{1}{\lipsum[1-1]}
    \mred{\lipsum[1-1]}
    \bbllue{\lipsum[1-1]}
    \tbllack{2}{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    %\newpage
    %\section{Title}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
    %   
    \tbllue{7}{\lipsum[1-1]}
    \mbllack{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    \red{{8}}{\lipsum[1-1]}
    %   
    %\newpage
    %\section{Title}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
    %   
    \tbllue{7}{\lipsum[1-1]}
    \mbllack{\lipsum[1-1]}
    \bred{\lipsum[1-2]}
    \red{{8}}{\lipsum[1-1]}

\end{document}

The box in page 19 and 21 is broken, but why is not placed on page 18 an 20 resp?
Why are the boxes on page 22, 8 not exactly below each other?

So my main questions are

How can I force box on page 19 and 21 to be placed on page 18 and 20 resp?
How can I place boxes exactly below each other?

How can we know it without any other information? Do you know what's a Minimal Working example. We have no problem solving questions but don't leave all the job for us. Provide the failing code. Make questions that show that you are really trying to understand how the code works. "Do it for me" questions are not welcome. — Ignasi, Apr 23, 2018 at 7:37
@Ignasi, I am more than happy to post a MWE. But my code is quite long and extensive. Should I still post it? — Faceb Faceb, Apr 23, 2018 at 21:44

Ignasi · Accepted Answer · 2018-04-24 09:49:09Z

1

I don't want to dive into your code but something is wrong for sure. I've added show bounding box option to some of your boxes (\tred[show bounding box]{1}{\lipsum[1-1]}) and this is the result:

As you can see all boxes are perfectly aligned according the bounding box but in some of them the bounding box is not the external box. Now it's your turn to find the missalignment.

Some comments about the code.

It includes a lot of packages/libraries that the example doesn't use (mathtools, pgfplots, ...). It's better that you avoid them in your examples.

You declare styles with xxxxx/.style n args = {1}{. If style only uses one parameter you can declare it as non parametric style xxxxx/.style = { and still use #1 inside this style. .style declaration accepts one parameter by default.

Finally I think that rotate=\random in generic box will make a non perfect adjustement between different boxes.

answered Apr 24, 2018 at 9:49

Ignasi

133k12 gold badges246 silver badges494 bronze badges

ok thanks for checking. I can see that the boxes are placed wrong only if they are broken, if they are unbroken they are ok
– Faceb Faceb
Apr 24, 2018 at 17:12
do you have a hint perhaps?
– Faceb Faceb
Apr 24, 2018 at 17:13
@FacebFaceb May be the broken boxes don't preserve the bounding box conditions. But It's just a suposition.
– Ignasi
Apr 24, 2018 at 17:30
my solution is to shift all broken boxes to the right?
– Faceb Faceb
Apr 24, 2018 at 17:34
do you know how my first question can be solved?
– Faceb Faceb
Apr 24, 2018 at 17:37

| Show 6 more comments

Faceb Faceb · Accepted Answer · 2018-06-19 15:42:34Z

Thanks to the advise of @Ignasi, the misalignment-problem (my second question) is solved. It is the oversize option in setskin that is the cause of misalignment.

However, my first question remains unsolved.

The code is now:

% !TeX program = xelatex

\documentclass[fromlogo = true]{article}
\usepackage{varwidth,cancel}

\usepackage{eso-pic,mathtools}
\usepackage{tikz}
\usepackage[many]{tcolorbox}
\tcbuselibrary{skins,breakable,xparse}
\tikzset{coltria/.style = {fill=bllue}}
\tikzset{cccoltria/.style= {fill=bllack}}
\tikzset{cccccoltria/.style = {fill=red}}
\usepackage{refcount}
\usetikzlibrary{backgrounds,calc}
\usepackage{tikzpagenodes}
\usepackage{lipsum}

\usepackage{fontspec}
\usepackage[first=-90, last = 90]{lcg}
\newcommand{\random}{0.2*rand}
\newcommand{\rulewidth}{5 mm}

\definecolor{grey}{RGB}{220,220,220}

\usepackage{varwidth}

\allowdisplaybreaks

\usepackage{polyglossia}
\usepackage{amsmath}
\usetikzlibrary{shapes.callouts,shapes.arrows,matrix,shapes.misc,shadows.blur,shapes,arrows, patterns, hobby,shapes.multipart}
\usepackage{pgfplots}
\pgfplotsset{compat=1.6}


\definecolor{bllue}{RGB}{0,0,255}
\definecolor{bllack}{RGB}{0,255,0}


\newcommand{\bllackpicture}{\textcolor{black}{Box}}

\newcommand{\redpicture}{
    \textcolor{red}{Box}}

\newcommand{\blluepicture}{
    \textcolor{bllue}{Box}}



\newcommand{\Rn}{purple}

\tcbset{setskinf/.style = {skin first is subskin of={emptyfirst}{
            enhanced,
            frame code = {\path[tcb fill frame,rounded corners] (frame.south west)--(frame.north west) -- (frame.north east)--(frame.south east)--cycle;
                \path[#1] ([xshift = 2.5mm, yshift = 1mm]frame.south west) -- +(120:2mm) -- +(60:2mm)-- cycle;},
            interior code={\path[tcb fill interior,rounded corners] (interior.south west|-frame.south)--(interior.north west)--([xshift=-4.8mm]interior.north east)--([yshift=-4.8mm]interior.north east)--(interior.south east|-frame.south)--cycle;}
            ,}}}
\tcbset{setskinm/.style = {
        skin middle is subskin of={emptymiddle}{
            enhanced,
            frame code = {\path[tcb fill frame,rounded corners] (frame.south west)--(frame.north west) -- (frame.north east)--(frame.south east)--cycle;
                \path[#1] ([xshift = 2.5mm, yshift = -1mm]frame.north west) -- +(240:2mm) -- +(300:2mm)-- cycle;
                \path[#1] ([xshift = 2.5mm, yshift = 1mm]frame.south west) -- +(120:2mm) -- +(60:2mm)-- cycle;},
            interior code={\path[tcb fill interior,rounded corners] (interior.south west|-frame.south)--(interior.north west)--([xshift=-4.8mm]interior.north east)--([yshift=-4.8mm]interior.north east)--(interior.south east|-frame.south)--cycle;}
            ,}}}
\tcbset{setskinl/.style = {
        skin last is subskin of={emptylast}{
            enhanced,
            frame code = {\path[tcb fill frame,rounded corners] (frame.south west)--(frame.north west) -- (frame.north east)--(frame.south east)--cycle;
                \path[#1] ([xshift = 2.5mm, yshift = -1mm]frame.north west) -- +(240:2mm) -- +(300:2mm)-- cycle;},
            interior code={\path[tcb fill interior,rounded corners] (interior.south west|-frame.south)--(interior.north west)--([xshift=-4.8mm]interior.north east)--([yshift=-4.8mm]interior.north east)--(interior.south east|-frame.south)--cycle;}
            ,}}}

\tcbset{boxedtitle/.style = {attach boxed title to top left = {xshift = 1cm, yshift*=1mm-\tcboxedtitleheight}, varwidth boxed title*=-3cm,
        boxed title style={frame code = {
                \path[fill=tcbcol@back!30!black]
                ([yshift = -1mm,xshift = -1mm] frame.north west)
                arc[start angle=0,end angle=180,radius=1mm]
                ([yshift = -1mm,xshift = 1mm] frame.north east)
                arc[start angle = 180, end angle = 0, radius = 1mm];
                \path[left color = tcbcol@back!60!black, right color = tcbcol@back!60!black, middle color = tcbcol@back!80!black]
                ([xshift=-2mm]frame.north west)--([xshift=2mm]frame.north east) [rounded corners=1mm]--([xshift=1mm,yshift=-1mm]frame.north east) --(frame.south east)--(frame.south west)
                --([xshift=-1mm,yshift=-1mm]frame.north west)
                [sharp corners]-- cycle;
            },interior engine=empty,
        },
        fonttitle=\bfseries}}

\tcbset{normal/.style n args = {1}{enlarge top initially by = 1cm,enlarge bottom finally by = 7mm,enlarge left by = 5mm,
        enlarge right by = 5mm,
        width = \linewidth+2cm,
        overlay unbroken = {\draw[\Rn!70!black, line width = .8mm, rounded corners]
            ([xshift = -5mm, yshift = -5mm]frame.south west)|-([yshift = 9mm]frame.north)-|
            ([xshift = 5mm, yshift = -5mm]frame.south east) -- cycle;
            \coordinate (outernw) at ([shift = {(-5mm,1cm)}]frame.north west);
            \node[fill=\Rn!70!black, minimum height = 5mm,
            anchor = north west, text = white, rounded corners] at ([xshift = 1cm]outernw) (outertitle) {Title #1};
            \path[fill = \Rn!30!black]
            ([yshift = -1mm, xshift = -1mm]outertitle.north west)
            arc[start angle = 0, end angle = 180, radius = 1mm]
            ([yshift = -1mm, xshift = 1mm]outertitle.north east)
            arc[start angle = 180, end angle = 0, radius = 1mm];
            \path[left color = \Rn!60!black, right color = \Rn!60!black, middle color = \Rn!80!black]
            ([xshift = -2mm]outertitle.north west) -- ([xshift = 2mm]outertitle.north east)[rounded corners = 1mm]
            -- ([xshift = 1mm, yshift = -1mm]outertitle.north east) -- (outertitle.south east) -- (outertitle.south west)
            -- ([xshift = -1mm, yshift = -1mm]outertitle.north west)
            [sharp corners] -- cycle;
            \node[text = white] at (outertitle) {Title #1};
        },
        overlay first = {\draw[\Rn!70!black, line width = .8mm, rounded corners]
            ([xshift = -5mm]frame.south west)|-([yshift = 9mm]frame.north)-|
            ([xshift = 5mm]frame.south east);
            \coordinate (outernw) at ([shift = {(-5mm,1cm)}]frame.north west);  
            \node[fill=\Rn!70!black, minimum height = 5mm,
            anchor = north west, text = white, rounded corners] at ([xshift = 1cm]outernw) (outertitle) {Question #1};
            \path[fill = \Rn!30!black]
            ([yshift = -1mm, xshift = -1mm]outertitle.north west)
            arc[start angle = 0, end angle = 180, radius = 1mm]
            ([yshift = -1mm, xshift = 1mm]outertitle.north east)
            arc[start angle = 180, end angle = 0, radius = 1mm];
            \path[left color = \Rn!60!black, right color = \Rn!60!black, middle color = \Rn!80!black]
            ([xshift = -2mm]outertitle.north west) -- ([xshift = 2mm]outertitle.north east)[rounded corners = 1mm]
            -- ([xshift = 1mm, yshift = -1mm]outertitle.north east) -- (outertitle.south east) -- (outertitle.south west)
            -- ([xshift = -1mm, yshift = -1mm]outertitle.north west)
            [sharp corners] -- cycle;
            \node[text = white] at (outertitle) {Question #1};
        },
        overlay middle = {
            \draw[\Rn!70!black, line width = .8mm]
            ([xshift = -5mm]frame.north west)--([xshift = -5mm]frame.south west)
            ([xshift = 5mm]frame.north east)--([xshift = 5mm]frame.south east);
        },
        overlay last = {\draw[\Rn!70!black, line width = .8mm, rounded corners]
            ([xshift = -5mm]frame.north west)|-([yshift = -5mm]frame.south)-|
            ([xshift = 5mm]frame.north east);
        }
}}

\tcbset{top/.style n args = {1}{enlarge top initially by = 1cm, enlarge bottom finally by = 1mm,
        enlarge left by = 5mm,
        enlarge right by = 5mm,
        width = \linewidth+2cm,
        overlay unbroken and first = {
            \draw[\Rn!70!black, line width = .8mm, rounded corners]
            ([xshift = -5mm, yshift = -2mm]frame.south west)|-([yshift = 9mm]frame.north)-|
            ([xshift = 5mm, yshift = -2mm]frame.south east);
            \coordinate (outernw) at ([shift = {(-5mm,1cm)}]frame.north west);  
            \node[fill=\Rn!70!black, minimum height = 5mm,
            anchor = north west, text = white, rounded corners] at ([xshift = 1cm]outernw) (outertitle) {Title #1};
            \path[fill = \Rn!30!black]
            ([yshift = -1mm, xshift = -1mm]outertitle.north west)
            arc[start angle = 0, end angle = 180, radius = 1mm]
            ([yshift = -1mm, xshift = 1mm]outertitle.north east)
            arc[start angle = 180, end angle = 0, radius = 1mm];
            \path[left color = \Rn!60!black, right color = \Rn!60!black, middle color = \Rn!80!black]
            ([xshift = -2mm]outertitle.north west) -- ([xshift = 2mm]outertitle.north east)[rounded corners = 1mm]
            -- ([xshift = 1mm, yshift = -1mm]outertitle.north east) -- (outertitle.south east) -- (outertitle.south west)
            -- ([xshift = -1mm, yshift = -1mm]outertitle.north west)
            [sharp corners] -- cycle;
            \node[text = white] at (outertitle) {Title #1};
        },
        overlay middle and last = {
            \draw[\Rn!70!black, line width = .8mm]
            ([xshift = -5mm]frame.north west)--([xshift = -5mm]frame.south west)
            ([xshift = 5mm]frame.north east)--([xshift = 5mm]frame.south east);
}}}

\tcbset{middle/.style n args = {1}{enlarge top initially by = 1mm, enlarge bottom finally by = 1mm,
        enlarge left by = 5mm,
        enlarge right by = 5mm,
        width = \linewidth+2cm,
        overlay unbroken = {
            \draw[\Rn!70!black,line width = .8mm]
            ([shift = {(-5mm,3mm)}]frame.north west)--([shift = {(-5mm,-3mm)}]frame.south west)
            ([shift = {(5mm,3mm)}]frame.north east)--([shift = {(5mm,-3mm)}]frame.south east);
        },
        overlay first = {
            \draw[\Rn!70!black,line width = .8mm]
            ([shift = {(-5mm,5mm)}]frame.north west)--([xshift = -5mm]frame.south west)
            ([shift = {(5mm,5mm)}]frame.north east)--([xshift = 5mm]frame.south east);
        },
        overlay middle = {
            \draw[\Rn!70!black,line width = .8mm]
            ([xshift = -5mm]frame.north west)--([xshift = -5mm]frame.south west)
            ([xshift = 5mm]frame.north east)--([xshift = 5mm]frame.south east);
        },
        overlay last = {
            \draw[\Rn!70!black,line width = .8mm]
            ([xshift = -5mm]frame.north west)--([shift = {(-5mm,-5mm)}]frame.south west)
            ([xshift = 5mm]frame.north east)--([shift = {(5mm,-5mm)}]frame.south east);
        },
}}

\tcbset{bottom/.style = {enlarge bottom finally by = 7mm, enlarge top initially by = 1mm,
        enlarge left by = 5mm,
        enlarge right by = 5mm,
        width = \linewidth+2cm,
        overlay unbroken and last = {
            \draw[\Rn!70!black, line width = .8mm, rounded corners]
            ([xshift = -5mm, yshift = 2mm]frame.north west)|-([yshift = -5mm]frame.south)-|
            ([xshift = 5mm, yshift = 2mm]frame.north east);
        },
        overlay first and middle = {
            \draw[\Rn!70!black, line width = .8mm]
            ([xshift = -5mm]frame.north west)--([xshift = -5mm]frame.south west)
            ([xshift = 5mm]frame.north east)--([xshift = 5mm]frame.south east);
}}}

\newtcolorbox{generic}[5][]{empty,leftrule=\rulewidth,oversize, enhanced,
    frame style = {left color = #2!20, right color = white},interior style = {left color = #2!5, right color = white}, left = 0pt, right = 0pt, %top = 4pt, bottom = 4pt, 
    before skip = 0pt, after skip = 0pt,% boxrule = 0.1pt, 
    title = #3, underlay={\begin{tcbclipinterior}
            \shade[inner color = #2!10, outer color = white] (interior.north west) circle (2cm);
            \draw[help lines, step = 5mm, #2!5,shift={(interior.north west)}] (interior.south west) grid (interior.north east);
        \end{tcbclipinterior}
    }, drop small lifted shadow,
    breakable,rotate = \random
    ,
    frame code = {\path[tcb fill frame,rounded corners] (frame.south west)--(frame.north west) -- (frame.north east)--(frame.south east)--cycle;
    },
    interior code={\path[tcb fill interior,rounded corners] (interior.south west|-frame.south)--(interior.north west)--([xshift=-4.8mm]interior.north east)--([yshift=-4.8mm]interior.north east)--(interior.south east|-frame.south)--cycle;},
    % test
    setskinf = {#4},setskinm = {#4},setskinl = {#4},#5, #1}

\newcommand{\bllack}[3][]{\begin{generic}[#1]{bllack}{\bllackpicture}{cccoltria}
        {normal = #2}
        #3
\end{generic}}

\newcommand{\tbllack}[3][]{\begin{generic}[#1]{bllack}{\bllackpicture}{cccoltria}
        {top = #2}
        #3
\end{generic}}
\newcommand{\mbllack}[2][]{\begin{generic}[#1]{bllack}{\bllackpicture}{cccoltria}
        {middle}
        #2
\end{generic}}
\newcommand{\bbllack}[2][]{\begin{generic}[#1]{bllack}{\bllackpicture}{cccoltria}
        {bottom}
        #2
\end{generic}}

\newcommand{\red}[3][]{
    \begin{generic}[#1]{red}{\redpicture}{cccccoltria}
        {normal = #2}
        #3
\end{generic}}
\newcommand{\tred}[3][]{
    \begin{generic}[#1]{red}{\redpicture}{cccccoltria}
        {top = #2}
        #3
\end{generic}}
\newcommand{\mred}[2][]{
    \begin{generic}[#1]{red}{\redpicture}{cccccoltria}
        {middle}
        #2
\end{generic}}
\newcommand{\bred}[2][]{
    \begin{generic}[#1]{red}{\redpicture}{cccccoltria}
        {bottom}
        #2
\end{generic}}

\newcommand{\bllue}[3][]{
    \begin{generic}[#1]{bllue}{\blluepicture}{coltria}
        {normal = #2}
        #3
\end{generic}}
\newcommand{\tbllue}[3][]{
    \begin{generic}[#1]{bllue}{\blluepicture}{coltria}
        {top = #2}
        #3
\end{generic}}
\newcommand{\mbllue}[2][]{
    \begin{generic}[#1]{bllue}{\blluepicture}{coltria}
        {middle}
        #2
\end{generic}}
\newcommand{\bbllue}[2][]{
    \begin{generic}[#1]{bllue}{\blluepicture}{coltria}
        {bottom}
        #2
\end{generic}}

\newcommand{\tcblowerr}{\begin{tcblowerbox}%{middle}
        \tcblower
\end{tcblowerbox}}

\begin{document}
    %
    \tbllack{1}{\lipsum[1-1]}
    \mred{\lipsum[1-1]}
    \bbllue{\lipsum[1-1]}
    \tbllack{2}{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
    %
    \tbllack{1}{\lipsum[1-1]}
    \mred{\lipsum[1-1]}
    \bbllue{\lipsum[1-1]}
    \tbllack{2}{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    %\newpage
    %\section{Title}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
    %   
    \tbllue{7}{\lipsum[1-1]}
    \mbllack{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    \red{{8}}{\lipsum[1-1]}
    %   
    %\newpage
    %\section{Title}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
    %   
    \tbllue{7}{\lipsum[1-1]}
    \mbllack{\lipsum[1-1]}
    \bred{\lipsum[1-2]}
    \red{{8}}{\lipsum[1-1]}
    %
    \tbllack{1}{\lipsum[1-1]}
    \mred{\lipsum[1-1]}
    \bbllue{\lipsum[1-1]}
    \tbllack{2}{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
    %
    \tbllack{1}{\lipsum[1-1]}
    \mred{\lipsum[1-1]}
    \bbllue{\lipsum[1-1]}
    \tbllack{2}{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    %\newpage
    %\section{Title}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
    %   
    \tbllue{7}{\lipsum[1-1]}
    \mbllack{\lipsum[1-1]}
    \bred{\lipsum[1-1]}
    \red{{8}}{\lipsum[1-1]}
    %   
    %\newpage
    %\section{Title}
    \bllue{3}{\lipsum[1-1]}
    \tred{4}{\lipsum[1-1]}
    \mbllue{\lipsum[1-1]}
    \bbllack{\lipsum[1-1]}
    \bllack{6}{\lipsum[1-1]}
    %   
    \tbllue{7}{\lipsum[1-1]}
    \mbllack{\lipsum[1-1]}
    \bred{\lipsum[1-2]}
    \red{{8}}{\lipsum[1-1]}

\end{document}

@Ignasi, my second problem has been solved, thanks for your advice! :D But do you have tips for my first question? — Faceb Faceb, Jun 19, 2018 at 21:56

Stack Exchange Network

breakable box placement

2 Answers 2

Your Answer

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

Linked

Hot Network Questions

breakable box placement

2 Answers 2

Your Answer

Sign up or log in

Post as a guest

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

Linked

Related

Hot Network Questions

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