Jane's Handmade Cards: Popin Box!

CLICK HERE FOR FREE BLOGGER TEMPLATES, LINK BUTTONS AND MORE! »

Friday, 10 September 2010

Popin Box!

Hello there everyone! :0)

Thought you would like to see the poppin box I made today in action! I got the templates from HERE. Would love to see your creations.

Jane :0)

3 comments:

hello gorgeous said...: lol! fab! was expecting some kinda Paul Daniels assistant to come in from the sidelines! ;o)

On a roll now sweet cheeks!

hugs xxx; 10 September 2010 at 19:53
Kathyk said...: How cool is that? Great idea - must check out your template link . . .

Kathyk; 10 September 2010 at 22:30
The Crafty Goat Girl said...: lol have just read your first comment, me too, where was Debbie McGee, lol! This is really great, keep em coming hunny, xxx; 12 September 2010 at 21:14

Post a Comment

Subscribe to: Post Comments (Atom)

/* Use this with templates/template-twocol.html */ body { background:$bgcolor; background-image:url(http://www.leeloublogsimages.com/Layouts/2010/Spring%20Princess/SpringPrincessBack1.png);background-position:top center; background-attachment:fixed; margin:0; color:$textcolor; font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; letter-spacing:0px; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$linkcolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { background-image:url(http://www.leeloublogsimages.com/Layouts/2010/Spring%20Princess/SpringPrincessHead-2.png);background-position: top center; background-repeat:no-repeat; width:920px; height:370px; margin:0 auto 10px; } #header-inner { background-position: center; margin-$startSide: auto; margin-$endSide: auto; } #header { margin:0px; text-align: center; color:$pagetitlecolor; } #header h1 { margin:auto; padding:120px 200px 0px 140px; line-height:24px; text-transform:uppercase; letter-spacing:1px; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:auto; padding:0px 200px 0px 140px; max-width:700px; text-transform:normal; letter-spacing:1px; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { background:transparent; width: 960px; margin:0 auto; padding:10px 0px 10px 0px; border-top: 0px solid #ed452e; border-bottom: 0px solid #ed452e; border-left: 0px solid #ed452e; border-right: 0px solid #ed452e; text-align:$startSide; font: $bodyfont; } #main-wrapper { width: 500px; margin-left:3px; float: $startSide; padding:0px 10px 0px 10px; 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: 190px; float: right; padding:0px 10px 0px 10px; 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 */ } #left-sidebar-wrapper { width: 190px; float: left; padding:0px 15px 0px 15px; 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 */ } /* Headings ----------------------------------------------- */ h2 { background:transparent; background-image:url();background-repeat:no-repeat; background-position:bottom left; color:$sidebarcolor; padding:0px 0px 5px 0px; font:$headerfont; line-height:16px; text-transform:normal; letter-spacing:-1px; text-align:center; border-bottom:1px solid #d4ad2d; } /* Posts ----------------------------------------------- */ h2.date-header { color:#6d5e5f; border:none; background:none; font-weight:normal; padding-left:0px; margin-bottom:-20px; line-height:16px; text-transform:none; text-align:center; font-size:14px; letter-spacing:0px; } .post { margin:.5em 0 1.5em; border-bottom:0px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { background:#f0d8e0; background-image:url();background-repeat:no-repeat; background-position:bottom left; color:$titlecolor; padding:5px 5px 5px 5px; font-size:20px; text-transform:none; text-align:center; font-weight:normal; line-height:22px; letter-spacing:0px; border-top:1px solid #45c0c1; border-bottom:1px solid #45c0c1; } .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 0 .75em; line-height:18px; } .post-body blockquote { line-height:1.3em; } .post-footer { background-image:url(http://www.leeloublogsimages.com/Layouts/2010/Spring%20Princess/SpringPrincessDiv-1.png);background-repeat:no-repeat; background-position:bottom center; height:160px; color:$textcolor; text-transform:none; text-align:left; letter-spacing:0px; font-size:12px; line-height: 16px; padding-left:0px; padding-top:0px; border-bottom:0px solid #95d4e3; } .comment-link { margin-$startSide:.6em; } .post img, table.tr-caption-container { padding:4px; border:1px solid $bordercolor; } .tr-caption-container img { border: none; padding: 0; } .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; line-height: 2.5em; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } /* Sidebar Content ----------------------------------------------- */ .sidebar { background:none; color: $sidebartextcolor; line-height: 18px; } .sidebar h2 { background:transparent; background-image:url(http://www.leeloublogsimages.com/Layouts/2010/Spring%20Princess/TealFlowerSide.png);background-repeat:no-repeat; background-position:bottom left; color:$sidebarcolor; padding:20px 0px 10px 58px; font:$headerfont; line-height:16px; text-transform:normal; letter-spacing:-1px; text-align:left; border-bottom:1px solid #45c0c1; } .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:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:0px 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: 0px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: #45c0c1; font-weight: normal; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height:16px; } .profile-link { font: $postfooterfont; text-transform: normal; letter-spacing: .1em; line-height: 10px; } /* Footer ----------------------------------------------- */ #footer { width:960px; height:0px; background-image:url();background-position: bottom center; background-repeat:no-repeat; clear:both; margin:0 auto; padding-top:0px; line-height: 1.6em; text-transform:uppercase; letter-spacing:-1px; text-align: center; } /* Design Credit ----------------------------------------------- */ #credit-link { color:$textcolor; text-align: center; font-size:12px; } body#layout #header { margin-left: 0px; margin-right: 0px; } body#layout #outer-wrapper, body#layout #header-wrapper, body#layout #footer { width: 750px; padding: 0px; } body#layout #main-wrapper { width: 400px; margin-left: 20px; } body#layout #sidebar-wrapper, body#layout #newsidebar-wrapper { width: 150px; } .bloggerPyBar { background-color:#ededed; filter:alpha(opacity=100); opacity:1.0; -khtml-opacity:1.0; color:$textcolor; font-family: Arial, Helvetica, sans-serif; font-size:15px; text-align:left; font-weigth:bold; padding:2px 2px 2px 6px; border-bottom:1px solid #cccccc;} .bloggerPyBar a {color:#51cfcc;} .pylogo {float:right;padding-right:9px;} ]]>

« Leelou Blogs

CLICK HERE FOR FREE BLOGGER TEMPLATES, LINK BUTTONS AND MORE! »

Free Blogger Templates by Leelou Blogs | Design Elements by Just So Scrappy | Dedicated Servers and Colocation Sponsored by Colocation America

Jane's Handmade Cards

About Me

Followers

Friday, 10 September 2010

Popin Box!

3 comments:

Blog Archive

My Blog List

Thanks Sue

Thanks Hannah

Thanks to Maxine, Sharon and Sue

Award

Art Freebies - For Free Images From the Lovely June

Visits

Thanks Sue and Maxine!

Promarkers Group On Facebook

Willow Design Stamps

COPYRIGHT

Canon

Splitcoast Stampers

Other Cards

Jane's Handmade Cards

About Me

Followers

Friday, 10 September 2010

Popin Box!

3 comments:

Blog Archive

My Blog List

Thanks Sue

Thanks Hannah

Thanks to Maxine, Sharon and Sue

Award

Art Freebies - For Free Images From the Lovely June

Visits

Thanks Sue and Maxine!

Promarkers Group On Facebook

Willow Design Stamps

COPYRIGHT

Canon

Splitcoast Stampers

Other Cards

Subscribe To