View source for LaTeX/C3/Frame-Pages-and-Colour-Text-Boxes/English

Title of the Script: '''Frame Pages and Colour Text Boxes'''

Author: Ambika Vanchinathan

Keywords: LaTeX, fancybox, fcolorbox, fancypage, thisfancybox, shadowsize, shadowbox, ovalbox,fboxsep, video tutorial.

'''Pre-requisite: Framing Floats and Lists'''


{| border =1
|- 
|| '''Visual Cue'''
|| '''Narration'''
|- 
|| '''Slide 1'''

'''Title Slide'''
| Welcome to the spoken tutorial on '''Frame Pages and Colour Text Boxes.'''
|-
|
'''Slide 2'''

'''Learning Objectives'''
|
In this tutorial, we will learn to

*Add coloured boxes with fcolorbox 
*Customize box spacing
*Frame pages with different boxes
|-
|
'''Slide 3'''

'''System Requirements'''

To record this tutorial, I am using:


Linux Mint OS version 21.3
Texworks version 0.6.6
|

To record this tutorial I am using the following setup.
|-
|
'''Slide 4'''

'''Pre-requisites'''
| To follow this tutorial, learners should have basic knowledge of LaTeX.
|-
|
'''Slide 5'''

'''Code files'''

The following code files are required to practice this tutorial:

1. fancybox-eg.tex

2. Free-Stock-Photos.jpg

These files are provided in the Code Files link of this tutorial page.
|
The following code files are required to practice this tutorial.

These files are provided in the '''Code Files''' link of this tutorial page.
|-
|
Comment line 139

Click the green Typeset button and show the output
|
Let us get started

Comment line 139.

Click the green '''Typeset''' button to run the code.

Here is the output.

We see text in a two coloured box.
|-
|
'''Highlight:'''

line 141

And point to the box in the output
|
'''\fcolorbox{red}{green}''' specifies the frame and filler colours of the box.

Here the '''frame''' is red and the '''filler''' is green.

Note that we have loaded the '''color''' package.
|-
|
'''Highlight'''

line 147

And point to the box in the output

Zoom the output to show the box clearly.
| Here the '''frame''' is green and the '''filler''' is white.
|-
|
Comment line 20

Click the green Typeset button and show the output

'''Show all the boxes from top to bottom.'''
|
Comment line 20.

Run the code.

Here is the output.

Observe that all the boxes have no space around the text.
|-
|
Uncomment line 20

Click the green Typeset button and show the output
|
Let us fill the box with some space around the text.

Uncomment line 20.

Run the code.

Here is the output.

Now there is space around the text inside all the boxes.
|-
|
'''Highlight :'''

line 20
| '''\fboxsep''' command specifies the gap amount between the text and the box.
|-
|
Uncomment line 7,8,9,10

Click the green Typeset button and show the output

Point to the shadow box of the complete first page
|
Uncomment lines 7, 8, 9 and 10.

Run the code.

Here is the output.

The complete first page is in a shadow box.
|-
|
'''Highlight :'''

lines 7 to 10

Point to the first page with shadow.
|
'''\thisfancypage''' command, defines the shadow for the current page only.

The first page is now shown within a shadow box.
|-
|
Uncomment line 13, 14, 15, 16

Click the green Typeset button and show the output

Point to the shadow box of all the pages in output
|
Uncomment lines 13, 14, 15, and 16.

Run the code.

Here is the output

All pages are displayed inside a shadow box.
|-
|
'''Highlight :'''

lines 13 to 16
|
'''\fancypage''' defines a shadow box for

all the pages.
|-
|
Comment line 7,8,9,10 and 16

Uncomment line 17

Click the green Typeset button and show the output

Point to the '''oval box''' in the output
|
Comment lines 7, 8, 9, 10 and 16.

Uncomment line 17.

Run the code

Here is the output

All the pages are enclosed within an oval box.
|-
|
'''Highlight:'''

lines 13 to 17
| '''\fancypage''' command defines all the pages to be in '''oval box''' here
|-
|
'''Slide 6'''

'''Summary'''

In this tutorial, we have learnt to


Add coloured boxes with '''fcolorbox'''
Customize box spacing
Frame pages with different boxes
|
With this we come to the end of this tutorial.

Let us summarise.
|-
|
'''Slide 7'''

'''Assignment'''
|
As an '''Assignment'''

Create question and answer with

answer enclosed in a blue box
|-
|
'''Slide 8'''

'''Thank you'''
| Thank you for joining
|}