RE: Adsense Site Critiques please (Full Version)

All Forums >> [Web Design] >> Site Critiques



Message


jaybee -> RE: Adsense Site Critiques please (8/1/2006 12:48:05)

OK, reason it's all so slow. The css file is called from another server and it is calling images from yet another server.

If you want to speed the page up you'll need to bring the css file and all of the images into your site and change all the references to them as well. Not sure if they'll let you.

@import url(base-weblog.css);

/*
name: curves
designer: Bryan Buchs
designer_url: http://bryanbuchs.com
description: curves
*/

*
{
	margin: 0;
	padding: 0;
}
body
{
	background:url(http://photos1.blogger.com/blogger/5442/340/1600/body.png);
	margin: 0;
	padding: 0;
	font-size: 10px;
}
div#container
{
	/*top of the page container - white border with shading*/
	background:#fff url(http://photos1.blogger.com/blogger/5442/340/1600/container_top.png) no-repeat top;
	margin: 1em auto;
	padding-top: 16px;
	width: 730px;
}
div#container-inner
{
	/*bottom of the page container - white border with shading*/
	background:#fff url(http://photos1.blogger.com/blogger/5442/340/1600/container_bottom.png) no-repeat bottom;
	margin: 0;
	padding: 0;
}
div#banner
{
	/*red fill color above the curve*/
	background: url(http://photos1.blogger.com/blogger/5442/340/1600/banner.0.png);	
}
div#banner h1,
div#banner h2
{
	float: left;
	margin: 0;
	margin: 10px 30px;
	padding: 0;
	font-size: 1.25em;
	line-height: 1;
	color: #f5f5f5;
	font-family: Lucida Sans Unicode, Trebuchet MS, Tahoma, sans-serif;
}
div#banner h2
{
	float: right;
	font-size:1.1em;
}

div#banner h1 a
{
	color: #f5f5f5;
	font-weight: bold;
	text-decoration: none;
}



/*2-column right*/
body.layout-two-column-right div#pagebody
{
	background: url(http://photos1.blogger.com/blogger/5442/340/1600/pagebody-right.png);	/*faux column fills*/
	margin-bottom: 16px;
}
body.layout-two-column-right div#pagebody-inner
{
	background: url(http://photos1.blogger.com/blogger/5442/340/1600/pagebody-inner-right.0.png) no-repeat top;	/*curves*/
}





body.layout-two-column-left div#alpha,
body.layout-two-column-right div#beta
{
	width: 199px;
	margin-left:15px;
	float: left;
	margin-top: 0px;
	padding: 0;
}
body.layout-two-column-right div#beta
{
	margin-right:15px;
	margin-left: 0;
	margin-top: 60px;
}
body.layout-two-column-left div#alpha-inner,
body.layout-two-column-right div#beta-inner
/*SIDEBAR*/
{
	margin: 0;
	margin-left: 13px;
	padding: 0;
	margin-top: 45px;
}
body.layout-two-column-left div#beta,
body.layout-two-column-right div#alpha
/*BODY*/
{
	width: 491px;
	float: left;
	margin-right: 15px;
	padding: 0 5px
}
body.layout-two-column-right div#alpha
{
	margin-right: 0;
	margin-left: 15px;
	margin-top: 20px;
}

body.layout-two-column-left div#beta-inner,
body.layout-two-column-right div#alpha-inner
{
	margin: 13px;
	padding: 0;
	margin-top: 30px;
}


body.layout-two-column-right .date-header,
body.layout-two-column-right .entry-header
{
	padding-right: 0;
}



.module
{
	background:url(http://photos1.blogger.com/blogger/5442/340/1600/module.png) no-repeat top;
	margin: 0 0 1em 0;
	padding-top: 9px;
	font-size: .85em;
	color:#898989;
	width: 173px;
}
.module-content
{
	background:url(http://photos1.blogger.com/blogger/5442/340/1600/module.png) no-repeat bottom;
	margin: 0;
	padding: 9px;
	padding-top: 0;
}
.module-header
{
	color: #11629a;
	line-height: 1;
	font-size: 1.25em;
	font-weight:bold;
	margin: 0 9px;
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #E0E0BB;
	text-transform:uppercase;
}
h3.module-header a:link,
h3.module-header a:visited
{
	color: #11629a;
}
.module a:link, .module a:visited
{
	color:#898989;
}
.module a:hover, .module a:active
{
	color:#11629a;
}
li.module-list-item
{
	background:url(http://photos1.blogger.com/blogger/5442/340/1600/arrow_C_ver2.gif) no-repeat 3px 2px;
	padding-left: 16px;	
}

.module-content input
{
	padding: 2px;
	font-size: 12px;
}
.module-content input#search
{
	width: 90%;
	border: 1px solid #E0E0BB;
	background:#FCFBF6;
	margin-bottom: .5em;
	padding: 5px;
}
.module-powered, 
.module-syndicate,
.module-powered .module-content,
.module-syndicate .module-content
{
	background:none;
	margin: 4px;
	padding: 0;
	font-size: .85em;
}







.date-header
{
	margin:0;
	margin-bottom: .5em;
	color: #999;
	font-size: 1em;
	text-transform:uppercase;
}
.entry
{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.entry-header
{
	margin:0 0 1em 0;
	padding-right: 150px;
	color: #11629a;
	font-size: 1.25em;
	line-height: 1.5;
	font-family: Lucida Sans Unicode, Trebuchet MS, Tahoma, sans-serif;
}
.entry-content
{
	margin: 0;
	color: #666;
	line-height: 1.7;
}
.entry-body img
{
	padding: 4px;
	background:#ffffff;
	border: 1px solid #CCCCCC;
}
div.entry-body img[align="right"]
{
	margin: 0 0 2em 2em;
}
div.entry-body img[align="left"]
{
	margin: 0 2em 2em 0;
}
.entry-body
{
	/*
	background:url(http://photos1.blogger.com/blogger/5442/340/1600/entry-footer-bottom.png) no-repeat bottom;
	padding-bottom: 5px;
	*/
}
.entry-footer,
.trackback-footer,
.comment-footer
{
	margin:1em  0 0 0;
	padding: .25em 0;
	font-size: .85em;
	line-height: 1.5;
	background: #F3F2E4;
	color: #999999;
	text-align:center;
	border-top: 1px solid #D8D1A7;
	border-bottom: 1px solid #D8D1A7;
	background: #fff;
}
.entry-footer p,
.trackback-footer p,
.comment-footer p
{
color: #454545;
}


#trackbacks-info
{
	margin-bottom: 1em;
	color: #999999;
	text-align:center;
	border-top: 1px solid #D8D1A7;
	border-bottom: 1px solid #D8D1A7;
	background: #fff;
}
#trackbacks-info p
{
	margin: 2px 0;
	line-height: 1.4;
	padding: .5em 0;
	color: #454545;
	background: #F5F3E3;
}


.entry-footer .post-footers
{
	font-weight: bold;
	color: #999999;
	display: block;
}
.separator
{
	display: none;
}
.entry-footer a:link, .entry-footer a:visited,
.trackback-footer a:link, .trackback-footer a:visited,
.comment-footer a:link, .comment-footer a:visited
{
	color: #999999;
}


/*HIDE THIS SHIT*/
.entry-userpic,
.comment-userpic,
p.content-nav
{
	display: none;
}



.trackbacks-header,
.comments-header,
.comments-open-header
{
	margin: 1em 0 .5em 0;
	color: #11629a;
	font-size: 1.25em;
	line-height: 1.5;
	font-family: Lucida Sans Unicode, Trebuchet MS, Tahoma, sans-serif;
}





.trackback, 
.comment
{
	margin-bottom: 2em;
}
.trackback-content,
.comment-content,
.comments-open-content
{
	margin:0;
	padding: 0;
	line-height: 1.7;
	color: #454545;
}

.trackback-content p,
.comment-content p,
.comments-open-content p
{
	margin-bottom: .5em;
	color: #565656;
}






#comments-open-data
{
	margin-top: 1em;
	padding: 0;
	border-top: 1px solid #D8D1A7;
}	
#comments-open-data p,
#comments-open-text,
#comments-open-footer
{
	margin: 0;
	padding: .75em 0;
	border-bottom: 1px solid #D8D1A7;
}
#comments-open-footer
{
	background-color: #F5F3E3;
	padding: 1em 0;
}
form label
{
	font-size: .85em;
	color: #666;
}
form #comment-text
{
	width: 450px;
	height: 100px;
	margin-bottom: .25em;
}	

input, textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	padding: 5px;
}

form input[name="url"],
form input[name="email"],
form input[name="author"],
form textarea[name="text"]
{
	border: 1px solid #dcdcdc;	
	color: #333;
}
label[for="comment-bake-cookie"]
{
	font-size: 1.15em;
	color: #333;
}
#comments-open-footer input
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	padding: 2px;
	width: 100px;
	color: #333;
}









/*
TYPOGRAPHY
*/
	body {
		font-size: 78%;
		font-family: Lucida Sans Unicode, Trebuchet MS, Tahoma, sans-serif;
		word-spacing: normal;
		text-decoration: none;
		color: #454545;
	}
	a:link,
	a:visited
	{
		text-decoration:none;
		color: #333333;
	}
	a:hover, 
	a:active
	{
		text-decoration:underline;
		color: #11629a;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: Garamond, Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 1em;
		margin: 0;
		line-height: 1;
	}
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.6em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.1em;
	}
		
		
		
	p, ul, ol, pre, blockquote
	{
		line-height: 1.7;
		margin: 0 0 1.5em 0;
	}
	li
	{
		line-height: 1.2;
		margin-bottom: .5em;
	}
	ul, ol
	{
		padding-left: 2em;
	}
	li ul,
	li ol
	{
		margin-bottom: 0;
	}
	
	ol li ol
	{
		list-style-type: lower-latin;
	}
	ol li ol li ol
	{
		list-style-type: lower-roman;
	}


	pre
	{
		display: block;
		padding: 10px;
		font-size: 1em;
		font-family:"Courier New", Courier, mono;
		overflow:auto;
	}
		
	blockquote
	{
		display: block;
		margin: 0 1em;
		margin-bottom: 1em;
		padding: 0;
		padding-left: 18px;
		font-style:oblique;
	}
	blockquote *
	{
		margin: 0; 
		padding: 0;
	}




amigo -> RE: Adsense Site Critiques please (8/1/2006 20:41:09)

Wow that's great stuff, but can you explain how I should do that? and may I ask what that code you gave me is?

is it what I have now or is it what I should have in order to get it to load faster and properly..?




jaybee -> RE: Adsense Site Critiques please (8/1/2006 21:03:59)

I doubt if you can do it, not without their permission anyway. Can't see any other reason why they'd be linking in that way.

The code is the css file you currently have and it's calling the images in from http://photos1.blogger.com/blogger/

If you want to understand the content of that file and maybe, change it at some time then I suggest you use the tutorials at w3schools.




amigo -> RE: Adsense Site Critiques please (8/1/2006 22:32:41)

ok Thankyou very much for all of you help!

Is it the same case with this site- http://picsee.blogspot.com ?




amigo -> RE: Adsense Site Critiques please (8/3/2006 21:40:17)

sorry for bugging, but is it the same case with that site? because it uses the same method..




jaybee -> RE: Adsense Site Critiques please (8/4/2006 7:53:46)

Yes, exactly the same. It took ages to load but at least it arrived with the background.




amigo -> RE: Adsense Site Critiques please (8/5/2006 18:03:45)

Oh boy.. This is not good =/




Page: <<   < prev  1 [2]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125