Iceblue tasariminin duzenliliğini sevipte, onu css' de kullanmak isterseniz ben onları ayırdım...
Iceblue' deki sol menuyu kendinize gore duzenleyebilirsiniz... Gorunmesini istemediginiz sayfaları alırsınız, isterseniz iceblueyi sol sutununa , haber kolu, saat, ya da videolar ekleyebilirsiniz...
Ben diğer websitemde iceble' yi kendime gore duzenleyip kullanacağım isteyen olursa verim :
İÇERİK BOLUMUNUN ALTI KISMINI WERDİM ORAYI ŞAŞIRMAYIN...
TASARIMIN USTU:
Kod:
<body>
<table class="edit_main_table" width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="921" height="1000" align="left" valign="top" class="edit_main_tr">
<table width="921" border="0" cellspacing="0" cellpadding="0" class="edit_second_table">
<tr>
<td height="104" align="left" valign="top" class="edit_header_full" background="http://img.webme.com/designs/iceblue/images/header.jpg">
<table width="921" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" class="edit_header_sub_left" > </td>
<td width="712" class="edit_header_sub_right" height="26"> </td>
</tr>
<tr>
<td class="edit_header_over_headline"> </td>
<td class="headline" style="font-size: 20px; font-weight: bold; text-align: right; padding-right: 10px;"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="edit_td_third_table">
<table width="921" border="0" cellspacing="0" cellpadding="0" class="edit_third_table">
<tr>
<td width="185" height="1000" align="left" valign="top" background="http://img.webme.com/designs/iceblue/images/navi_bg.gif" class="edit_navi_headbg">
<table width="185" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="nav_heading">Navigasyon</td>
</tr>
<tr class="checked_menu">
<td class="nav" id="nav_Home">
<a href="/Home.htm?PHPSESSID=c866049c8437a00733b1c68c964cf074" class="menu"><b>Home</b></a> </td>
</tr>
<tr>
<td class="nav" id="nav_contact">
<a href="/contact.htm?PHPSESSID=c866049c8437a00733b1c68c964cf074" class="menu">contact</a> </td>
</tr>
<tr>
<td class="nav" id="nav_About">
<a href="/About.htm?PHPSESSID=c866049c8437a00733b1c68c964cf074" class="menu">About</a> </td>
</tr>
<tr>
<td class="nav" id="nav_ARCHIVES">
<a href="/ARCHIVES.htm?PHPSESSID=c866049c8437a00733b1c68c964cf074" class="menu">ARCHIVES</a> </td>
</tr>
<tr>
<td class="nav" id="nav_A1STS">
<a href="/A1-.-STS.htm?PHPSESSID=c866049c8437a00733b1c68c964cf074" class="menu">A1.STS</a> </td>
</tr>
<tr>
<td class="edit_below_nav">
<img src="http://img.webme.com/designs/iceblue/images/navi_ende.gif" width="185" height="198">
</td>
</tr>
</table>
</td>
<td width="568" height="1000" align="left" valign="top" background="http://img.webme.com/designs/iceblue/images/cont_bg.gif" class="edit_rechts_cbg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table class="edit_rechts_tabelle" width="568" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="http://img.webme.com/designs/iceblue/images/cont_top.gif" height="38" class="edit_content_top">
<table width="568" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_left" width="20"></td>
<td class="edit_content_right" width="548" height="5"></td>
</tr>
<tr>
<td class="edit_content_pre_headline2"> </td>
<td class="headline2">Home</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="100" align="left" valign="top" background="http://img.webme.com/designs/iceblue/images/cont2_bg.gif" class="edit_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_container">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_left_spacer" width="3%"> </td>
<td class="edit_content_main" width="94%">
Tasarimin Altı:
Kod:
</td>
<td class="edit_content_right_spacer" width="3%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="31" background="http://img.webme.com/designs/iceblue/images/cont_bottom.gif" class="edit_content_bottom"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/footer.gif" height="31" class="edit_content_bottom2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_bottom2_left_spacer" width="2%"> </td>
<td class="edit_content_bottom2_counter" width="96%" style="color:white; text-align: center;">
Bugün 3 ziyaretçi (61 klik) kişi burdaydı! </td>
<td class="edit_content_botom2_right_spacer" width="2%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="168" align="left" valign="top" background="http://img.webme.com/designs/iceblue/images/rechts_bg2.gif" class="edit_rechts_bottom">
<table id="sidebar_heading_1" width="168" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="sidebar_heading">Sayfa hakkında</td>
</tr>
<tr>
<td background="http://img.webme.com/templates/darkblue/images/right_bg.gif" class="shouty">
Burda sayfan hakkındaki bilgileri yazabilirsin, başka sayfalarını yazabilirsin ya da benzeri işler ;-) </td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_1"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="79" background="http://img.webme.com/designs/iceblue/images/s_bg.gif" class="edit_rechts_sbg"> </td>
</tr>
</table>
<div style="float: left">
</div>
<FONT color="white"></FONT>
<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=love-fixie&auth1=74220d7f6a8d99f173d5cc7b71af37e3&auth2=f4a05717224c8a0e297044a4388e692b&auth3=44df1bbdebf8ce09530d58a532e71abc&auth4=bcf0c4bccddafe998cb7d2126ae05e9c&auth5=f0575b061f8ad71eb2389a560b2086cd&mode=track" style="display:none;width:1px;height:1px;"></iframe>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>
<script type="text/javascript">
_uacct = "UA-2594508-11";
urchinTracker();
</script></body>
</html>
İÇERİK BOLUMUNUN ALTI: (isterseniz ekleyin, java hata engelleyicileri var)
Kod:
<script>
function stoperror(){
return true
}
window.onerror=stoperror
</script>
<script type="text/javascript">
/******************************************
* GALE Effect Script- By Altan d.o.o. (http://www.altan.hr/GALE/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
//Configure below to change URL path to the GALE image
var GALEsrc="http://img486.imageshack.us/img486/5819/snow32jx.gif "
// Configure below to change number of snow to render
var no = 10;
// Configure whether GALE should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////Stop Config//////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "http://img466.imageshack.us/img466/1904/snow3uh.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><a href="http://dynamicdrive.com"><img src='"+snowsrc+"' border="0"></a></div>");
} else {
document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><img src='"+snowsrc+"' border="0"></div>");
}
}
}
function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && GALEdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
GALEtimer=setTimeout("GALEIE_NS6()", 10);
}
function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
GALEIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>
CSS BOLUMUNE:
Kod:
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;}
html, body {
text-align: center;
}
body {
background-color: #2e3839;
margin: 5px;
font-family: tahoma, verdana, arial;
}
td {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: black;
}
a {
font-size: 11px;
color: black;
text-decoration: none;
}
a:visited {
font-size: 11px;
text-decoration: none;
}
a:hover {
font-size: 11px;
text-decoration: underline;
}
a.std {
font-size: 11px;
color:#436123;
text-decoration: none;
}
a:visited.std { font-size: 11px; color:#436123; text-decoration: none; }
a:hover.std { font-size: 11px; color:#436123; text-decoration: underline; }
.small {
font-family: tahoma, verdana, arial;
font-size: 9px;
color: #000000;
}
.small a {
color: black;
}
.headline,.headline2,.headline3 {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: white;
}
.cont {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #000000;
}
.ro {
background-color:#E7E7E7;
}
html {
font-family: tahoma, verdana, arial;
font-size: 11px;
}
.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
td.nav {
background-image: url(http://img.webme.com/designs/iceblue/images/button.gif);
background-repeat: none;
height: 33px;
width: 185px;
padding-left: 25px;
}
td.nav a {
color: black;
font-size:11px;
}
td.nav_heading {
background-image: url(http://img.webme.com/designs/iceblue/images/heading_left.gif);
color: white;
padding-left: 15px;
line-height: 23px;
width: 185px;
height: 23px;
}
td.nav_head {
background-image: url(http://img.webme.com/designs/iceblue/images/head_left.gif);
color: white;
padding-left: 15px;
line-height: 31px;
width: 185px;
height: 31px;
}
td.sidebar_heading {
background-image: url(http://img.webme.com/designs/iceblue/images/heading_right.gif);
color: white;
padding-left: 15px;
line-height: 24px;
width: 168px;
height: 24px;
}
td.sidebar_head {
background-image: url(http://img.webme.com/designs/iceblue/images/head_right.gif);
color: white;
padding-left: 15px;
line-height: 32px;
width: 168px;
height: 32px;
}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5 {
background-color: #fafbfc;
background-image: url(http://img.webme.com/designs/iceblue/images/shouty.gif);
background-repeat: no-repeat;
padding: 5px;
}
.shoutbox {
overflow: auto;
height: 300px;
width: 175px;
}
.nick {
font-weight: bold;
}
.shoutbox hr {
border: 0;
border-bottom: 1px dashed #0c2737;
}
.shoutbox input, .shoutbox textarea {
width: 155px;
}
.send {
margin-top: 5px;
color: black;
font-weight: bold;
width: 50px;
margin-left: auto;
margin-right: auto;
}
.RowLight, .RowDark {
padding-left: 10px;
height: 27px;
}
.RowLight {
background-image: url(http://img.webme.com/designs/iceblue/images/stats_bg1.gif);
}
.RowDark {
background-image: url(http://img.webme.com/designs/iceblue/images/stats_bg2.gif);
}
img { border: 0;}
.headline a, .footer_text, .footer_text a.nav {
color: white;
}
______________ <img src="http://img.webme.com/pic/f/fixie/banner.png">
|