Skip to main content

My TYPOGRAPHY Page and Custom CSS CODING STYLES

Submitted by CS Coleman on

CS Coleman

CS Coleman

  TYPOGRAPHY

D

ropcaps for typography effects in the layout, text, and paragraphs;  with the font-family "Times New Roman",   just to start things off.  Next, we have a look at how the small tag  <small>,  works when we need to make our fine print, that is, to make our fine print small like this! 

 Images

Bernadene High ColemanUsing some of the many readily available open source javascript and jQuery libraries, such as ColorBox,or LightBox in our layout, let's us easily and neatly display images in an interesting variety of ways.  Always remember to throw in the right mix of styles into your content to keep it fresh, and engaging!

Headings

All HTML headings, <h1> through <h6> are available.

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

 Paragraph

Simply italicizing specific words or even just certain parts of our text is often all that's needed to make a strong impact.  Throwing in just the right mix of styling into our codes and layouts is of the utmost essence!

 Code

Here's how we can show our coding samples: Simply enclose the code example within tags such as these:

<code> code goes here </code>

Trust me, it's not as easy as it looks!

 

 PrettyPrint

For a  prettier presentation of our coding styles we might also incorporate the use a neat little javascript library, known as PrettyPrint (with line numbers).   A simple and very lightweight, yet elegant library of CSS classes.
 

  1. $loop=PsychoAlphaDisco;
  2. $loop=$loop+1;
  3. For next $loop goto
  4. csWebDev



 

 Bootstrap

#

First Name

Last Name

Username

1

Mark

Otto

@mdo

2

Jacob

Thornton

@fat

3

Larry the Bird

@twitter

Bootstrap Input

 Font Awesome

It really doesn't matter if we're at    whether we're on the

  • arrow circle right
  • arrow circle right
  • arrow circle right
  1. fa fa-arrow-right
  2.  
  3. fa fa-arrow-right
  1.  
  2.  
  3.  

 BLOCKQUOTE(s)

 

I was made to realize that I am responsible for letting the world know about my work. It is up to them to interact with it; if I do not share it, if I don’t put it out there, then no one even has a choice of whether or not they want to read it.

 


 

LOGOSTYLES

mamaROSE

Next, to achieve a custom hyper-link style without any text-decoration (or underlining),  the Olivero theme was ditched for testing in Bootstrap.

Link Sample