Forum'da ara:
Ara


Yazar Mesaj
Mesaj13.02.2012, 22:34 (UTC)    
Mesaj konusu: Windows xp (Css Tasarım)

Ön İzleme


Tasarımın Üstüne

Kod:
<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   
}
.style2 {color: #000000}
.style3 {font-size: 9px}
-->
</style>
<table width="1024" height="26" border="0" cellpadding="0" cellspacing="0" >
  <tr>
    <td width="942" height="25" valign="top" background="http://img.webme.com/pic/x/xmert96x/xp_01.gif" style=" padding-bottom:0px;  padding-top:0px; padding-left:20px;"><style type="text/css">
<!--
.style17 {color: #FFFFFF}
-->
</style>
<span class="style17">xmert96x</span>  </td>
    <td width="82" background="http://img.webme.com/pic/x/xmert96x/xp_01.gif"><IMG src="http://img.webme.com/pic/x/xmert96x/xp_02.gif" width="82" height="26" border="0" usemap="#Map"></td>
  </tr>
 
</table>

<map name="Map">
<area shape="rect" coords="60,3,80,23" href="javascript:window.close();" target="_self">
</map>
<table width="1024" height="25" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td background="http://img.webme.com/pic/x/xmert96x/xp_03.gif"> <style>/*mertphotograph tarafindan düzenlendi*/
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
margin: 0;
border: 0 none;
padding: 0;
width: 1000px; /*For KHTML*/
list-style: none;
height: 24px;
}

ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}

ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 23px;
left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu ul li { margin:0px;
width: 160px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a { margin:0px;
border: 0px solid #fff;

padding: 0 6px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
 /* üst menü için normal renk */
color: #000;/* üst menü yazisi için normal renk */
font:  10px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #7190e0; /* üst menü için mouse over renk */
color: #fff; /* üst menü yazisi için mouse over renk */
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {border: 1px solid #fff;
float: none;
background: #fff; /* alt menü için normal renk */
color: #000000; /* alt menü yazisi için normal renk */
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a { border: 1px solid #7190e0;
background: #7190e0; /* alt menü için mouse over renk */
color: #fff; /* alt menü yazisi için mouse over renk */
}


ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}</style>



<link rel="stylesheet" href="" type="text/css" />   
<!--[if gte IE 5.5]>   
<script language="JavaScript" src="http://hackerfriend.googlepages.com/ie.js" type="text/JavaScript"></script>   
<![endif]-->   
<ul id="navmenu">   
<li><a href="URL"> Dosya
</a>
  <ul>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   deneme1   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/"   >   deneme2   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   deneme3   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   deneme4   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   deneme5   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   deneme6   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/"   >   deneme7   </a></li>   
</ul>   
<li><a href="URL 5">Düzen
</a>   
  <ul>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   deneme10   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   deneme20   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   deneme30   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   deneme40   </a></li>   
</ul>   
<li><a href="URL 7">Görümün</a>   
  <ul>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Alfabe   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Sözlükler   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/"   >   Konu Anlatimlar   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Okuma Parçalari   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Çeviri Çalismalari   </a></li>   
</ul>   
<li><a href="URL 4">Sıkkulanılanlar   </a>   
  <ul>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   MSN Ifadeleri   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Modifiye Siteler   </a></li>   
</ul>   
<li><a href="URL 6">Araölar

</a>   
  <ul>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Hazir Kodlar   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Web Dersleri   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Hazir Tasarimlar   </a></li>   
</ul>   
<li><a href="URL 8">yardım</a>   
  <ul>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Windows Update   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Harddisk Autorun   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Bilgisayarim Açilmiyor   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Hizmet Veritabani   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Rapid dosya indirme   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Kilitlenen Giris Sayfasi   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   504 Gateway Timeout   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Windows Vista   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/"   >   Deepfreeze   </a></li>   
<li><a href=   "   http://xmert96x.tr.gg/   "   >   Sifreler   </a></li>   
</ul>   
</ul>   




</td>
  </tr>
</table>
<table width="1024" height="37" border="0" cellpadding="0" cellspacing="0" background="http://img.webme.com/pic/x/xmert96x/xp_04.gif" style="padding:0px; margin:0px;">
  <tr>
    <td valign="top" bgcolor="#efeee4"><table width="0" height="37" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td height="37"><img src="http://img.webme.com/pic/x/xmert96x/xp2_04.gif" border="0" usemap="#Map2" /></td>
  </tr>
</table>

<table height="37" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td><a href="Arama"><img src="http://img.webme.com/pic/x/xmert96x/xp2_09.gif" border="0" /></a></td>
    <td><a href="Arama" class="style2">Arama  </a></td>
  </tr>
</table>
<table height="37" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td><a href="Klasörler"><img src="http://img.webme.com/pic/x/xmert96x/xp2_06.gif" border="0" /></a></td>
    <td><a href="Klasörler" class="style2">Klasörler</a></td>
  </tr>
</table>
<style> ul#navvmenu {
margin: 0;
border: 0 none;
padding: 0;
width: 1000px; /*For KHTML*/
list-style: none;
height: 24px;
}

ul#navvmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}

ul#navvmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 35px;
left: 0;
}

ul#navvmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navvmenu ul li { margin:0px;
width: 160px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
}

/* Root Menu */
ul#navvmenu a { padding:0px; margin:0px;
border: 0px solid #fff;


float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
 /* üst menü için normal renk */
color: #000;/* üst menü yazisi için normal renk */
font:  10px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navvmenu a:hover,
ul#navvmenu li:hover a,
ul#navvmenu li.iehover a {
 /* üst menü için mouse over renk */
color: #fff; /* üst menü yazisi için mouse over renk */
}

/* 2nd Menu */
ul#navvmenu li:hover li a,
ul#navvmenu li.iehover li a { padding: 0 6px;  border: 1px solid #fff;
float: none;
background: #fff; /* alt menü için normal renk */
color: #000000; /* alt menü yazisi için normal renk */
}

/* 2nd Menu Hover Persistence */
ul#navvmenu li:hover li a:hover,
ul#navvmenu li:hover li:hover a,
ul#navvmenu li.iehover li a:hover,
ul#navvmenu li.iehover li.iehover a { border: 1px solid #7190e0;
background: #7190e0; /* alt menü için mouse over renk */
color: #fff; /* alt menü yazisi için mouse over renk */
}


ul#navvmenu ul ul,
ul#navvmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navvmenu li:hover ul ul,
ul#navvmenu li:hover ul ul ul,
ul#navvmenu li.iehover ul ul,
ul#navvmenu li.iehover ul ul ul {
display: none;
}

ul#navvmenu li:hover ul,
ul#navvmenu ul li:hover ul,
ul#navvmenu ul ul li:hover ul,
ul#navvmenu li.iehover ul,
ul#navvmenu ul li.iehover ul,
ul#navvmenu ul ul li.iehover ul {
display: block;
}</style>



<link rel="stylesheet" href="" type="text/css" />   
<!--[if gte IE 5.5]>   
<script language="JavaScript" src="http://hackerfriend.googlepages.com/ie.js" type="text/JavaScript"></script>   
<![endif]-->   
<ul id="navvmenu"><body>   <li><a href="URL 5"><img src="http://img.webme.com/pic/x/xmert96x/xp2_12.gif" width="43" height="35" border="0" /></a>    
  <ul>   
<li><a href="javascript:ts('body',1)">Yazıları Büyüt</a></li><li><a
href="javascript:ts('body',-1)">Yazıları Küçült</a></li></body>   
</ul>
<li><ul>
<ul>
</ul>   
</td>
  </tr>
</table>
<table width="1024" height="25" cellpadding="0" cellspacing="0" background="http://img.webme.com/pic/x/xmert96x/xp_05.gif">
  <tr>
    <td width="39"> </td>
    <td width="910">[subpage]</td>
    <td width="73"> </td>
  </tr>
</table><table width="1034" height="100" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="200" height="560" valign="top" bgcolor="#7190e0"><style type="text/css">
 
html{
height:100%;
}
body{
height:100%;
margin:0px;
padding:0px;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
 
/* Entire pane */
 
#dhtmlgoodies_xpPane{
background-color:#7190e0; /* Blue background color */
float:left;
height:100%;
width:200px; /* Width of panel */
}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel{
margin-left:10px;
margin-right:10px;
margin-top:10px;
}
#dhtmlgoodies_xpPane .panelContent{
font-size:0.7em;
background-image:url('http://free.7host05.com/netdoktor/bg_pane_right.gif');
background-position:top right;
background-repeat:repeat-y;
border-left:1px solid #FFF;
border-bottom:1px solid #FFF;
padding-left:2px;
padding-right:2px;
overflow:hidden;
position:relative;
}
#dhtmlgoodies_xpPane .panelContent div{
position:relative;
}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar{
background-image:url('http://free.7host05.com/netdoktor/bg_panel_top_right.gif');
background-repeat:no-repeat;
background-position:top right;
height:25px;
padding-right:5px;
}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span{ /* Heading text options */
line-height:25px;
vertical-align:middle;
font-family:arial; /* Arial font */
font-size:0.7em; /* Font size */
color:#215DC6; /* Light blue color */
font-weight:bold; /* Bold font */
padding-left:5px; /* Space at the left */
float:left; /* Don't change this one */
 
}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar img{
float:right;
cursor:pointer;
} </style><script type="text/javascript">
/***********(C) www.dhtmlgoodies.com, October 2005 www.dhtmlgoodies.com Alf Magne Kalleland *****/
var xpPanel_slideActive = true; // Slide down/up active?
var xpPanel_slideSpeed = 15; // Speed of slide
 
var dhtmlgoodies_xpPane;
var dhtmlgoodies_paneIndex;
 
var savedActivePane = false;
var savedActiveSub = false;
 
function showHidePaneContent()
{
var img = this.getElementsByTagName('IMG')[0];
var obj = document.getElementById('paneContent' + img.id.replace(/[^0-9]/g,''));
if(img.src.toLowerCase().indexOf('up')>=0){
img.src = img.src.replace('up','down');
if(xpPanel_slideActive){
obj.style.display='block';
slidePane((xpPanel_slideSpeed*-1),obj.id);
}else{
obj.style.display='none';
}
}else{
img.src = img.src.replace('down','up');
if(xpPanel_slideActive){
if(document.all){
obj.style.display='block';
obj.style.height = '1px';
}
slidePane(xpPanel_slideSpeed,obj.id);
}else{
obj.style.display='block';
}
}
}
 
 
 
function slidePane(slideValue,id)
{
 
var activePane = document.getElementById(id);
if(activePane==savedActivePane){
var subDiv = savedActiveSub;
}else{
var subDiv = activePane.getElementsByTagName('DIV')[0];
}
savedActivePane = activePane;
savedActiveSub = subDiv;
 
var height = activePane.offsetHeight;
var innerHeight = subDiv.offsetHeight;
height+=slideValue;
if(height<0)height=0;
if(height>innerHeight)height = innerHeight;
 
if(document.all){
activePane.style.filter = 'alpha(opacity=' + Math.round((height / subDiv.offsetHeight)*100) + ')';
}else{
var opacity = (height / subDiv.offsetHeight);
if(opacity==0)opacity=0.01;
if(opacity==1)opacity = 0.99;
activePane.style.opacity = opacity;
}
 
 
if(slideValue<0){
activePane.style.height = height + 'px';
subDiv.style.top = height - subDiv.offsetHeight + 'px';
if(height>0){
setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
}else{
if(document.all)activePane.style.display='none';
}
}else{
subDiv.style.top = height - subDiv.offsetHeight + 'px';
activePane.style.height = height + 'px';
if(height<innerHeight){
setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
}
}
 
 
}
 
function mouseoverTopbar()
{
var img = this.getElementsByTagName('IMG')[0];
var src = img.src;
img.src = img.src.replace('.gif','_over.gif');

 
var span = this.getElementsByTagName('SPAN')[0];
span.style.color='#428EFF';
 
}
function mouseoutTopbar()
{
var img = this.getElementsByTagName('IMG')[0];
var src = img.src;
img.src = img.src.replace('_over.gif','.gif');
 
var span = this.getElementsByTagName('SPAN')[0];
span.style.color='';
 
 
 
}
 
 
function initDhtmlgoodies_xpPane(panelTitles,panelDisplayed)
{
dhtmlgoodies_xpPane = document.getElementById('dhtmlgoodies_xpPane');
var divs = dhtmlgoodies_xpPane.getElementsByTagName('DIV');
dhtmlgoodies_paneIndex=0;
for(var no=0;no<divs.length;no++){
if(divs[no].className=='dhtmlgoodies_panel'){
 
var outerContentDiv = document.createElement('DIV');
var contentDiv = divs[no].getElementsByTagName('DIV')[0];
outerContentDiv.appendChild(contentDiv);
 
outerContentDiv.id = 'paneContent' + dhtmlgoodies_paneIndex;
outerContentDiv.className = 'panelContent';
var topBar = document.createElement('DIV');
 
var span = document.createElement('SPAN');
span.innerHTML = panelTitles[dhtmlgoodies_paneIndex];
topBar.appendChild(span);
topBar.onclick = showHidePaneContent;
topBar.onmouseover = mouseoverTopbar;
topBar.onmouseout = mouseoutTopbar;
 
var img = document.createElement('IMG');
img.id = 'showHideButton' + dhtmlgoodies_paneIndex;
img.src = 'http://free.7host05.com/netdoktor/arrow_up.gif';
topBar.appendChild(img);
 
if(!panelDisplayed[dhtmlgoodies_paneIndex]){
outerContentDiv.style.height = '0px';
contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
if(document.all)outerContentDiv.style.display='none';
img.src = 'http://free.7host05.com/netdoktor/arrow_down.gif';
}
 
topBar.className='topBar';
divs[no].appendChild(topBar);
divs[no].appendChild(outerContentDiv);
dhtmlgoodies_paneIndex++;
}
}
}
 
</script><!---<head> Sonu --->
  <div id="dhtmlgoodies_xpPane">
<div class="dhtmlgoodies_panel">
<div><!-- Start content of pane --><a target="_blank" href="http://xmert96x.tr.gg/">Link</a><br />
<a target="_blank" href="http://xmert96x.tr.gg/">Link</a><br />
<a target="_blank" href="http://xmert96x.tr.gg/">Link</a><br />
<a target="_blank" href="http://xmert96x.tr.gg/">Link</a><br />
<a target="_blank" href="http://xmert96x.tr.gg/">Link</a><br />
<a target="_blank" href="xmert96x.tr.gg">Link</a><br />
<a href="http://xmert96x.tr.gg/">Link</a><br />
<a target="_blank" href="http://xmert96x.tr.gg/">Link</a><br />
<a href="http://xmert96x.tr.gg/">Link</a> <!-- End content --></div>
</div>
<div class="dhtmlgoodies_panel">
<div><!-- Start content of pane --><a href="http://xmert96x.tr.gg/">xmert96x.tr.gg</a> Windows xp Temasına Hoş Geldiniz<!-- End content --></div>
</div>
<div class="dhtmlgoodies_panel">
<div><span style="color: #ff0000"><span><span style="font-size: large">Kodları Çalana Haram Olsun</span></span> </span> <!-- End content --></div>
</div>
</div>
<script type="text/javascript">
/*
Arguments to function
1) Array of titles
2) Array indicating initial state of panels(true = expanded, false = not expanded )
*/
initDhtmlgoodies_xpPane(Array('Dosyalar','Bilgi','Detaylar'),Array(true,true,false));
</script></td>
    <td width="834" height="540" align="center" valign="top" bgcolor="#FFFFFF"><div style="overflow: auto; width: 825px; height: auto;">



Tasarımın Altına


Kod:
</div></td>
  </tr>
</table>


<map name="Map2" id="Map2">
<area shape="rect" coords="9,5,66,33" href="javascript:history.back()" />
<area shape="rect" coords="73,4,113,32" href="javascript:history.forward()" /><area shape="rect" coords="127,1,155,33" href="#top" />
</map><html>

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

//Specify affected tags. Add or remove from list:
var tgs = new Array( 'div','td','tr');

//Specify spectrum of different font sizes:
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;

function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;

sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;

if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

cEl.style.fontSize = szs[ sz ];

for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}

</script>
</head>

<body>



Css Koduna


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;





xmert96x.tr.gg Yapımıdır
______________
Mesaj14.02.2012, 04:35 (UTC)    
Mesaj konusu:

senin temeni bilmem.
Mesaj14.02.2012, 07:11 (UTC)    
Mesaj konusu:

güzel bir tasarım eline sağlık =)
Mesaj17.02.2012, 21:34 (UTC)    
Mesaj konusu:

bedavasitepaylasim yazmış:
güzel bir tasarım eline sağlık =)


Teşekkürler
______________
Mesaj17.02.2012, 21:58 (UTC)    
Mesaj konusu:

Paylaşım için teşekkürler..
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu