Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj06.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.

Mesaj06.02.2011, 12:49 (UTC)    
Mesaj konusu:

ps tasarım anladığım kadarıyla...
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj07.02.2011, 21:38 (UTC)    
Mesaj konusu: :)

güzel bir tasarım... ama daha iylerinide yapabilirsin Wink
Mesaj07.02.2011, 22:01 (UTC)    
Mesaj konusu:

paylasim61 yazmış:
ps tasarım anladığım kadarıyla...

Tablo Tasarım Wink
______________
WwW.StyLesDesings.TR.GG
Ücretsiz Grafik+Kodlama Hizmeti Veren Tek Site....
Hertürlü Tasarım,Kodlama,Afiş Hazırlanır...
Mesaj07.02.2011, 22:04 (UTC)    
Mesaj konusu:

Tasarım istiyorsanız tas1380( at )hotmail.com'ekleyin istemediginiz kadar FREECSS tasarımlar var elimde Wink bi yardımım dokunsun Smile
______________

Mesaj07.02.2011, 22:09 (UTC)    
Mesaj konusu:

stylesdesings yazmış:
paylasim61 yazmış:
ps tasarım anladığım kadarıyla...

Tablo Tasarım Wink


aynen Very Happy
______________
Mesaj08.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}
Önceki mesajları göster:   


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