Retro

Alexander Agnarson — Sat, 29 Nov 2008 23:19:42 +0000

Georgia as default font:

<div class="tophead">
<a class="friend" href="http://yourfriendlinkgoeshere.com" title="Add to friends"><span>Add to friends</span></a>
<a class="msg" href="http://yourmessagelinkgoeshere.com" title="Send Message"><span>Send Message</span></a>  
  
<div class="heading1">Alexander Agnarson</div>

<div class="heading3">ABOUT ME</div>
<div class="content3">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ‘<br />
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit. Duis aute irure dolor in reprehenderit</p>
  <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p>
</div>
<div class="content4"><a href="#">Link Here</a> – <a href="#">Link Here</a> – <a href="#">Link Here</a></div>
<a class="credit" href="http://designmyspace.org"></a></div>
</div>

NOTE {PUT YOUR OWN LOGO IMAGE HERE}
.gfxlogo {
    background-image: url(http://cbimg9.com/layouts/08/11/32820ab.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 246px;
	height: 60px;
	top: 85px;
	left: 142px;
}

body {margin-top: 760px; font-size: 11px; line-height: auto;background-color:eedbbb; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; background-repeat: repeat; background-position: top center; background-image: url(http://cbimg9.com/layouts/08/11/32820ac.jpg);}
body table {margin-top:50px;}

.tophead {
	width: 1000px;
	height: 749px;
	position: absolute;
	margin-left: -500px;
	left: 50%;
	top: 0px;
	background-color:transparent;
	background-image: url(http://cbimg9.com/layouts/08/11/32820ad.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.topline-middle {
	width: 1000px;
	height: 0px;
	position: absolute;
	margin-left: -500px;
	left: 50%;
	top: 0;
	background-color:transparent;
}
.tophead .friend {
  position: absolute;
  left: 664px;
  top: 377px;
  display: block;
  width: 182px;
  height: 33px;
  background-image: url(http://cbimg9.com/layouts/08/11/32820ae.jpg); background-repeat: no-repeat; background-position: 0 0;
}
.tophead .friend:hover {background-position: 0 -33px;}
.tophead .friend span {display: none;}

.tophead .msg {
  position: absolute;
  left: 664px;
  top: 418px;
  display: block;
  width: 224px;
  height: 33px;
  background-image: url(http://cbimg9.com/layouts/08/11/32820af.jpg); background-repeat: no-repeat; background-position: 0 0;
}
.tophead .msg:hover {background-position: 0 -33px;}
.tophead .msg span {display: none;}

.topbg {
	width: 1600px;
	height: 828px;
	position: absolute;
	top: 0px;
	right: -300px;
	background-color:transparent;
	background-image: url(http://cbimg9.com/layouts/08/11/32820ag.jpg);
	background-positon: top center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.bottomhead {width: 1000px; height: 26px; position: absolute; margin-left: -500px; left: 50%; top: 600px; background-color:transparent; background-image: url();}
.tophead .img1 {
	width: 209px;
	height: 233px;
	position: absolute;
	left: 137px;
	top: 262px;
	padding: 0;
	overflow: hidden;
	display: block;
}

.tophead .heading1 {
	width: 580px;
	position: absolute;
	left: 137px;
	top: 167px;
	color:501414;
	padding: 0px;
	font-size: 30px;
	font-family: Georgia, Arial, Verdana, "Trebuchet MS", sans-serif;
	font-weight: normal;
	overflow: hidden;
	font-style: italic;
}
.tophead .heading1 a { font-size: 11px; color: 4d1111; text-decoration: none; font-weight: normal;}
.tophead .heading1 a:hover { font-size: 11px; color: 4d1111; text-decoration: underline; font-weight: normal;}
.tophead .heading2 {
	width: 204px;
	position: absolute;
	left: 142px;
	top: 506px;
	height: 20px;
	color:4e1312;
	padding: 0px;
	font-size: 13px;
	font-family: Georgia, Arial, Verdana, "Trebuchet MS", sans-serif;
	font-weight: normal;
	overflow: hidden;
}
.tophead .heading3 {
	width: 330px;
	position: absolute;
	left: 376px;
	top: 255px;
	height: 19px;
	color:4e1312;
	padding: 0px;
	font-size: 15px;
	font-family: Georgia, Arial, Verdana, "Trebuchet MS", sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	overflow: hidden;
}
.tophead .content1 {
	width: 305px;
	position: absolute;
	left: 77px;
	top: 409px;
	height: 209px;
	color: e9ffab;
	padding: 0px;
	font-size: 12px;
	font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif;
	font-weight: normal;
	overflow: hidden;
}
.tophead .content1 p {color: e9ffab;}
.tophead .content2 {
	width: 527px;
	position: absolute;
	left: 411px;
	top: 420px;
	height: 220px;
	color:6f594a;
	padding: 0px;
	font-size: 12px;
	font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif;
	font-weight: normal;
	overflow: hidden;
}
.tophead .content2 p {color: 6f594a;}
.tophead .content3 {
	width: 257px;
	position: absolute;
	left: 376px;
	top: 306px;
	height: 326px;
	padding: 0px;
	font-family: Georgia, Arial, Verdana, "Trebuchet MS", sans-serif;
	font-weight: normal;
	overflow: hidden;
	color: 87703d;
	font-size: 13px;
}
.tophead .content3 a {color: ffffff; text-decoration: none; font-weight: normal; font-size: 13px; font-family: Georgia, Arial, Verdana, "Trebuchet MS", sans-serif;}
.tophead .content3 a:hover {color: ffffff; text-decoration: underline; font-weight: normal; font-size: 13px; font-family: Georgia, Arial, Verdana, "Trebuchet MS", sans-serif;}
.tophead .content3 p {
	color: 87703d;
	font-size: 13px;
	font-family: Georgia, Arial, Verdana, "Trebuchet MS", sans-serif;
}

.tophead .content4 {
	width: 276px;
	position: absolute;
	left: 129px;
	top: 671px;
	height: 21px;
	padding: 0px;
	font-family: Georgia, Arial, Verdana, "Trebuchet MS", sans-serif;
	font-weight: normal;
	overflow: hidden;
	color: 87703d;
	font-size: 13px;
	text-align: center;
}
.tophead .content4 a {color: 4e1312; text-decoration: none; font-weight: normal; font-size: 13px; font-family: Georgia, Arial, Verdana, "Trebuchet MS", sans-serif;}
.tophead .content4 a:hover {color: 541316; text-decoration: underline; font-weight: normal; font-size: 13px; font-family: Georgia, Arial, Verdana, "Trebuchet MS", sans-serif;}

.tophead .credit {
	width: 88px;
	height: 35px;
	position: absolute;
	left: 795px;
	top: 659px;
	display: block;
	cursor: pointer;
}
.tophead .credit span {display: none;}

.topline-middle .mslink {
  position: absolute;
  left: 63px;
  top: 16px;
  display: block;
  width: 95px;
  height: 26px;
  background-image: url(http://cbimg9.com/layouts/08/11/32820ah.jpg); background-repeat: no-repeat; background-position: 0 0;
}
.topline-middle .mslink:hover {background-position: 0 -26px;}
.topline-middle .mslink span {display: none;}

a img.noborder {border: 0;}
img.border {border-style:solid; border-width:3px; border-color:92908b; }
a img.border {border-style:solid; border-width:3px; border-color:92908b; }
a:hover img.border, a img.border:hover {border-style:solid; border-width:3px; border-color:c7c4bc;}

p {margin: 0px 0px 1em 0px; font-family: font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; font-size: 12px;}
a, a:link, a:visited {color:5d1919; text-decoration: none; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif;}
a:hover {color:420f0f; text-decoration: underline}
img {border: none;}
br {line-height: 20px;}
form {border-width:0px;background-color:none;}
body>div {margin-left: 14px;}
table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
table table table table td {padding:0px;margin:0px;}
table table table {margin:0px; background-color:d5b383; width: 100% !important; background-repeat: repeat-x; background-position: top right; background-image: url(http://cbimg9.com/layouts/08/11/32820ai.jpg); }
body td table, body div table {margin-top: 0;}
font {color:6f5229;font-size:10px; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif;}
a font:hover {color:4d1111}
a.topline-middle .navbar:link, a.topline-middle .navbar:visited {color:5d1919 text-decoration: none;}
a.topline-middle .navbar:hover {color:420f0f}
table tr td table tr td font {display: inline;}
table tr td table a.topline-middle .navbar {font-size: 10px;}
.text {color:6f5229;font-size:12px; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif;}
a.text:link, a.text:visited {color:5d1919}
a.text:hover {color:420f0f}
.nametext {color:4d1111; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0px 0px 14px 0px; text-align: center; display: block; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: c4a06d; width: 280px !important; vertical-align: bottom;}
.contactTable {width: 332px !important;}
.contactTable td {padding: 0px; margin: 0px; text-align: center;}
.contactTable span.whitetext12 {position: relative; left: 24px;}
.contactTable td table {background-color: transparent; background-image: url(http://cbimg9.com/layouts/08/11/32820aj.jpg); background-position: center; background-repeat: no-repeat;}
.contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 36px; width: 156px; background-color: transparent;}
.contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}
table tr td table tr td table tr td div strong {display: block; width: 280px; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif;}
.whitetext12 {color:4d1111; font-size: 13px; margin: 8px 0px 4px 0px; padding: 0 0 14px 0; text-align: center; display: block; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: c4a06d; width: 280px;}
.blacktext12 {color:4d1111;font-size: 12px; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; display: block; margin-top: 14px; width: 100%;}
.contactTable span.whitetext12 {position: relative; left: 24px;}
.btext {color:4d1111; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0 14px 14px 14px; text-align: center; display: block; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: c4a06d; width:370;}
.orangetext15 {color:4d1111; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0 14px 14px 14px; text-align: center; display: block; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: c4a06d; width:370px;}
.lightbluetext8 {color:6f5229; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif;}
.redtext,.redbtext {color:4d1111; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; font-size: 12px; font-weight: bold;}
a.redlink:link {color:5d1919; padding-top: 3px;}
a.redlink:visited {color:5d1919}
a.redlink:hover {color:420f0f;}
u {text-decoration: none; font-size: 10px;}
a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:6f5229; }
a.searchlinkSmall:hover { color:5d1919; }
td, table, tr, span, li, p, div, textarea, DIV {
	font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif;
	color: 6f5229;
} 
h1, h2, h3, h4, h5, h6 {color:4d1111;} 
.blacktext10 {color:4d1111 !important; font-size: 12px!important; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif;}
.searchlinksmall a{color:4d1111 !important;}
.searchlinksmall a:hover{color:4d1111 !important; text-decoration: underline !important;}
.userProfileURL {font-size: 9px!important;}
</style>

Arial as default font:

How do I replace the picture?

Find this in the code:

Replace the tinypic url with the direct link to your image (209px x 233px). Change the description or remove it.

DesignMyspace.org - Professional Myspace Layouts » Retro

Retro

Georgia as default font:

Arial as default font:

How do I replace the picture?