Yazar |
Mesaj |
-

tsamv
Acemi Üye
|
06.02.2011, 12:47 (UTC) Mesaj konusu: Güzel bir Css Tasarım Sizlerle |
|
|
Güzel bir css tasarım sizlerle beğenler yorum yapsın yoruma göre tasarımı paylaşacağım sizlerle.
 |
|
↑
|
|
 |
-

paylasim61
Uzman Üye
|
06.02.2011, 12:49 (UTC) Mesaj konusu: |
|
|
ps tasarım anladığım kadarıyla...______________
Ethical Hacker Professional Web Designer |
|
↑
|
|
 |
-

htmlkod-eklee
Acemi Üye
|
07.02.2011, 21:38 (UTC) Mesaj konusu: :) |
|
|
güzel bir tasarım... ama daha iylerinide yapabilirsin  |
|
↑
|
|
 |
-

stylesdesings
Acemi Üye
Konum: WwW.StyLesDesings.TR.GG Ücretsiz Grafik+Kodlama Hizmeti Veren Tek Site.... Hertürlü Tasarım,Kodlama,Afiş Hazırlanır...
|
07.02.2011, 22:01 (UTC) Mesaj konusu: |
|
|
paylasim61 yazmış: ps tasarım anladığım kadarıyla...
Tablo Tasarım  ______________ WwW.StyLesDesings.TR.GG
Ücretsiz Grafik+Kodlama Hizmeti Veren Tek Site....
Hertürlü Tasarım,Kodlama,Afiş Hazırlanır... |
|
↑
|
|
 |
-

levelbilisim
Bedava-Sitem Bağımlısı
Konum: > [bLksr] . Rutbe: [YaRdiMsévéR] . Meslek : [iSLétMeCi]
|
07.02.2011, 22:04 (UTC) Mesaj konusu: |
|
|
|
|
↑
|
|
 |
-

iceblue-tasarimciniz
Bedava-Sitem Bağımlısı
Konum: Istanbul / Türkiye
|
07.02.2011, 22:09 (UTC) Mesaj konusu: |
|
|
stylesdesings yazmış: paylasim61 yazmış: ps tasarım anladığım kadarıyla...
Tablo Tasarım
aynen  ______________  |
|
↑
|
|
 |
-

tsamv
Acemi Üye
|
08.02.2011, 17:10 (UTC) Mesaj konusu: |
|
|
Ben yine paylaşayım beğenen olursa kullanır(en altta linkimi bulundurursa sevinirim) beğenmeyen olursa kullanmaz bu bir zevk işidir.
Tasarım ÜSTÜNDEKİ
Kod: <div id="sabitkutu">
REKLAM KODUNU BURAYA EKLE
TsamV
Reklamımı yaparsan sevinirim.
</div>
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left:0px; top:17px" id="katman1">
<img border="0" alt="" style="width: 741px; height: 92px;" src="http://img.webme.com/pic/n/neobilgi/banner.jpg" /></div>
<style type="text/css" media="screen">
<!--
body
{
text-align: center;
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 0px;
}
div.menu
{
position: absolute;
top: 112px;
left: 1.2%;
margin: 0 auto;
width: 100%;
}
.menu li
{
width: 145.5px;
float: left;
}
.menu a
{
border: 1px solid #FFFFFF;
background-color: transparent;
background-image: url(http://img.webme.com/pic/n/neobilgi/ustmenualti.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 18px;
color: #990000;
}
.menu a:hover
{
background-color: #FFFFFF;
background-image: url(URL);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #000000;
}
//-->
</style>
</head>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a onmouseout="cache('smenu1');" onmouseover="montre('smenu1');" href="#">Menü 1</a>
<ul onmouseout="cache('smenu1');" onmouseover="montre('smenu1');" id="smenu1">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="#">Menü 2</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="#">Akıl 1</a></li>
<li><a href="#">Akıl 2</a></li>
<li><a href="#">Akıl 3</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="#">Menü 3</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="#">Fak 1</a></li>
<li><a href="#">Fak 2</a></li>
<li><a href="#">Fak 3</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="#">Menü 4</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="#">Bak 1</a></li>
<li><a href="#">Bak 2</a></li>
<li><a href="#">Bak 3</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="#">Menü 5</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="#">Max 1</a></li>
<li><a href="#">Max 2</a></li>
<li><a href="#">Max 3</a></li>
<li><a href="#">Max 4</a></li>
<li><a href="#">Max 5</a></li>
<li><a href="#">Max 6</a></li>
<li><a href="#">Max 7</a></li>
<li><a href="#">Max 8</a></li>
<li><a href="#">Max 9</a></li>
</ul>
</li>
</div>
<body bgcolor="#000000">
<br>
<div align="left">
<table bordercolor="#000000" cellspacing="0" cellpadding="2" width="732" bgcolor="#ffffff" border="1">
<tbody>
<tr>
<td valign="top" width="145" height="600"><font color="#ffffff"><font face="Arial" size="2">
<div align="left">
<table class="border1" width="145" border="0" style="width: 145px; height: 20px">
<tbody>
<tr>
<td><style type="text/css">
#coolmenu{
border: 1px solid white;
width: 145px;
background-color: #0099ff;
}
#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid white;
}
html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}
#coolmenu a:hover{
background-color: white;
color: red;
}</style>
<div id="coolmenu"><a href="#"><center>SİTE MENÜSÜ</center></a><a href="#"><small>Ana Sayfa</small></a><a href="#"><small>Forum</small></a><a href="#"><small>Ziyeretçi Defteri</small></a><a href="#"><small>Top Liste</small></a><a href="#"><small>Galeri</small></a><a href="#"><small>Link Listesi</small></a><a href="#"><small>İletişim</small></a><br />
<a href="#"><center>MENÜ 2</center></a>
<a href="#"><small>Link 1</small></a>
<a href="#"><small>Link 2</small></a>
<a href="#"><small>Link 3</small></a>
<a href="#"><small>Link 4</small></a>
<br />
<a href="#"><center>MENÜ 3</center></a>
<a href="#"><small>Link 1</small></a>
<a href="#"><small>Link 2</small></a>
<a href="#"><small>Link 3</small></a>
<a href="#"><small>Link 4</small></a>
<br />
<a href="#"><center>MENÜ 5</center></a><a href="#"><small>Link 1</small></a>
</a><a href="#"><small>Link 2</small></a>
</a><a href="#"><small>Link 3</small></a>
</a><a href="#"><small>Link 4</small></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</font></font></td>
<td valign="top" align="left" width="406">
Tasarım ALTINDAKİ
Kod: </td>
<td valign="top" align="left" width="145"><font color="#ffffff"><font face="Arial" size="2">
<div align="left">
<table class="border1" width="145" border="0" style="width: 145px; height: 20px">
<tbody>
<tr>
<td><style type="text/css">
#coolmenu{
border: 1px solid white;
width: 145px;
background-color: #0099ff;
}
#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid white;
}
html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}
#coolmenu a:hover{
background-color: white;
color: red;
}</style>
<div id="coolmenu"><a href="#"><center>İNTERNET</center></a><a href="#"><small>Bedava Web Hosting</small></a><a href="#"><small>Laptop Alırken Dikkat Et</small></a><a href="#"><small>Siteniz Para Kazandırsın</small></a>
<br />
<a href="#"><center>MENÜ 5</center></a>
<a href="#"><small>Link 1</small></a>
<a href="#"><small>Link 2</small></a>
<a href="#"><small>Link 3</small></a>
<a href="#"><small>Link 4</small></a>
<a href="#"><small>Link 5</small></a>
<a href="#"><small>Link 6</small></a>
<a href="#"><small>Link 7</small></a>
<a href="#"><small>Link 8</small></a>
<a href="#"><small>Link 9</small></a>
<a href="#"><small>Link 10</small></a>
<br />
<a href="#"><center>MENÜ 6</center></a>
<a href="#"><small>Link 1</small></a>
<a href="#"><small>Link 2</small></a>
<a href="#"><small>Link 3</small></a>
<br />
<a href="#"><center>MENÜ 7</center></a>
<a href="#"><small>Link 1</small></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</font></font></td>
</tr>
</tbody>
</table>
</div>
Css KODU
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;}
#sabitkutu
{
position: fixed;
width: 390px;
height: 750px;
background:#9FD4FF;
top: 0;
right: 0;
}
table {margin-right: auto;margin-right: auto} |
|
↑
|
|
 |
|