bs-css - Wolfsvadisi

Wolfsvadisi

Tasarım ve resimler için buraya tıklayınız.
Tasarım Üstü

<div id="wrapper">   <div id="body">     <div id="head"></div>     <div id="topnav"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sitemap</a> </div>     <h1><img src="images/logo.jpg" _fcksavedurl="images/logo.jpg" width="401" height="271" alt="Logo" /></h1>     <div id="nav"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/m1.gif" _fcksavedurl="images/m1.gif" width="101" height="65" alt="M1" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/m2.gif" _fcksavedurl="images/m2.gif" width="97" height="65" alt="M2" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/m3.gif" _fcksavedurl="images/m3.gif" width="97" height="65" alt="M3" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/m4.gif" _fcksavedurl="images/m4.gif" width="97" height="65" alt="M4" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/m5.gif" _fcksavedurl="images/m5.gif" width="94" height="65" alt="M5" /></a> </div>     <div id="left-box">       <div class="inner"> <img src="images/pic_1.jpg" _fcksavedurl="images/pic_1.jpg" width="271" height="132" alt="Pic 1" />         <h2><img src="images/h_free_drink_party_on.gif" _fcksavedurl="images/h_free_drink_party_on.gif" width="252" height="33" alt="Free Drink Party On" /></h2>         <p class="date">18/22/2006<p></p>         <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.<p></p>       </div>     </div>     <div id="content">       <div id="content-bot">         <div class="inner">           <h2><img src="images/h_our_party_news.gif" _fcksavedurl="images/h_our_party_news.gif" width="193" height="33" alt="Our Party News" /></h2>           <p class="content">

Tasarım Altı

<p><p></p>                          <div id="tray">       <div class="redbox first">         <h2><img src="images/h_night_party.jpg" _fcksavedurl="images/h_night_party.jpg" width="217" height="109" alt="Night Party" /></h2>         <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.<p><p></p>         <ul>           <li>Nam congue dolor ut enim.</li>           <li>In consequat laoreet dui.</li>           <li>Pellentesque faucibus velit et urna.</li>         </ul>       </div>       <div class="redbox">         <h2><img src="images/h_our_djs.jpg" _fcksavedurl="images/h_our_djs.jpg" width="216" height="109" alt="Our Dj's" /></h2>         <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.<p><p></p>         <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.<p><p></p>         <br />         <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/details.jpg" _fcksavedurl="images/details.jpg" width="66" height="42" alt="Details" id="details" /></a> </div>       <div class="redbox last">         <h2><img src="images/h_next_party.jpg" _fcksavedurl="images/h_next_party.jpg" width="216" height="109" alt="H Next Party" /></h2>         <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.<p><p></p>         <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.<p><p></p>         <br />       </div>       <div class="clear"></div>       <div class="divider"></div>     </div>     <div id="footer"> Copyright @ 2006, <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">www.nightclub.com</a>, All rights Reserved.| designed by <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a></div>

Css

html, body, h1, h2, h3, h4 { 	margin: 0px; 	padding: 0px; } h1 img { 	display: block; } img { 	border: 0px; } a { 	color: #FF7F00; 	font-weight: bold; 	text-decoration: none; } a:hover { 	color: #FFA405; 	text-decoration: underline; } .left { 	float: left; } .right { 	float: right; } .more { 	text-align: right; } .clear { 	clear: both; }  body { 	background: #0D0D0D; 	text-align: center; 	font: 12px arial, sans-serif; 	color: #989898; } #wrapper { 	text-align: left; 	margin: auto; 	width: 778px; 	background: #181818; } #body { 	position: relative; 	margin-left: 4px; } #head { 	position: absolute; 	top: 0px; 	left: 401px; 	width: 370px; 	height: 266px; 	background: url(images/header.jpg) no-repeat; } #topnav { 	position: absolute; 	top: 41px; 	left: 22px; } #topnav a { 	font-weight: normal; 	color: #989898; } #topnav a:hover { 	color: white; } #left-box { 	position: absolute; 	top: 271px; 	left: 0px; 	width: 285px; 	height: 319px; 	background: #131212 url(images/left_bg.jpg) repeat-x; } #left-box .inner { 	padding: 20px 0px 0px 8px; } #left-box h2 { 	margin: 10px 0px 0px 0px; } #left-box p.date { 	font-weight: bold; } #left-box p { 	margin: 3px 2.5em 1em 1.3em; } #nav { 	position: absolute; 	top: 271px; 	left: 285px; 	width: 486px; } #nav img { 	float: left; } #content { 	position: absolute; 	top: 336px; 	left: 285px; 	width: 486px; 	height: 254px; 	background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat; } #content-bot { 	background: bottom url(images/body_bg.gif) repeat-x; 	height: 254px; 	margin-left: 1px; 	overflow: auto; } #content .inner { 	padding: 10px 27px; } #content .date { 	margin-top: 0.5em; } #content p { 	margin: 0.9em; } #tray { 	margin-top: 330px; 	border: 1px solid #181818; } #tray .redbox { 	float: left; 	width: 217px; 	_height: 279px; 	min-height: 279px; 	background: #800000 url(images/red_bg.jpg) repeat-x; 	margin-left: 11px; 	padding-top: 19px; 	padding-left: 16px; 	padding-right: 16px; 	color: #CFCFCF; } #tray .first { 	margin-left: 0px; } #tray p { 	margin-top: 1em; 	margin-bottom: 1.4em; 	padding-left: 2px; } ul { 	margin: 0px 1em 0px 2em; 	padding: 0px; } li { 	padding: 0px; 	margin: 1em 0px; } .divider { 	background: bottom url(images/footer_bg.gif) repeat-x; 	height: 26px; 	margin-right: 5px; 	position: relative; } #details { 	margin-top: -1.4em; 	margin-bottom: -4em; 	float: right; } #footer { 	background: #101010; 	text-align: right; 	margin: 0px 7px 0px 2px; 	padding: 18px 15px 15px 15px; }