Sign in or register
for additional privileges

Template Book

A Collection of Template Pages for Scalar Books

Patrick Tran, Andy Trang, Authors

You appear to be using an older verion of Internet Explorer. For the best experience please upgrade your IE version or switch to a another web browser.

Other HTML Elements

The following are a set of useful HTML/CSS elements that may be useful in designing and developing your Scalar project.


Generic Cascading Style Sheet (CSS) Code
Use this to change the size/color/font/aesthetics of your Scalar book

Copy and Paste the following code into the "Custom Style" text-box located in the "Manage Content" page of your Scalar book. The link to this page can be found in the upper-right of the page, below the "Sign In/Out" link.

Once pasted, edit the parameters in the code that you wish to change. Descriptions of each parameter are given in [brackets].


body
{
background-color: white; [Sets your background color in the abscence of a BG image]
background-repeat: x-repeat;
}

td
{
border:1px;
border-collapse:collapse;
}

.cover {
font-family: 'calibri'; [Sets the font for text in the Scalar header/banner area]
font-size: 10pt; [Sets the font-size for text in the Scalar header/banner area]
}

.cover_title {
font-family: 'arial'; [Sets the font for the title of your book at the top of the page]
font-weight: normal; [Sets the weight of your title. Can be changed to "bold"]
text-transform:uppercase; [Makes your title all-caps. Can be changed to "normal" or "lowercase"]
font-size: 28pt; [Sets the font-size for the title of your book at the top of the page]
color: black; [Sets the font color for the title of your book at he top of the page]
}

#middle_column.middle {
background-color: gray; [Sets the background color for the center-area where your content goes]
max-width: 875px; [Sets the maximum width of the center-area where your content goes]
color: green; [Sets the font-color of text in your content area]
}

#content {
font-family: 'calibri'; [Sets the font for your main content]
font-size: 10pt; [Sets the font-size for your main content]
}

.middle.footer {
background-color: black; [Sets the background color for the footer]
max-width:875px; [Sets the maximum width of the footer]
font-family: 'calibri'; [Sets the font for text in the footer]
color: #ffffff; [Sets the font color for text in the footer]
}
Comment on this page
  • Local Discussion
    •
  • Popout
    •
 

Discussion of "Other HTML Elements"

Add your voice to this discussion.

Checking your signed in status ...