Available for hire in Los Angeles
and the surrounding areas.

"There is no future in any job. The future lies in the man who holds the job."          - George Crane

Code

For anyone who might be interested how I got the blog to look like it does (or to remind myself in case I somehow mess the blog up and want to recreate it).

Template
> Templates > Simple > second template
> Layout
Second bottom Body Layout, middle Footer Layout
> Adjust Widths
Entire Blog 1000 px , Left sidebar 200px

Template > Edit HTML > Jump to Widget
Check all widgets and any that have "locked='true'", change "'true'" to "'false'".

Layout
Move/Edit/Remove widgets as desired.  Move Page widget above Header widget

Template > Customize> Advanced
> Page Text Verdana 12px #600
> Backgrounds
Outer #333, Main #ccc, Header (not working) #999
> Links
Link #366, Visited #636, Hover #663
> Blog Title Gruppo, Bold, 65px, #300
> Blog Description #600
> Tabs Text Droid Sans, Bold, 12px, Text #633, Selected #666
> Tabs Background Background transparent, Selected #ccc
> Post Title PT Sans Caption, Bold, 22px
> Date Header Text #666, Background #999
> Post Footer Text #006, Background: #999, Shadow: Transparent
> Gadgets PT Sans, Bold, 14px, Title #606, Alternate #660
> Images background #999, Border #fff, Text #966 
> Accents Separator #966, Tab Border #300

> Add CSS

(NavBar)
#navbar{
position: fixed;
right: 0px;
bottom: 5px;
left: 0px;
width: 55%;
margin: 0 auto !important;
background: gradient(#333, #000)
}


(Change Tab Background and Border)
#crosscol{
margin: 0;
}


#PageList1 > DIV > UL{
background: linear-gradient(#300 2%, #633 10%, #966 15%, #c99 45%, #c99 55%, #966 85%, #633 90%, #300 98%);
margin: 0 auto;
max-height: 24px;
border: transparent !important;

}

(Header and Description)
#header-inner{
background: linear-gradient(#300 2%, #633 10%, #966 15%, #c99 25%, #c99 55%, #c99 90%);
}


.title{
margin: 0;
}

.description{
margin: 0 !important;
font-weight: 600;
font-size: 20px !important;
border-bottom: 3px groove #966;
}


(Post)
 .region-inner.main-inner{
padding-top: 10px;
padding-bottom: 10px;
}



#main{
margin: 0 8px;
}

.post.hentry{
margin-bottom: 20px;
}



.date-header{
margin: 0 auto 2px auto;
text-align: center;
}



.date-header span{
border-radius: 10px 10px 0 0;
}

.post-title.entry-title{
margin: 0 auto;
text-align: center;
background: #999;
border-radius: 10px 10px 0 0;
}


.post-share-buttons.goog-inline-block{
margin: 0;
}



No comments:

Post a Comment

Thank you for sharing.