Html Kodları Ekle

Desing Team Tasarimi

Tasarımın Üstü:

</head> <body> <div id="templatemo_wrapper">   <div id="templatemo_container">      <div id="templatemo_header_panel">            </div>          <div id="templatemo_top_panel">     	<div id="templatemo_latest_project">             <div class="image_frame_01">                ds <img src="http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_image_01.jpg" _fcksavedurl="http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_image_01.jpg" alt="image"  />                 <span></span>             </div>                          <div id="latest_project_content">                 <div class="header_01">Free CSS Template</div>                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam feugiat mi lacus, sed accumsan neque. Donec condimentum molestie laoreet.</p>                 <div class="rc_btn_01"><a href="#" _fcksavedurl="#">Read more</a></div> 			</div>                                      <div class="cleaner"></div> 		</div>                  <div id="templatemo_menu">             <ul>                 <li><a href="#" _fcksavedurl="#" class="current"><span></span>Home</a></li>                 <li><a href="#" _fcksavedurl="#"><span></span>Services</a></li>                 <li><a href="#" _fcksavedurl="#"><span></span>Portfolio</a></li>                 <li><a href="http://www.templatemo.com/page/1" _fcksavedurl="http://www.templatemo.com/page/1" target="_parent"><span></span>Templates</a></li>                 <li><a href="#" _fcksavedurl="#"><span></span>About Us</a></li>                                 <li><a href="#" _fcksavedurl="#"><span></span>Contact Us</a></li>             </ul> 	    </div>      </div>          <div id="templatemo_content">    	         <div id="templatemo_content_left">         	<div class="header_02">Welcome to Design Team</div>

Tasarımın Altı:

k  <div class="cleaner"></div>         </div>                   <div id="templatemo_content_right">                  	<div class="content_right_section">             	                 <div class="header_02">New Projects</div>                                   <div class="news_section">                   <div class="news_image"><a href="#" _fcksavedurl="#"><img src="http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_image_03.jpg" _fcksavedurl="http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_image_03.jpg" alt="image 3" /></a></div>                 <div class="news_content">                       <div class="news_title">onec adipiscing luctus</div>                         <p>Maecenas vel libero quis diam sollicitudin euismod ac eget quam. Quisque hendrerit.  					<br /><a href="#" _fcksavedurl="#">Details</a></p>                   </div>               </div>                                  <div class="margin_bottom_20"></div>                                  <div class="news_section">                     <div class="news_image"><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent"><img src="http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_image_04.jpg" _fcksavedurl="http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_image_04.jpg" alt="image 4" /></a></div>     <div class="news_content">                       <div class="news_title">Quisque interdum urna a</div>                         <p>In suscipit, odio in egestas hendrerit, lorem purus tristique elit, at mattis urna diam sit amet. 				<br /><a href="#" _fcksavedurl="#">Details</a></p>                   </div>                 </div>                                   <div class="margin_bottom_20"></div>                                  <div class="news_section">                     <div class="news_image"><a href="#" _fcksavedurl="#"><img src="http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_image_05.jpg" _fcksavedurl="http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_image_05.jpg" alt="image 5" /></a></div>                 <div class="news_content">                       <div class="news_title">Praesent non dui</div>                         <p>Vestibulum eget libero ante, vel hendrerit velit. Pellentesque habitant morbi tristique senectus et. 					<br /><a href="#" _fcksavedurl="#">Details</a></p>                   </div>                 </div>                                  <div class="margin_bottom_20"></div>                                  <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" _fcksavedurl="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>             <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" _fcksavedurl="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>                          </div>                      </div>                   <div class="cleaner"></div>              </div>          <div id="templatemo_footer">         Copyright © 2048 <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent"><strong>Your Company Name</strong></a> | <a href="http://www.iwebsitetemplate.com" _fcksavedurl="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com/page/1" _fcksavedurl="http://www.templatemo.com/page/1" target="_parent">Free CSS Templates</a>    </div>

Css Kodu:

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;}   body { 	margin: 0; 	padding: 0; 	line-height: 1.5em; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px; 	color: #333333; 	background: #262626 url(http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_main_bg_repeat.jpg); }  a:link, a:visited { color: #e77e02; text-decoration: none; font-weight: bold;}  a:active, a:hover { color: #e77e02; text-decoration: underline; }   p { margin: 0px; padding: 0px; }  img { margin: 0px; padding: 0px; border: none; }  .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }  .margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	} .margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	} .margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	} .margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	} .margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	} .margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}  .margin_right_40 { margin-right: 40px; }  .border_bottom { 	border-bottom: 1px solid #999; }  .bi_para { 	font-style: italic; 	color: #137dc0; }  .rc_btn_01 a{ 	display: block; 	padding: 1px 0; 	width: 100px; 	font-size: 13px; 	padding-left: 20px; 	background: url(http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_icon_01.png) left center no-repeat; 	color: #5fccff; 	font-weight: bold; 	text-decoration: none; }  .rc_btn_02 a{ 	float: left; 	display: block; 	padding: 1px 0; 	width: 100px; 	font-size: 12px; 	padding-left: 20px; 	background: url(http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_icon_02.png) left center no-repeat; 	color: #e77e02; 	font-weight: bold; 	text-decoration: none; }  .header_01 { 	color: #5fccff; 	font-size: 18px; 	font-weight: bold; 	padding: 3px 0 10px 0; 	margin: 0 0 20px 0; }  .header_02 { 	color: #e20000; 	font-size: 20px; 	font-weight: bold; 	padding: 3px 0 5px 0; 	margin: 0 0 15px 0; }   #templatemo_wrapper{ 	width: 100%; 	margin: 0 auto; 	background: url(http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_header_repeat.jpg) repeat-x; }  #templatemo_container{ 	width: 980px; 	margin: 0 auto; }  #templatemo_header_panel { 	width: 980px; 	height: 170px;     background: url(http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_header_bg.jpg) no-repeat; }  #templatemo_header_panel #logo { 	float: left; 	width: 265px; 	height: 60px; 	margin: 90px 0 0 20px;	 	background: url(http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_logo.jpg) bottom  no-repeat; }  #templatemo_top_panel { 	clear: both; 	width: 880px; 	height: 285px; 	padding: 0 50px; 	background: url(http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_banner_bg.png) center top no-repeat; }  #templatemo_latest_project { 	float: left; 	width: 575px; 	padding: 70px 30px 0 0; }  #templatemo_latest_project .image_frame_01 { 	float: left; 	position: relative; 	width: 295px; 	height: 174px; 	margin-right: 30px; }  .image_frame_01 span { 	position: absolute; 	top: 0; 	left: 0; 	width: 294px; 	height: 174px; 	background: url(http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_image_frame.png) no-repeat; }  .image_frame_01 img { 	margin: 12px; 	width: 270px; 	height: 150px; }  #templatemo_latest_project #latest_project_content { 	float: left; 	width: 250px; 	color: #ffffff }  #latest_project_content p{ 	font-size: 13px; 	margin-bottom: 30px; }    /* menu */  #templatemo_menu { 	float: right; 	width: 220px; 	margin: 40px 0 0 0;  }  #templatemo_menu ul { 	margin: 0px; 	padding: 0px; 	list-style: none; }  #templatemo_menu ul li{ 	margin: 0 0 15px 0; 	padding: 0 0 5px 0; 	background: url(http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_hd_01.jpg) bottom left repeat-x; }  #templatemo_menu ul li a{ 	font-size: 14px; 	font-weight: bold; 	letter-spacing: 3px; 	text-decoration: none; 	color: #CCC; 	outline: none; 	padding: 0 0 0 0; }  #templatemo_menu li a:hover, #templatemo_menu li .current{ 	color: #ffd200; 	background: url(http://www.templatemo.com/templates/templatemo_167_design_team/images/templatemo_list_icon_01.jpg) left center no-repeat; }  #templatemo_content { 	clear: both; 	width: 940px; 	margin: 30px 19px 0 19px; 	background: #ffffff; 	border: 1px solid #000; }  #templatemo_content #templatemo_content_left { 	float: left; 	width: 580px; 	padding: 30px; }  #templatemo_content_left .image_frame_02 { 	float: left; 	border: 9px solid #999; 	margin: 3px 20px 0 0; }  .image_frame_02 img{ 	width: 200px; 	height: 120px; 	border: 1px solid #ffffff; }  #templatemo_content_left p { 	padding-bottom: 10px; 	text-align: justify; }  #templatemo_content_left .content_left_two_column{   	float: left;  	width: 270px; }  .content_left_two_column ul { 	margin: 10px 0 10px 30px; 	padding: 0px; }  .content_left_two_column ul li { 	margin: 0px; 	padding: 0 0 10px 0; 	list-style: decimal-leading-zero; }   /* end of content left */  /* content right */ #templatemo_content #templatemo_content_right { 	float: right; 	width: 240px; 	padding: 30px 	 }  .content_right_section { 	clear: both; }  .news_section { 	clear: both; }  .news_section .news_image{ 	float: left; 	width: 80px; 	margin: 5px 0 0 0;	 }  .news_section .news_image img { 	width: 80px; 	height: 80px; }  .news_section .news_content { 	width: 150px; 	float: right; }  .news_section .news_title { 	color: #137dc0; 	font-weight: bold; }  /* ----- Footer ----- */  #templatemo_footer { 	clear: both; 	padding: 20px 0; 	width: 980px; 	text-align: center; 	color: #ffffff; }  #templatemo_footer a{ 	color: #ffd200; 	font-weight: normal; }  /* ----- End of Footer ----- */   table {margin-left: auto;margin-right: auto}

Html Kodları

Javascript Kodları

İceblue Tasarımları

Css Tasarımları

Red Tasarımları

Butterfly Tasarımları

Tr.Gg Arkaplanları

Photoshop Dersleri

Gifler

Yazılarım

Dost Siteler

Komik Video :)

Desing Team Tasarimi

Tasarımın Üstü:

Tasarımın Altı:

Css Kodu: