- CSS TASARIM 1

CSS TASARIM 1

http://img80.imageshack.us/img80/3567/darksidea.jpg

TASARIMIN ÜSTÜNE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Darkside 01</title> <FCK:meta http-equiv="content-type" content="text/html; charset=utf-8"  /> <link rel="stylesheet" media="screen,projection" type="text/css" href="http://h1.ripway.com/arguz/main.css" />  <link rel="stylesheet" media="screen,projection" type="text/css" href="http://h1.ripway.com/arguz/scheme.css" /> <link rel="stylesheet" media="print" type="text/css" href="http://h1.ripway.com/arguz/print.css" /> </head> <body> <div id="main">   <div id="header">     <h1 id="logo"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Your <span>website</span> name</a></h1>     <hr class="noscreen" />     <div id="slogan">Your slogan here</div>     <hr class="noscreen" />     <p class="noscreen noprint"><em>Quick links: <a href="#content" _fcksavedurl="#content">content</a>, <a href="#nav" _fcksavedurl="#nav">navigation</a>.</em></p>     <hr class="noscreen" />   </div>   <div id="nav">     <ul class="box">       <li id="nav-active"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Homepage</a></li>       <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">About</a></li>       <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Services</a></li>       <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Products</a></li>       <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact</a></li>     </ul>     <hr class="noscreen" />   </div>   <div id="cols" class="box">     <div id="content">       <h2 id="content-title">Lorem ipsum dolor sit amet</h2>       <div id="perex" class="box">         <p><img src="tmp/image-02.gif" _fcksavedurl="tmp/image-02.gif" width="150" height="113" alt="" class="f-left" /> Donec commodo. Pellentesque nunc. Ut blandit nisl nunc. <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Donec sapien</a> estem imperdiet ultrices, cursus elementum ac, neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculuses mus. Sed in odio. Sedate ornare aliquam tortor. Aliquam aliquam blandit ante. Fusce elit. Donec blanditili. Sed nisi. Proin eros lectus, fermentum at, tristique quis, molestie quis, lectus. Nulla facilisi. Lorem ipsum dolor sit amet.</p>       </div>       <hr class="noscreen" />       <div id="content-in">

TASARIMIN ALTINA

</div>     </div>     <hr class="noscreen" />     <div id="aside">       <h4 id="aside-title">News</h4>       <div class="aside-in">         <div class="aside-box">           <dl id="news">             <dt><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Lorem ipsum dolor sit amet</a></dt>             <dd><span class="date">15. 01.</span> Lorem ipsum dolor sit amet estame consectetue adipiscing eliti. Sedem suscipit, pede et lobortis es.</dd>             <dt><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Lorem ipsum amet</a></dt>             <dd><span class="date">15. 01.</span> Lorem ipsum dolor sit amet estame consectetue adipiscing eliti. Sedem suscipit, pede et lobortis es.</dd>             <dt><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Lorem ipsum dolor sit amet</a></dt>             <dd><span class="date">15. 01.</span> Lorem ipsum dolor sit amet estame consectetue adipiscing eliti. Sedem suscipit, pede et lobortis es.</dd>           </dl>         </div>       </div>       <h4 class="title">Contact</h4>       <div class="aside-in">         <div class="aside-box">           <address>           <strong>Your website name</strong><br />           Some street 123, Some city<br />           <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">your@email.com</a>           </address>         </div>       </div>     </div>   </div>   <div id="cols-bottom"></div>   <hr class="noscreen" />   <div id="footer">     <p class="f-right"><a href="http://www.nuviotemplates.com/" _fcksavedurl="http://www.nuviotemplates.com/">Free web templates by Nuvio</a>, sponsored by <a href="http://www.lekynainternetu.cz/" _fcksavedurl="http://www.lekynainternetu.cz/">Leky</a></p>     <p>© 2008 <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Your website name</a></p>   </div> </div> </body> </html>

CSS BÖLÜMÜNE