Skip to content

Instantly share code, notes, and snippets.

@selvan
selvan / sample-brochure.html
Created March 3, 2011 11:00
sample brochure - Blue print CSS base layout
<html>
<head>
<link href="css/screen.css" rel="stylesheet" type="text/css"/>
<link href="css/ie.css" rel="stylesheet" type="text/css"/>
<link href="css/print.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
.top {
margin-top: 10px;
}
@selvan
selvan / wkhtmltopdf.txt
Created March 3, 2011 10:51
Convert webpage to pdf - webkit based rendering
wkhtmltopdf sample-brochure.html sample-brochure.pdf
@selvan
selvan / sample-brochure.html
Created March 3, 2011 10:27
Sample brochure complete
<html>
<head>
<link href="css/screen.css" rel="stylesheet" type="text/css"/>
<link href="css/ie.css" rel="stylesheet" type="text/css"/>
<link href="css/print.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
.top {
margin-top: 10px;
}
@selvan
selvan / sample-brochure.html
Created March 3, 2011 10:26
Cufon font replacement for sample brochure
<script src="js/jquery-1.4.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/fonts/vanilla.cufonfonts.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
Cufon.replace($(".heading"));
});
</script>
@selvan
selvan / sample-brochure.html
Created March 3, 2011 10:25
Additional CSS for sample brochure
<style type="text/css">
.top {
margin-top: 10px;
}
.heading {
font-weight: bold;
font-size: 22px;
text-align: left;
color: #1788DC;