Spr-Dizayn - csstasarim1

Yeşil Tasarım

Tasarım Üstü Kodu

<bilgi><style type="text/css">
#yapiyoruztopbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 150px;
heihgt: 250px;
visibility: hidden;
z-index: 100;
}
</style> <script type="text/javascript">

/***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* www.yapiyoruz.tr.gg
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("yapiyoruztopbar").style.visibility="hidden"
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div align="center"><font color="#000000"> </font>
<div id="yapiyoruztopbar"><font color="#000000">Yapıyoruz.tr.gg Tarafından Tamamen Özel Olarak Hazırlanan Tasarıma Hoş Geldiniz.Daha Fazlası İçin <a href="http://yapiyoruz.tr.gg/" _fcksavedurl="http://yapiyoruz.tr.gg/"><span style="text-decoration: underline;">Tıklayın</span>  <br />
</a><a onClick_fckprotectedatt="%20onClick%3D%22closebar()%3B%20return%20false%22" href="" _fcksavedurl=""><img border="0" src="https://img.webme.com/pic/y/yapiyoruz/kapat.png" _fcksavedurl="https://img.webme.com/pic/y/yapiyoruz/kapat.png" alt="" /></a> </font></div>
</div></bilgi><div id="sayfa">
<div id="baslik">
<table width="855" height="166" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="255" height="200" rowspan="2"> </td>
<td width="550" height="110" align="center" valign="bottom"><table width="550" height="115" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="566" height="115" align="center"><span class="style2">Hos Geldiniz | Site Adi </span></td>
</tr>
</table></td>
<td width="50" rowspan="2"> </td>
</tr>
<tr>
<td height="26" align="center" valign="top"><span class="style3">Eglence Mekani </span>| Slogan </td>
</tr>
</table>
</div>
<div id="duyuru">
<div id="duyuru2">
<table width="645" height="44" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="148"> </td>
<td width="488"><marquee class="kyazi" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.stop()%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.start()%22">
6.Tasarima Hos Geldiniz Tasarim(Icindekilerle Birlikte) Yapiyoruz.tr.gg Aittir Daha Fazlasi Icin Sitemizi Ziyaret Etmeyi Unutmayin.
</marquee></td>
<td width="10"> </td>
</tr>
</table>
</div>
</div>
<div id="menugiris"></div>
<div id="icerik">
<table width="885" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18" height="258" align="left" valign="top"> </td>
<td width="635" align="left" valign="top"><div="content"></body></html>

Css Kodu

body {
background-color: #09C;
}
#sayfa {
height: 650px;
width: 900px;
margin-right: auto;
margin-left: auto;
}
#baslik {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/01_baslik-.png);
height: 211px;
width: 900px;
}
#duyuru {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/02_duyuru.png);
height: 55px;
width: 900px;
}
#menugiris {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/03_menugiris.png);
height: 60px;
width: 900px;
}
#icerik {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/04_icerik.png);
height: auto;
width: 900px;
}
#copright {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/05_copright.png);
height: 62px;
width: 900px;
}
#sayfa #menugiris {
height: 55px;
width: 900px;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #CC6600;
}
a:active {
text-decoration: none;
color: #000000;
}
.style2 {font-size: 40px}
.style3 {font-size: 15px}</body></html>

Tasarım Altı Kodu

YAYINLAMAK İSTEDİĞİMİZ HTML KODUNU BURAYA YAZIYORUZ<textarea style=”WIDTH: 385px; CURSOR: url(”); HEIGHT: 50px” onclick=”this.focus();this.select()” name=”www.htmlkodu.com” rows=”5″ cols=”42″></div></td>
<td width="15" align="left" valign="top"> </td>
<td width="205" align="left" valign="top"><table width="205" height="256" border="0" cellpadding="1" cellspacing="0">
<tr>
<td align="center" valign="bottom"><a href="#URL" _fcksavedurl="#URL">Ana Sayfa </a></td>
</tr>
<tr>
<td align="center" valign="bottom"><a href="#URL" _fcksavedurl="#URL">Hakkimizda</a></td>
</tr>
<tr>
<td align="center" valign="bottom"><a href="#URL" _fcksavedurl="#URL">Iletisim</a></td>
</tr>
<tr>
<td align="center" valign="bottom"><a href="#URL" _fcksavedurl="#URL">Video</a></td>
</tr>
<tr>
<td align="center" valign="bottom"><a href="#URL" _fcksavedurl="#URL">Resim</a></td>
</tr>
<tr>
<td align="center" valign="bottom"><a href="#URL" _fcksavedurl="#URL">Muzikler</a></td>
</tr>
<tr>
<td align="center" valign="bottom"><a href="#URL" _fcksavedurl="#URL">Forum</a></td>
</tr>
<tr>
<td align="center" valign="bottom"><a href="#URL" _fcksavedurl="#URL">Z.Defteri</a></td>
</tr>
<tr>
<td align="center" valign="bottom"><a href="http://yapiyoruz.tr.gg/" _fcksavedurl="http://yapiyoruz.tr.gg/">Yapiyoruz.tr.gg</a></td>
</tr>
</table></td>
<td width="12" align="left" valign="top"> </td>
</tr>
</table>
</div>
<div id="copright">
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="138" height="40" align="center" valign="bottom"> </td>
<td width="515" align="center" valign="bottom">Copright © <a href="http://yapiyoruz.tr.gg/" _fcksavedurl="http://yapiyoruz.tr.gg/">Yapiyoruz.tr.gg</a> 2010 </td>
<td width="247" align="center" valign="bottom"><FCK:object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="55" height="15" title="saat">
<param name="movie" value="dijitalsaat6.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<FCK:embed src="http://www.fileden.com/files/2009/3/10/2357509/dijitalsaat6.swf" width="55" height="15" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></FCK:embed>
</FCK:object></td>
</tr>
</table>
</div>
</div>
</body></html>

NOT: 2. yani Tasarım Altı Kodu Kutusunda Kod VARDIR . Yazıdan Aldanmayın..