a:4:{s:8:"template";s:5351:"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<title>{{ keyword }}</title>
<style media="screen" rel="stylesheet" type="text/css">

/* Aardvark Reset Thingy http://aardvark.fecklessmind.com/ */
html, body, div, h1, h2, p, a, ul, li
 {border:0;margin:0;outline:0;padding:0;background:transparent;vertical-align:baseline;}

/* Basic styles */
body {
	background: url() repeat #000;
	color:#4F4F5F;
	font: Georgia, "Times New Roman", Times, serif;}
html>body {font-size:12px;}

h1,h2 {font-weight:700;}

h1 {margin:0 0 0.75em;font-size:2em;}
h2 {margin:0 0 1em;font-size:1.5em;}

p,ul {margin:0 0 1.5em;color:#383843;}

li ul {margin:0;}
ul {list-style:outside disc;}
li {margin:0 0 0 2em;}

a {text-decoration:none;color:#434351;font-weight:800;}
a:hover {text-decoration:none;color:#66667A;}

/* Table styles */

/* Form styles */

/* Useful classes */

.clr {clear:both;}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
	display: inline-block;
}
.wrapper {width:960px; /*background:#FFF;*/ margin:0 auto;}

/* header classes */
#header { width:980px; height:250px; background: url() top left no-repeat;margin:18px auto 0 auto;color:#4F4F5F;}
#header h2 { font-size:24px; }
#header h1 {
	margin:0;
	padding:0;
	display: none;
}
#logo {
	padding:0;
	width: 340px;
	height:200px;
	margin: 20px 0 0 26px;
	float:left;
}

#hside {
	position:relative;
	padding: 10px 0;
	width: 568px;
	height:180px;
	margin: 20px 20px 0 0;
	float:left;
}

#navWrap {
	height:36px;
	width:960px;
	/*background:#9f0022;*/
	margin:5px auto;
}

#topNav {
	width:960px;
	/*background:#9f0022;*/
	margin:0 auto;
}


/* footer classes */
.basement {width:980px;background:#FFF;color:#000;text-align:center;font-size:0.8em; -moz-border-radius: 5px;
	border-radius: 5px;padding:9px 0;margin:15px auto;}
.basement a, .basement a:link, .basement a:visited {color:#000;text-decoration:underline;font-weight:normal;}
.basement p {color:#000;margin:0.3em 0;}

</style>

<style id="jbgallery-css" rel="stylesheet" type="text/css">/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;	
}
.sf-menu {
	line-height:	1.0;	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul {
	left:			0;
	top:			2.9em; /* match top ul list item height */
	z-index:		99;
}

/*** SKIN ***/
.sf-menu {
	/*background:#d93034;*/
	float:			left;
	/*margin-bottom:	1em;
	margin-top:6px; 	*/
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	padding: 		1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li {
	background:		#d93034;
	margin:  0 4px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sf-menu li li {
	background:		#9f0022;
}
.sf-menu li:hover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:		#000;
	outline:		0;
	background:		#e8a8a7;
	/*background-image:url();*/
}

/*** arrows **/
/* apply hovers to modern browsers */

/* point right for anchors in subs */
/* apply hovers to modern browsers */

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
</style>

</head>
<body>
<div id="header">
<div id="logo">
<h1>ATLRetro</h1>
</div>
<div id="hside">
<h2>Your Guide to 20th Century Atlanta in the 21st Century</h2>
</div>
<div class="clr"></div>
</div>
<div id="navWrap">
<div class="menu-topnav-container" id="topNav"><ul class="sf-menu sf-js-enabled sf-shadow" id="menu-topnav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-3000" id="menu-item-3000"><a href="#">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2997" id="menu-item-2997"><a href="#">About{{ keyword }}</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2998" id="menu-item-2998"><a href="#">About the Blogger</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3306" id="menu-item-3306"><a href="#">Retro Archives</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2999" id="menu-item-2999"><a href="#">Copyright Notice</a></li>
</ul></div> </div>
<div class="clearfix"></div>
<div class="wrapper">
{{ text }}
      
    <div class="basement clr">
<p> 2017 <a href="#">ATLRetro</a>. All Rights Reserved. This blog is powered by <a href="#">Wordpress</a></p>
</div>
</div>

</body>
</html>";s:4:"text";s:3075:"Simply copy and paste the code to your own website/blog. Now when I select a photo for the desktop background, ... How to reduce desktop background photo to fit screen? I just did my first ever web page and I did background image that fit all screens (or at least I think it does).  CSS: Making background image fit any ... lines and two HTML tags. How to make a background image fit the screen width? Why not do How to make background image fit to the ... http://www.quackit.com/html/codes/html_stretch_background_image ... CSS background properties fit stretch in the screen? It will make the image grow or shrink depending on the window. Bulletproof background images. Do you want to add a background image to your WordPress site? It will make the image grow or shrink depending on the window. A simple layout with Full Screen Background Image... Full Screen Background Image A Pen ... HTML preprocessors can make writing HTML Using this option will ensure that none of the image is hidden as it scales up or down. I'm just starting on a website and I already encounter a small problem where I can't find a specific solution to. Are you trying to have a full screen background image? My friend Richard recently came to me with a simple CSS question: Is there a way to Greetings, I am having trouble getting this to work. Use these background image codes for your own website or blog. There are multiple ways, depending on your goal. If you are looking for how to do FULL SCREEN BACKGROUND IMAGE, go here. Stretch a Background Image to Fit a Web ... an Image in HTML. Here's how to add a custom background image in WordPress, sitewide and for specific sections. You can use background-size: contain to scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area. Background image photo to fit browser screen - Free tutorials on HTML, CSS and PHP - Build your own website Use rock-solid background images in your HTML email with some help from VML and CSS. sir i have a web page.i used an image as background.but it doesnt strech according to the screen. ... how to make background picture fit the screen . Please, take a look at my new web page. One of the things I most often get asked by people trying to master HTML and CSS is How do I make a background image clickable? It took only 3 lines of codes. ... How Do I Make A Background Image Stretch And Stay Fixed In IE? ... to "100%" so that it will always stretch to fit the screen. I'm just starting on a website and I already encounter a small problem where I can't find a specific solution to. The Best Full Screen Background Image Sizes for Web Design: Last Updated: 4/24/2017 I frequently get questions on the best size for background Learn how to use the CSS3 property browser-size to add responsive background images to your designs that scale to fit large or small windows. hi guys, is there any way to make an image of 1024x764 fit with screen size of 1152x864, 800x600 or other screen sizes? ";s:7:"keyword";s:47:"how to make background image fit to screen html";s:7:"expired";i:-1;}