HackerEdit53 Design - templatemo 167

templatemo 167

Önizleme resmi

Büyütmek için resme tıklayın.

Hakkında bilgi
Arkadaşlar bu tasarım templatemo'nun 167. tasarımıdır.Ben tr.gg'ye uyarladım.Güzel olduğunu düşünüyorum.Açılır menü eklerdim ama herkes kullanamaz diye eklemedim.Çünkü denedim zor oluyor.Tasarımın hiçbiryerinde reklamım yok.Lütfen kendidiniz kullanın ama ben yaptım diye milleti kandırmayın.Sadece kaynağı gösterin.Zaten bu tasarımı ben de yapmadım.

Tasarım üstü

/***********************************************
* Random Transitions Slideshow- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
***********************************************/

</script><script type="text/javascript">

var flashyshow=new flashyslideshow({ //create instance of slideshow
	wrapperid: "myslideshow", //unique ID for this slideshow
	wrapperclass: "flashclass", //desired CSS class for this slideshow
	imagearray: [
		["http://f1303.hizliresim.com/17/n/l896g.png", "http://hackeredit53.tr.gg/", "_new", "Buraya resim. (1)"],

["http://f1303.hizliresim.com/17/n/l896g.png", "http://hackeredit53.tr.gg/", "_new", "Buraya resim. (2)"],

["http://f1303.hizliresim.com/17/n/l896g.png", "http://hackeredit53.tr.gg/", "_new", "Buraya resim. (3)"],

],
	pause: 2000, //pause between content change (millisec)
	transduration: 1000 //duration of transition (affects only IE users)
})

</script></div></div>                                      <div class="cleaner"></div>        </div>                   <div id="templatemo_menu">              <ul>                  <li><a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/" class="current"><span></span>Eklenecektir.</a></li>                    <li><a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/"><span></span>Eklenecektir.</a></li>                    <li><a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/"><span></span>Eklenecektir.</a></li>       <li><a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/"><span></span>Eklenecektir.</a></li>       <li><a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/"><span></span>Eklenecektir.</a></li>       <li><a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/"><span></span>Eklenecektir.</a></li>       <li><a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/"><span></span>Eklenecektir.</a></li>       <li><a href="http://hackeredit53.tr.gg/" _fcksavedurl="http://hackeredit53.tr.gg/"><span></span>Eklenecektir.</a></li>                   </ul>           </div>          </div>           <div id="templatemo_content">   <style type="text/css">   .bg {background: url(images/button4.gif);}  .menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(http://b1303.hizliresim.com/17/n/l88lm.png) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }  .menu li.top {display:block; float:left; position:relative;}  .menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#CCC; text-decoration:none; font-size:15px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}  .menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}  .menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}  .menu li a.top_link:hover {color:#FFF; background: url(images/button4.gif) no-repeat;}  .menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}  .menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}   .menu li:hover > a.top_link {color:#000000; background: url(http://a1303.hizliresim.com/17/n/l890r.png) no-repeat;}  .menu li:hover > a.top_link span {background:url(http://a1303.hizliresim.com/17/n/l890r.png) no-repeat right top;}  .menu li:hover > a.top_link span.down {background:url(https://img.webme.com/pic/b/bscity/button4a.gif) no-repeat right top;}   .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}   .menu a:hover {visibility:visible;}  .menu li:hover {position:relative; z-index:200;}   .menu ul,  .menu :hover ul ul,  .menu :hover ul :hover ul ul,  .menu :hover ul :hover ul :hover ul ul,  .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}   .menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}  .menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}  .menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}  .menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}  .menu :hover ul.sub li a:hover {background:#999999; color:#fff;}  .menu :hover ul.sub li a.fly:hover {background:#999999 url(https://img.webme.com/pic/b/bscity/arrow_over.gif) 80px 7px no-repeat; color:#fff;}  .menu :hover ul li:hover > a.fly {background:#999999 url(https://img.webme.com/pic/b/bscity/arrow_over.gif) 80px 7px no-repeat; color:#fff;}   .menu :hover ul :hover ul,  .menu :hover ul :hover ul :hover ul,  .menu :hover ul :hover ul :hover ul :hover ul,  .menu :hover ul :hover ul :hover ul :hover ul :hover ul  {left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;} </style> <div> <ul class="menu">     <li class="top"><a class="top_link" href="hackeredit53.tr.gg" _fcksavedurl="hackeredit53.tr.gg"><span>Anasayfa</span></a></li>  <li class="top"><a class="top_link" href="hackeredit53.tr.gg" _fcksavedurl="hackeredit53.tr.gg"><span>Anasayfa</span></a></li>   <li class="top"><a class="top_link" href="hackeredit53.tr.gg" _fcksavedurl="hackeredit53.tr.gg"><span>Anasayfa</span></a></li>       <li class="top"><a class="top_link" href="hackeredit53.tr.gg" _fcksavedurl="hackeredit53.tr.gg"><span>Anasayfa</span></a></li>   </ul> </div> <div id="container"> 			<div id="header_container"> 				<div id="pre_header"></div> 				<div class="header"><h1 id="header"><span></span></h1></div> 				<div id="post_header"></div> 			</div> 			<div id="nav_container"> 			<h2 id="nav_heading"><span></span></h2> 				<ul id="nav">

Tasarım altı

Css

table {margin-left: auto;margin-right: auto}  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(https://img.webme.com/pic/h/hackeredit53/arkaplan.png);  }   a:link, a:visited { color: #000000; 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: #ffffff;     font-size: 14px;     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:  none repeat-x;  }   #templatemo_container{     width: 980px;     margin: 0 auto;  }    #templatemo_top_panel {     clear: both;     width: 880px;     height: 284px;     padding: 0 50px;     background: url(http://b1303.hizliresim.com/17/n/l88jb.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: 280px;     height: 174px;     margin-right: 45px;  }   .image_frame_01 img {     margin: 6px;     width: 280px;     height: 137px;  }   #templatemo_latest_project #latest_project_content {     float: left;     width: 250px;     color: #ffffff  }   #latest_project_content p{     font-size: 13px;     margin-bottom: 30px;  }    #templatemo_menu {     float: right;     width: 160px;     margin: 40px 0 0 0;  }   #templatemo_menu ul {     margin: 0px;     padding: 0px;     list-style: none;  }   #templatemo_menu ul li{     margin: 0 0 5px 0;     padding: 0 0 3px 0;     background:  none bottom left repeat-x;  }   #templatemo_menu ul li a{     font-size: 12px;     font-weight: bold;     letter-spacing: 3px;     text-decoration: none;     color: #000000;     outline: none;     padding: 0 0 0 0;  }   #templatemo_menu li a:hover, #templatemo_menu li .current{     color: #000000;     background:  none left center no-repeat;  }   #templatemo_content {     clear: both;     width: 940px;     margin: 30px 19px 0 19px;     background: #FFF9F4;     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: #FFF;  }   #templatemo_footer a{     color: #CCC;     font-weight: normal;  }   /* ----- End of Footer ----- */  <style> <!-- a{color:#000069;text-decoration:none;font:bold}  a:hover{color:#ff0000}