The Web Files #34- Taryn Southern
::::: What is new in the Inner World ??? <=== WATCH IT!
::::: Final Thoughts. by SNL - What are your thoughts about LG15?

Friday, April 13, 2007

Blog Formatting Changes

Here is what I have so far...

First note that this "beta" blog does not currently have the column width adjustments (for posts on the left side and links on the right side) that we have added to the real LG15 Today blog. I'm happy with those column widths (they hold the standard Revver video nicely), but colors, fonts, etc. can change if desirable to match new header art.

Instructions:


(click image to see full size version)

Note: the white border around the header is 10 pixels wide, and there is a 4 pixel shadow on the right, so the total page width is 10 + 724 + 10 + 4 = 748 pixels wide.

Choosing Colors



In creating the Header Art, It would be good to select colors from the "Color Map" so we can use the HTML codes from the link below to make our fonts and background colors match the header.

Link to HTML and RGB codes Color Map:
http://web.njit.edu/~kevin/rgb.txt.html

Link to RGB Color Chart:
http://homepage.mac.com/jakesan/DHP/page0/page3/files/page3_1.gif


These are the colors and fonts the blog currently uses: (you can ignore this if you wish - I can handle the code changes)

Variable name="mainBgColor" description="Main Background Color"
type="color" default="#214552" value="#214552"

Variable name="mainTextColor" description="Text Color"
type="color" default="#ffffff" value="#ffffff"

Variable name="mainLinkColor" description="Link Color"
type="color" default="#99ddff" value="#99ddff"

Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#777766" value="#777766"

Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#446677" value="#446677"

Variable name="postTitleColor" description="Post Title Color"
type="color" default="#8cdfff" value="#8cdfff"

Variable name="sidebarBgColor" description="Sidebar Background Color"
type="color" default="#cedfbd" value="#cedfbd"

Variable name="sidebarHeaderColor" description="Sidebar Title Color"
type="color" default="#ffffff" value="#ffffff"

Variable name="sidebarTextColor" description="Sidebar Text Color"
type="color" default="#335566" value="#335566"

Variable name="sidebarLinkColor" description="Sidebar Link Color"
type="color" default="#336699" value="#336699"

Variable name="sidebarVisitedLinkColor"
description="Sidebar Visited Link Color"
type="color" default="#333333" value="#333333"

Variable name="descColor" description="Blog Description Color"
type="color" default="#ffffff" value="#ffffff"

Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Verdana, Sans-serif" value="normal normal 100% Verdana, Sans-serif"

Variable name="titleFont" description="Blog Title Font"
type="font" default="normal bold 275% Helvetica, Arial, Verdana, Sans-serif" value="normal bold 275% Helvetica, Arial, Verdana, Sans-serif"

Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font" default="normal bold 125% Helvetica, Arial, Verdana, Sans-serif" value="normal bold 125% Helvetica, Arial, Verdana, Sans-serif"

Variable name="dateHeaderFont" description="Date Header Font"
type="font" default="normal bold 112% Arial, Verdana, Sans-serif" value="normal bold 112% Arial, Verdana, Sans-serif"

No comments:

Post a Comment

"I'm not a name, I'm a person!". Who's in?

DO NO USE