Mr-Raffy™-Kişisel Site - Yaris-Merkezi V1 Tasarımı

Yaris-Merkezi V1 Tasarımı

HTML clipboard HTML clipboard

Tasarım Üstüne;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Design Gallery, CSS Template, Free Download</title> <meta name="keywords" content="HTML, CSS, Design Gallery, CSS Template, Free Download, Website Layout" /> <meta name="description" content="Beautiful Design Gallery, CSS Template, Free Download" /> <link href="templatemo_style.css" rel="stylesheet" type="text/css" /> </head> <body>  <div id="templatemo_background_top"> <div class="templatemo_container"> <div id="templatemo_header"> </div> <div class="templatemo_content"> <div id="templatemo_content_white_top"> <div id="templatemo_menu"> <ul> <li><a href="index.html" class="current">HOME</a></li> <li><a href="subpage.html">PROJECTS</a></li> <li><a href="subpage.html">CLIENTS</a></li> <li><a href="subpage.html">ABOUT US</a></li> <li><a href="#" class="lastmenu">CONTACT</a></li> </ul> </div> </div> <div id="templatemo_content_white_middle"> <div class="templatemo_post_area"> <h1>Limitsiz-Paylasim Template 03</h1>

Tasarım Altına;

<div class="cleaner_with_height"></div> </div> </div> </div> </div> </div> <div id="templatemo_background_middle"> <div class="templatemo_container"> <div class="templatemo_content"> <div id="templatemo_content_white_blue_joint"> </div> <div id="templatemo_content_blue_middle"> <div class="templatemo_post_area"> <h1>Kafana Göre</h1> <p>Kafana Göre DOldur İşte Ne bilem </p> <div class="cleaner_with_height"></div> </div> </div> <div id="templatemo_content_blue_two_col_joint"> </div> <div id="templatemo_content_two_col_middle"> <div class="templatemo_post_area_left"> <h1>Who We Are</h1> <img alt="Design Blog" src="images/templatemo_thumb_2.jpg" /> <ul> <li><a href="#">Nulla enim nibh, consectetuer sed</a></li> <li><a href="#">Vestibulum elementum, sagittis nec</a></li> <li><a href="#">Diam. Mauris blandit vehicula neque</a></li> <li><a href="#">Proin consectetuer. Donec venenatis</a></li> <li><a href="#">Cras urna metus, feugiat non</a></li> <li><a href="#">Lorem ipsum dolor sit amet</a></li> <li><a href="#">Nulla et nunc commodo ante ornare</a></li> </ul> </div> <div class="templatemo_post_area_right"> <h1>Testimonials</h1> <div class="post_area"> <img alt="Design Gallery" src="images/templatemo_thumb_3.jpg" /> <h2>Praesent vel diam </h2> <p>Nunc ante erat, varius eu, luctus ac, tristique nec, justo. Fusce dignissim eros ac massa.</p> <h2>Curabitur nec odio</h2> <p>Mae cenas vulps utate, arcue idm ferm entum elei fend, tortor enim tinc idunt mau ris, frin gilla tincidunt purus urna vel risus.</p> </div>  </div> <div class="cleaner_with_height"></div> </div> <div id="templatemo_content_two_col_bottom"> </div> <div class="templatemo_copyright"> Copyright © 2024 Your Company Name | Designed by <a href="http://limitsiz-paylasim.tr.gg" target="_parent" title="CSS Templates">Limitsiz-Paylasim.tr.gg</a> </div> </div> </div>  </div> </body> </html>

Css Bölümüne;

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* CSS Credit: http://www.templatemo.com/ */ html { background: #000d0d; } body { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #000; width: 100%; display: table; background: #000d0d; } a { color: #902200; font-weight: bold; text-decoration: none; } a:hover { color: #cf3607; font-weight: bold; text-decoration: none; } #templatemo_background_top { width: 100%; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bg_top.jpg) center top no-repeat; margin: 10px 0 0 0; } #templatemo_background_middle { width: 100%; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bg_middle.jpg) center top no-repeat; } .templatemo_container { width: 820px; margin: auto; } #templatemo_header { width: 820px; height: 150px; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_header.jpg) center no-repeat; } .templatemo_content { width: 820px; } #templatemo_content_white_top { width: 820px; height: 100px; background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_content_top.jpg) no-repeat; } /*------------- Menu ------------------*/ #templatemo_content_white_top #templatemo_menu { float: left; width: 370px; height: 35px; margin: 15px 0 0 225px; } #templatemo_menu ul { float: left; width: 370px; margin: 0; padding: 10px 0 0 0; list-style: none; } #templatemo_menu ul li{ display: inline; } #templatemo_menu ul li a{ float: left; padding: 0 10px; font-family: Tahoma; font-size: 10px; font-weight: bold; text-align: center; text-decoration: none; color: #0ff; border-right: 1px solid #FFFFFF; } #templatemo_menu ul li .lastmenu{ border-right: none; } #templatemo_menu li a:hover, #templatemo_menu li .current{ text-decoration: underline; } /* ---- ----- End OF Menu ---- ------*/ #templatemo_content_white_middle { width: 820px; background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_content_middle.jpg) repeat-y; } #templatemo_content_white_middle .templatemo_post_area { margin: 0 25px 0 25px; padding: 0; } #templatemo_content_white_middle .templatemo_post_area h1{ font-family:"Monotype Corsiva", Arial; font-size: 30px; font-weight: normal; text-decoration: underline; color: #007b78; margin: 0 0 20px 0; padding: 0; } #templatemo_content_white_middle .templatemo_post_area p{ font-family: Arial; font-size: 12px; color: #000; text-align: justify; margin: 0 0 10px 0; padding: 0; } #templatemo_content_white_middle .templatemo_post_area img{ float: left; margin: 0 20px 20px 0; padding: 0; } #templatemo_content_white_blue_joint { width: 820px; height: 48px; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_blue_joint.jpg) no-repeat; } #templatemo_content_blue_middle { width: 820px; background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_content_bg.jpg) repeat-y; } #templatemo_content_blue_middle .templatemo_post_area { margin: 0 25px 0 25px; padding: 15px 0 0 0; } #templatemo_content_blue_middle .templatemo_post_area h1{ font-family:"Monotype Corsiva", Arial; font-size: 30px; font-weight: normal; text-decoration: underline; color: #007b78; margin: 0 0 20px 0; padding: 0; } #templatemo_content_blue_middle .templatemo_post_area p{ font-family: Arial; font-size: 12px; color: #000; text-align: justify; margin: 0 0 10px 0; padding: 0; } #templatemo_content_blue_middle .templatemo_post_area img{ float: right; margin: 0 0 20px 20px; padding: 0; } #templatemo_content_blue_two_col_joint { width: 820px; height: 71px; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_joint.jpg) no-repeat; } #templatemo_content_two_col_middle { width: 820px; min-height: 76px; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_bg.jpg) repeat-y; } #templatemo_content_two_col_middle .templatemo_post_area_left { float: left; width: 350px; margin: 0 0 0 25px; padding: 0; display: inline; } .templatemo_post_area_left h1{ font-family:"Monotype Corsiva", Arial; font-size: 18px; font-weight: normal; text-decoration: underline; color: #000; margin: 0 0 20px 0; padding: 0; } .templatemo_post_area_left img{ float: left; margin: 0 20px 20px 0; padding: 0; clear: both; } .templatemo_post_area_left ul{ list-style: none; float: left; margin: 0; padding: 0; } .templatemo_post_area_left li{ background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bullet.jpg) left center no-repeat; padding: 0 0 3px 15px; font-size: 11px; } .templatemo_post_area_left li a{ color: #000; text-decoration: underline; } .templatemo_post_area_left li a:hover{ color: #000; text-decoration: none; } #templatemo_content_two_col_middle .templatemo_post_area_right { float: right; width: 350px; margin: 0 25px -0 0; padding: 0; display: inline; } .templatemo_post_area_right h1{ font-family: "Monotype Corsiva", Arial; font-size: 20px; font-weight: normal; text-decoration: underline; color: #000; margin: 0 0 20px 0; padding: 0; } .templatemo_post_area_right h2 { font-family: Arial; font-size: 12px; color: #af1b03; font-weight: bold; margin: 0 0 0 0; padding: 0; } .post_area { margin: 0; padding: 0; } .templatemo_post_area_right p{ font-family: Arial; font-size: 12px; color: #000; text-align: justify; margin: 0 0 10px 0; padding: 0; } .templatemo_post_area_right img{ float: right; margin: 0 0px 20px 20px; padding: 0; clear: both; } #templatemo_content_two_col_bottom { width: 820px; height: 45px; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_bottom.jpg) bottom no-repeat; } .templatemo_copyright{ float: left; width: 100%; margin: 10px 0 10px 0; padding: 0 0 0 25px; color: #fff; text-align: center; } .templatemo_copyright a{ color: #fff; text-decoration: none; } .templatemo_copyright a:hover{ color: #fff; text-decoration: underline; } .cleaner_with_height { clear:both; height: 1px; }