hilaryduff : Design 9 « Templates « HTML / CSS






hilaryduff

    

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Hillary Duff</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type='text/css'>
body {
  background: #C0617F url(hilaryduff-images/main-bg.gif) repeat-x;
  color: #2D2D2D;
  font-family: tahoma, arial, verdana;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

img {
  border: 0px;
}

a:link { 
  color: #FDBDD2;
  font-weight: bold;
  text-decoration: none;
}
  
a:visited { 
  color: #FDBDD2;
  font-weight: bold;
  text-decoration: none;  
}
  
a:hover, a:active { 
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: underline;
}

#header {
  height:337px;
  display:block;
  width:570px;
  margin-right:0px;
  background-image: url(hilaryduff-images/hilaryduff.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  z-index:2;
  overflow:hidden;
}
#header a {
  position:absolute;
  top:322px;
  right:48px;
  width:50px;
  height:20px;
  z-index:3;
  display:inline;
}

#container {
  margin: 0px auto;
  text-align: left;
  width: 780px;
  position:relative;
}

#copyright {
  clear: both;
  color: #FFFFFF;
  font-size: 10px;
  margin-bottom: 10px;
  padding-right: 15px;
  text-align: center;  
}

.photo {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
  padding:5px;
  border: 1px solid #ca738f;  
}
.photo img{
  border: 1px solid #df8fa9;
}
#left {
  float: left;
  padding-top: 110px;
  width: 210px;
}

#menu {
  background: url(hilaryduff-images/menu-bg.gif) no-repeat;
  clear: both;
  display: block;
  height: 551px;
  padding-top: 10px;
  width: 190px;
}

#menu ul {
  list-style: none;
  margin: 0px;
  margin-left: 4px;
  margin-bottom: 10px;
  margin-top: 8px;
  padding: 0px;
}

#menu li {
  background: url(hilaryduff-images/list-bg.gif) no-repeat;
  display: block;
  font-size: 10px;
  height: 17px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-left: 25px;
  padding-top: 1px;
  width: 157px;
}

#nav {
  clear: both;
  height: 50px;
  width: 700px;
  position:absolute;
  margin-left:40px;
}

#nav ul {
  list-style: none;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  width:700px;
  z-index:15;
  position:absolute;
  text-align:center;
}

#nav li {
  list-style: none;
  float:left;
  margin: 0px;
  padding: 0px;
  display:inline;
  border-right: 1px solid #c0617f;
}
#nav a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-variant: normal;
  color: #FFFFFF;
  text-decoration: none;
  display:inline;
  text-transform: uppercase;
  padding: 20px 20px 10px 20px;
}
#nav a:hover {
  color:#df8fa9;
  text-decoration:underline;
}

#right {
  float: left;
  width: 560px;
}
#right a{
text-decoration:underline;}
.tab {
  background: url(hilaryduff-images/tab-heading.gif) no-repeat;
  color: #F2BCCE;
  display: block;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  height: 18px;
  letter-spacing: -1px;
  padding-left: 10px;
  padding-top: 3px;
  margin-bottom: 8px;
  margin-left: 7px;
  width: 166px;
}

.tab2 {
  background: url(hilaryduff-images/tab-bg.gif) no-repeat;
  display: block;
  font-size: 10px;
  height: 17px;
  padding-top: 4px;
  padding-left: 10px;
  width: 179px;
}

.tag {
  color: #F5E6EB;
  font-size: 12px;
  font-weight: bold;
  margin-left: 25px;  
}

.textboxtop,.textboxtop2{
  color: #F2BCCE;
  display: block;
  font-size: 19px;
  font-weight: bold;
  height: 33px;
  letter-spacing: -1px;
  margin-left: 8px;
  padding-left: 20px;
  padding-top: 11px;
  width: 526px;
  text-transform: uppercase;
}
.textboxtop{
  background: url(hilaryduff-images/textbox-top.gif) no-repeat;
}
.textboxtop2 {
  background: url(hilaryduff-images/textbox-top2.gif) no-repeat;
}

.textbox {
  background: #C0617F url(hilaryduff-images/textbox-bg.gif) no-repeat;
  border-left: 1px solid #DF8FA9;
  border-right: 1px solid #DF8FA9;
  color: #F0C5D2;
  margin-left: 8px;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 20px;
  width: 514px;
  padding-bottom:10px;
}

.textboxbottom {
  background: url(hilaryduff-images/textbox-bottom.gif) no-repeat;
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  height: 23px;
  margin-bottom: 10px;
  margin-left: 8px;
  padding-right: 15px;
  padding-top: 5px;
  text-align: right;
  width: 531px;
}
.lastnav{
  border-right: 0px none #c0617f !important;
}
.lastitem{
  background:url(hilaryduff-images/list-bg-2.gif) !important;
}

</style>


</head>
<body>
<div id="container">
  <div id="nav">
    <ul>
      <li><a href="http://www.free-css.com/">Home</a></li>
      <li><a href="http://www.free-css.com/">FILMOGRAPHY</a></li>
      <li><a href="http://www.free-css.com/">DISCOGRAPHY</a></li>
      <li><a href="http://www.free-css.com/">PICTURES</a></li>
      <li class="lastnav"><a href="http://www.free-css.com/">Contact us</a></li>
    </ul>
  </div>
  <div id="body">
    <div id="left">
      <div id="menu"> <span class="tab">Members</span> <span class="tag">You're not logged in!</span>
        <ul>
          <li><a href="http://www.free-css.com/">Login</a></li>
          <li><a href="http://www.free-css.com/">Sign up</a></li>
          <li><a href="http://www.free-css.com/">Members list</a></li>
          <li class="lastitem"><a href="http://www.free-css.com/">Forgot your password?</a></li>
        </ul>
        <span class="tab">LINK PARTNERS</span> <span class="tag">Hilary Duff</span>
        <ul>
          <li><a href="http://www.free-css.com/">Hilary Duff Caps</a></li>
          <li><a href="http://www.free-css.com/">Hilary World</a></li>
          <li><a href="http://www.free-css.com/">Online Hilary Duff</a></li>
          <li><a href="http://www.free-css.com/">Hilary-Choice</a></li>
          <li class="lastitem"><a href="http://www.free-css.com/">Funky-Hilary</a></li>
        </ul>
        <span class="tag">Others</span>
        <ul>
          <li>Template Beauty.com</li>
          <li><a href="http://www.free-css.com/">View all link partners</a></li>
          <li class="lastitem"><a href="http://www.free-css.com/">Become a link partner!</a></li>
        </ul>
        <span class="tab">Statistics</span> <span class="tag">You're not logged in!</span>
        <ul>
          <li><a href="http://www.free-css.com/">Members: 7720</a></li>
          <li><a href="http://www.free-css.com/">Newest member: hilary</a></li>
          <li><a href="http://www.free-css.com/">Members online: 2</a></li>
          <li><a href="http://www.free-css.com/">Admin: Dutch Hilary.</a></li>
          <li class="lastitem"><a href="http://www.free-css.com/">Advanced statistics</a></li>
        </ul>
      </div>
      <br />
      <div class="tab2"> <a href="http://www.free-css.com/">Sitemaps</a> </div>
    </div>
    <div id="right">
      <div id="header"><a href="http://www.free-css.com/">Home</a> </div>
      <div class="textboxtop"> Hilary duff on the red carpet. </div>
      <div class="textbox"> <span class="photo"><img src="hilaryduff-images/photo1.gif" alt="Thumbnail"></span>
        <p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
        <p>This is a template designed by free website templates for you for free you can replace all the text by your own 
          text. This is just a place holder so you can see how the site would look like.</p>
        <p>You can remove any link to our websites from this template you're  free to use the template without linking 
          back to us. Don't want your boss to know you used a free website template ;) .</p>
        <p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
        <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
        <p>To find great hosting providers visit Web Hosting Zoom</p>
      </div>
      <div class="textboxbottom"> <a href="http://www.free-css.com/">Comment</a> - <a href="http://www.free-css.com/">Read comments (2)</a> </div>
      <div class="textboxtop2"> Hilary duff Most Wanted new album! </div>
      <div class="textbox"> <span class="photo"><img src="hilaryduff-images/photo2.gif" alt="Thumbnail"></span>
        <p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
        <p>This is a template designed by free website templates for you for free you can replace all the text by your own 
          text. This is just a place holder so you can see how the site would look like.</p>
        <p>You can remove any link to our websites from this template you're  free to use the template without linking 
          back to us. Don't want your boss to know you used a free website template ;) .</p>
        <p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
        <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
        <p>To find great hosting providers visit Web Hosting Zoom</p>
      </div>
      <div class="textboxbottom"> <a href="http://www.free-css.com/">Comment</a> - <a href="http://www.free-css.com/">Read comments (2)</a> </div>
      <div id="copyright"> Copyright  2006 Hilary Duff. | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
    </div>
  </div>
</div>
</body>
</html>

   
    
    
    
  








Related examples in the same category

1.grid-system
2.grotesqueart
3.grunge-superstar-website-template
4.guarantee
5.guideline
6.gumamela
7.gunmetal
8.h-free-software
9.h2o-bubbles
10.halcyon
11.hanging
12.hapal
13.happy_template
14.hardwarestore
15.hawaiblomst
16.heatwave
17.HelloLand
18.hexahedron
19.hibiscus
20.hifinews
21.HigherGround11
22.highmountains
23.highway
24.highwaycss
25.HomeOfProjects
26.honeythemes
27.hyper
28.i-feel-lucky
29.ibex
30.html
31.html5-alin1
32.html5-passion
33.hurt-hobain-1.0
34.idyllic
35.ifeellucky
36.ignition
37.ikonik
38.illogix
39.illuminated
40.illusion
41.ilounge
42.imagination
43.impeccable
44.implied
45.imprimis
46.improved
47.in-fantasy
48.inapickle
49.inception
50.indication
51.indicator
52.indigo
53.individual
54.inf04-css
55.inf05
56.inf07
57.inf08
58.infinitehorizon
59.inflight
60.informatif
61.innodemag
62.inscriptions
63.inspired by google forum
64.instant
65.integral
66.intelligent-studios
67.intensesimplicity
68.interactive-media
69.interactive-works
70.interchange
71.intercosmic
72.intercraft
73.interior-art
74.interlude
75.intermediate
76.internationalway
77.internet-encyclopedia
78.internet-phenomenon
79.internetbroadcast
80.internetcenter
81.internetmusic
82.internetsharing
83.Internet_Studio
84.invention
85.Inverted_Headline
86.invision
87.ionika
88.iqbiz
89.isometric
90.it-advance
91.it-technologies
92.itdesk
93.ithilien
94.iViolet2b
95.I_Like
96.JA
97.Jan002
98.Jazz Hut Template
99.jdf-boxing
100.jenniferlovehewitt
101.jetbiz
102.jet_30
103.Jewerly-Store
104.joker
105.judgement
106.junkbox
107.just-lucid
108.justgrey
109.Just_Lucid
110.kaleidos
111.kappebeans
112.katz-maus
113.keep_it_simple
114.keero
115.khaki
116.kim-fashion
117.kitchen
118.konnekt-media
119.KrazieKen
120.language-ofa-lover
121.lasvegas
122.lasvegastoo
123.layoftheland
124.lazybreeze
125.leafbiz
126.leafbrush
127.leanmagazine
128.leavesdew
129.leavesv1
130.lemonlimev2
131.leonardo
132.lepidoptera
133.lessantique
134.level2
135.librarypro
136.Light
137.lightspeed
138.limegreen
139.limelight
140.Limey
141.linear
142.lingerie-store
143.link-line
144.liquidity_graph
145.lithium
146.loadfoov2
147.loadhost
148.localize
149.locomotive
150.logistix
151.longbeach
152.loseout
153.lotusflower
154.lucent
155.lunaria-1
156.lusciouscandy
157.luvbold
158.mactall
159.mag
160.magazine
161.majestic
162.majesty
163.makemyday
164.marcelle
165.marked
166.Matrix
167.maxos
168.maxosdarker
169.mcube
170.meadows
171.media
172.Medieval
173.megacorporate
174.meganews
175.megazzine
176.memoranda
177.meretricious
178.Midddot
179.middle-blue
180.midnightrainforest
181.mighty
182.milestone
183.mimbo-magazine
184.minigallery
185.minimal