oyun tasarim kodu
body{
background-color:black;
color:white;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}
h1{
font-weight:bold;
font-size:1.0em;
padding:4px 0 4px 0;
}
div.hr {
background-image: url('https://img.webme.com/pic/g/guckanwebtasarimlari/footer_line.png');
background-repeat: no-repeat;
width: 716px;
height: 30px;
margin-left: auto;
margin-right: auto;
}
div.hr hr {
display: none;
}
/*#################PAGE BLOCKS' IDS###################*/
#megabg_container{
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/body_right_bg.png
');
background-position:center top;
background-repeat:repeat-y;
width:960px;
margin:0 auto;
}
#bg_container{
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/test_bg.png');
background-position:center top;
background-repeat:no-repeat;
width:960px;
margin:0 auto;
}
#container{
width:780px;
margin:0 auto;
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/body_right_bg.png');
background-position:right;
background-repeat:repeat-y;
height:auto;
}
#header{
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/top_img.jpg');
background-position:center center;
background-repeat:repeat-y;
height:188px;
overflow:hidden;
}
#header_text{
font-size:32px;
font-weight:bold;
margin-left:15px;
}
#menu_sword{
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/menu_sword_bg.png');
height:27px;
width:629px;
white-space:nowrap;
overflow:hidden;
float:left;
}
#body{
width:100%;
height:100%;
/* position:relative;
top:-55px;*/
}
#body-leftside{
float:left;
background-color:#000000;
width:250px;
}
#body-rightside{
float:right;
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/body_sword_handle.jpg');
background-position:right top;
background-repeat:no-repeat;
width:475px;
padding:5px 50px 5px 5px;
font-size:0.8em;
}
#footer{
clear:both;
padding:0 10px 5px 15px;
height:53px;
}
#scroll_top{
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/menu_scroll_top.jpg');
width:100%;
height:87px;
text-align:center;
}
#scroll_middle{
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/menu_scroll_middle.jpg');
width:100%;
height:280px;/*Shall be only multiples of 140px.(140, 280, 320 etc) Otherwise picture will be unclear*/
overflow:hidden;
}
#scroll_bottom{
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/menu_scroll_bottom.jpg');
width:100%;
height:109px;
}
#scroll_header{
font-family:"Charlemagne Std", "Times New Roman", Times, serif;
color:#481e00;
font-size:20px;
position:relative;
top:50px;
}
/*########## LINKS #############*/
a img{
border: none;
}
a:link {
color: #ffffff;
text-decoration: underline;
}
a:visited{
color: #9e9e9e;
text-decoration: underline;
}
a:hover{
color: #fffb8e;
text-decoration:underline;
}
/*----------*/
a.graformix:link {
color: #aeaeae;
text-decoration: underline;
font-size:1.0em;
}
a.graformix:visited{
color: #aeaeae;
text-decoration: underline;
font-size:1.0em;
}
a.graformix:hover{
color: #FFFFFF;
text-decoration:underline;
font-size:1.0em;
}
/*---------------------------------*/
div.menu_separator{
border:0px solid red;
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/separator_bg.png');
background-position:center center;
background-repeat:no-repeat;
height:22px;
width:175px;
margin:20px 0 15px 35px;
vertical-align:middle;
text-align:center;
}
div.separator_text{
color: #694421;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:17px;
margin:auto auto;
width:130px;
}
a.main_menu:link{
color: #694421;
margin:0px 0 10px 50px;
text-decoration: none;
display:block;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:17px;
}
a.main_menu:visited{
color: #694421;
margin:0px 0 10px 50px;
display:block;
text-decoration: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:17px;
}
a.main_menu:hover{
display:block;
margin:0px 0 10px 50px;
color: #902200;
text-decoration:underline;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:17px;
}
/*---------------------------------*/
a.low_menu:link{
color: #c0bfbf;
text-decoration: none;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-right: 10px;
}
a.low_menu:visited{
color: #c0bfbf;
text-decoration: none;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-right: 10px;
}
a.low_menu:hover{
color: #e6e6e6;
text-decoration:underline;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-right: 10px;
}
a.sword_menu:link{
background:transparent url('https://img.webme.com/pic/g/guckanwebtasarimlari/sword_item_bg.png') repeat-x;
font-family:"Charlemagne Std", "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#3e3e3e;
cursor:pointer;
display:block;
padding:0 0px 10px 0px;
position:relative;
top:10px;
text-decoration:none;
z-index:10;
}
a.sword_menu:visited{
background:transparent url('https://img.webme.com/pic/g/guckanwebtasarimlari/sword_item_bg.png') repeat-x;
font-family:"Charlemagne Std", "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#3e3e3e;
cursor:pointer;
display:block;
padding:0 0px 10px 0px;
position:relative;
top:10px;
text-decoration:none;
z-index:10;
}
a.sword_menu:hover{
background:transparent url('https://img.webme.com/pic/g/guckanwebtasarimlari/sword_item_bg.png') repeat-x;
font-family:"Charlemagne Std", "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#111111;
cursor:pointer;
display:block;
padding:0 0px 10px 0px;
position:relative;
top:10px;
text-decoration:none;
z-index:10;
}
a.sword_menu:link span.shadow{
font-family:"Charlemagne Std", "Times New Roman", Times, serif;
font-size:14px;
position:absolute;
left:1px;
top:3px;
color:#FFFFFF;
}
a.sword_menu:visited span.shadow{
font-family:"Charlemagne Std", "Times New Roman", Times, serif;
font-size:14px;
position:absolute;
left:1px;
top:3px;
color:#FFFFFF;
}
a.sword_menu:hover span.shadow{
font-family:"Charlemagne Std", "Times New Roman", Times, serif;
font-size:14px;
position:absolute;
left:1px;
top:3px;
color:#FFFFFF;
}
/*---------------------------------*/
.sword_menu_item{
/* display:inline;*/
background-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/sword_item_bg.png');
height:21px;
width:120px;
white-space:nowrap;
/* overflow:hidden;*/
}
ul.diamond{
list-style-image:url('https://img.webme.com/pic/g/guckanwebtasarimlari/li_diamond.png');
/* margin:0 0 0 10px;*/
}
li{
padding-left:10px;
padding-top:0px;
padding-bottom:5px;
}
.left{
float:left;
position:relative;
top:0px;
}
.right{
float:right;
position:relative;
top:0px;
}
.designedby{
float:right;
font-size:0.7em;
color:#c0c0c0;
text-align:right;
margin:-10px 0 10px 0;
}
/*@@@@@@@@@@@@@@@@@*/
.noscreen{
display:none;
}
span.tab-r {
background:transparent url('https://img.webme.com/pic/g/guckanwebtasarimlari/sword_item_right.png') no-repeat 100% 0pt;
height:21px;
position:absolute;
right:-10px;
top:0px;
width:10px;
}
span.tab-l {
background:transparent url('https://img.webme.com/pic/g/guckanwebtasarimlari/sword_item_left.png') no-repeat 0pt;
height:21px;
left:-10px;
position:absolute;
top:0px;
width:10px;
}
#tabs ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0px;
padding:0px;
border:0px none;
display:block;
}
#tabs{
margin:-7px 15px;
/*padding:0px 0pt 0pt;*/
border:0px none;
display:block;
position:static;
top:6px;
left:10px;
}
#tabs ul li{
float:left;
margin:0px 55px 0px 0px;
padding:0px;
display:list-item;
}
.text{
position:relative;
top:2px;
}
.center {
text-align: center;
}
.justify{
text-align:justify;
}
HTML KOD (Oluşturacağınız sayfalara ekleyin)
<style type="text/css">
<!--
td.nav {visibility:hidden;}
--> </style>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<div id="megabg_container">
<div id="bg_container">
<div id="container">
<div id="header"><!-- <img src="img/top_img.jpg" alt="" style="margin:0 auto 0 auto;"/> --><span id="header_text">Sitenizin ismi</span></div>
<div id="menu_sword">
<div class="noprint" id="tabs">
<h3 class="noscreen">Navigation</h3>
<ul>
<li><a class="sword_menu" href="#"><span class="shadow"> ANA SAYFA </span><span class="text"> ANA SAYFA </span></a></li>
<li><a class="sword_menu" href="#"><span class="shadow"> OYUNLAR </span><span class="text"> OYUNLAR </span></a></li>
<li><a class="sword_menu" href="http://guckanweb.tr.gg"><span class="shadow"> GÜCKANWEB </span><span class="text"> GUCKANWEB </span></a></li>
<li><a class="sword_menu" href="http://kendirlibeldesi.tr.gg"><span class="shadow"> KENDIRLI </span><span class="text"> KENDIRLI </span></a></li>
</ul>
<hr class="noscreen" />
</div>
</div>
<img style="float: right" alt="" src="https://img.webme.com/pic/g/guckanwebtasarimlari/menu_sword_right.jpg" />
<div id="body">
<div id="body-leftside">
<div id="scroll_top"><span id="scroll_header">MENU </span></div>
<div id="scroll_middle"><a class="main_menu" href="">Screenshots</a> <a class="main_menu" href="">Video Clips</a> <a class="main_menu" href="">Cheats</a> <a class="main_menu" href="">Progression</a>
<div class="menu_separator">
<div class="separator_text">Equipment</div>
</div>
<a class="main_menu" href="">Weapons</a> <a class="main_menu" href="">Armors</a> <a class="main_menu" href="">Amulets</a> <a class="main_menu" href="">Potions</a></div>
<div id="scroll_bottom"> </div>
<div class="center"><a target="_blank" href="http://www.guckanweb.tr.gg"><img alt="guckanweb.tr.gg" src="https://img.webme.com/pic/g/guckanwebtasarimlari/mini_sword.jpg" /> </a></div>
</div>
<div id="body-rightside">
<h1>TASARIM KODUNU AL!</h1>
<p class="justify"><img class="left" style="padding-right: 15px; padding-left: 0px; padding-bottom: 10px; padding-top: 0px" alt="My Mega Image" src="https://img.webme.com/pic/g/guckanwebtasarimlari/my_image.jpg" /> <font size="2">Our team consists of highly skilled and experienced specialists. They are working in such fields of designing as GUI Skin Design, Brand Identity, Icons Design, Web Design, 3D graphics. Our company includes the competent and qualified designers who possess creative and active thinking, knowledge, enthusiasm and professional skills. The well-organized work of our team guarantees successful realization of various projects. Along with utilizing high technology and up-to-date design techniques we use individual approach, we work with the client through all stages of a new project creation. Undoubtedly we can find suitable solutions, which will express and emphasize the identity of your company. The long, broad practical experience of our team in the field of design allows us to do services of high quality and of any complexity. We constantly improve our services to satisfy the needs of our clients. <br />
<br />
client Normal Hover Visited creation. Undoubtedly we can find suitable solutions, which will express and emphasize the identity of your company. The long, broad practical experience of our team in the field of design allows us to do services of high quality and of any complexity. We constantly improve our services to satisfy the needs of our clients. <br />
<br />
</font><a href="index.html"><font size="2">Creative solutions and unique decisions</font></a><font size="2"> proposed by our team will contribute to the prosperity and well-being of your business.</font></p>
<ul class="diamond">
<li class="justify"><font size="2">Our team consists of highly skilled and experienced specialists. They are working in such fields of designing as GUI Skin Design, Brand Identity, Icons Design, Web Design, 3D graphics. </font></li>
<li class="justify"><font size="2">Our company includes the competent and qualified designers who possess creative and active thinking, knowledge, enthusiasm and professional skills. The well-organized work of our team guarantees successful realization of various projects. our services to satisfy the needs of our clients. </font></li>
</ul>
<strong><font size="2">It's valid Xhtml 1.0 Strict! We kindly ask you to not remove the copyright in the footer if you have the free version of this template. If you want the PSD file for this template you can purchase it at </font><a href="http://www.guckanwebtasarim.tr.gg/"><font size="2">Graformix.com</font></a><font size="2">, this will give you more flexibility. If you want to remove the copyright link please contact </font><a href="http://www.guckanwebtasarim.tr.gg"><font size="2">Guckanweb Tasarım</font></a><font size="2">.</font></strong></div>
</div>
<div id="footer">
<div class="hr"><hr />
</div>
<div class="left" style="margin: -5px 0px 0px"><a class="low_menu" href="">STORY</a> <a class="low_menu" href="">DOWNLOAD</a> <a class="low_menu" href="">COMMUNITY</a> <a class="low_menu" href="">NEWS</a></div>
<div class="designedby">Güçkanweb tasarım© 2008<br />
Designed by <a class="graformix" target="_blank" href="http://www.guckanweb.tr.gg">Ğolozlu </a></div>
</div>
</div>
</div>
</div>
</div>