Blogger Template 6 – Vector Coffee

March 13, 2009

Vector Coffee Template

I know… I could’ve given this a better name. I didn’t really know what I was thinking when I was coming up with a name for it. But then again, the colors of this template should more than make up for the lackluster title (hopefully!)

If you want to see how the real thing looks like, you can check it out here. And as usual, just select the text inside the box and copy and paste it into your own blogger template. And if you use it, just let me know and I’ll link to your page and send you some love, too

Btw, I have been thinking of creating some wordpress templates also. And might be able to make templates for sale or custom make one for you. So we’ll see what happens with that. but if you’re interested, just send me a line a atesienna at gmail dot com and we can talk about it

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <b:skin><![CDATA[/* /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#E5A" value="#DEE770"> <Variable name="textcolor" description="Text Color" type="color" default="#000" value="#000000"> <Variable name="linkcolor" description="Link Color" type="color" default="#EA0437" value="#faffbd"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#fff" value="#2BA94F"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#FEF" value="#ffffcc"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#fff" value="#000000"> <Variable name="bordercolor" description="Border Color" type="color" default="#ffc" value="#ffffff"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#000" value="#e770bc"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#333" value="#000000"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#fff" value="#e770bc"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 95% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 300% Gigi" value="normal bold 363% Georgia, Times, serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"> */ body { background:$bgcolor; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ———————————————– */ #header-wrapper { width:745px; height:300px; margin:0 auto 10px; border:3px solid $bordercolor; background-image: url(http://img505.imageshack.us/img505/88/coffeevecdi6.jpg); } #header-inner { background-position: center; margin-$startSide: auto; margin-$endSide: auto; } #header { margin: 5px; border: 0px solid $bordercolor; text-align: left; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:normal; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin-right: 300px; padding:0 20px 15px; max-width:600px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ———————————————– */ #outer-wrapper { width: 750px; margin:0 auto; padding:10px; text-align:$startSide; font: $bodyfont; } #main-wrapper { width: 500px; border:3px solid $bordercolor; background-image: url(http://img505.imageshack.us/img505/866/coffeevecbgym1.jpg); float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 225px; margin-right: 0px; border:3px solid $bordercolor; background-image: url(http://img505.imageshack.us/img505/866/coffeevecbgym1.jpg); float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #footer-wrapper { width: 725px; margin:0 auto; text-align:center; font: $descriptionfont; } /* Headings ———————————————– */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ———————————————– */ h2.date-header { margin:1.5em 0 .5em; margin-left: 10px; margin-right: 10px; } .post { margin:.5em 0 1.5em; margin-left: 10px; margin-right: 10px; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; margin-left: 10px; margin-right: 10px; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post-body { margin:0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ———————————————– */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; margin-left: 10px; margin-right: 10px; line-height: 2.5em; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } /* Sidebar Content ———————————————– */ .sidebar { color: $sidebartextcolor; margin-left: 10px; margin-right: 10px; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-25px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ———————————————– */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ———————————————– */ #footer { width:660px; clear:both; margin:0 auto; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } ]]></b:skin> </head> <body> <div id='outer-wrapper'> <div id='wrap2'>  <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Vector Coffee (Header)' type='Header'/> </b:section> </div> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> </div> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'/> <b:widget id='Profile2' locked='false' title='About Me' type='Profile'/> <b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'/> <b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/> </b:section> </div> <div class='clear'> </div> </div>  <div id='footer-wrapper'> <b:section class='footer' id='footer'/> <a href='http://www.manilena.com'>designed by Manilena.com </a> </div> </div> </div>  </body> </html>

Posted in Website Design - Green, Website Design - Two-Column, Website Designs |

Tags: Blogger Template

desperateblogger:

March 14, 2009 at 8:11 am

wow! you also do templates?! impressive! thanks for the comment.my daughter said her class felt overwhelmed with emotions too when the 2 “kuyas” and ate cried.

Ate Sienna:

March 14, 2009 at 1:44 pm

hi!!!!!

yes, i do templates (or at least trying to)

I could just imagine what it was like. It could really be very heartwarming…

Thank you so much for visiting me. I’m updating my links and I will put you in it so that I won’t forget to visit you again

Eddie Garcia:

March 16, 2009 at 2:11 am

I think your templates are pretty cool. How do you learn to do templates? Is there a site I can go to so I could do some experimenting myself? Just curious!

Friends 4 Life!

Nilo:

March 16, 2009 at 9:49 am

Wow galing mo naman talaga, may bagong template ulit! Sipag ha!

ate sienna:

March 16, 2009 at 12:55 pm

aba, nilo, siempre. hehehe…

Jade:

March 16, 2009 at 3:17 pm

Wow I want to try my hands at designing too but I have so many projects and commitments at the moment…

I am also hoping to do some vector art – have you tried that?

March 17, 2009 at 1:50 pm

hi Jade!!!

Not as much as I want to. Hubs bought me a Wacom Tablet for Christmas last year and I’ve used it with adobe illustrator. It’s really cool. I’ve done a couple of designs before using my vector drawings pero i’m not that good yet. maybe someday when I get the time I’d be able to use it more… i need practice.

thanks for dropping by!

goldensparks:

March 17, 2009 at 6:00 pm

Hi friend.. Interesting post.. Nice blog work.. keep it up..
will drop by your site often.. Do find time to visit my blog and post your comments..
Have a great day.. Cheers!!!

Crazyhorse:

January 13, 2010 at 8:25 am

Great job! Ganda-ganda naman!

Blogger Template 6 – Vector Coffee

9 Responses to “Blogger Template 6 – Vector Coffee”

Leave a Reply