Yazar |
Mesaj |
-
tasarimci-amca2
Uzman Üye
Konum: eskisehir uleyn :)
|
19.04.2009, 22:07 (UTC) Mesaj konusu: tablo tasarım uygulama (resimli anlatım) |
|
|
arkadaşlar öncelikle herkeze merhaba ben forumda bakıyorum herkez html kodlarla yapılan yani tablo tasarımında zorluk çeken bazı arkadaşlara rastladım ve nasıl yapılır bunu anlatmak için resimli bir anlatım yaptım buyrun beğensenizde beğenmesenizde iyi bir tablo tasarım nasıl yapılır onu anlatmaya çalıştım işte dersimiz
sitemize bedava-sitem.com dan giriş yapıp sayfalarımı değiştire giriyoruz yeni sayfa acıp aşşadaki derslerimizi inceliyoruz
1-)
2-)
3-) ______________ css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
|
|
↑
|
|
|
-
tasarimci-amca2
Uzman Üye
Konum: eskisehir uleyn :)
|
19.04.2009, 22:31 (UTC) Mesaj konusu: |
|
|
devamı yanlıslıkla gönderdim
3-)
4-)
5-)
6-)
7-)
8 - )
9-)
başlık resimi eklendi şimdi sırada menüler
10-)
11-)
menü sayfasına gırıs
devamı bırazdan ______________ css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
|
|
↑
|
|
|
-
tasarimci-amca2
Uzman Üye
Konum: eskisehir uleyn :)
|
19.04.2009, 22:39 (UTC) Mesaj konusu: |
|
|
12-)
13-)
14-)
15-)
16-)
arkadaşlar dersimiz bitmiştir birazdan da yaptıgım tasarım kodu ve tasarımda kullanacagınız kodları verecem iyi gunler dilerim.takıldıgınız yerlerde bana sorabılırsınız yardım ederim problem deil.______________ css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
|
|
↑
|
|
|
-
turkplanet
Bedava-Sitem Bağımlısı
|
19.04.2009, 22:51 (UTC) Mesaj konusu: |
|
|
Paylaşım İçin Teşekürler ______________ |
|
↑
|
|
|
-
tasarimci-amca2
Uzman Üye
Konum: eskisehir uleyn :)
|
19.04.2009, 22:56 (UTC) Mesaj konusu: |
|
|
evet arkadaşlar buyrun buda tablo tasarım kodları
tasarımın üzerindeki yazıya ekleyin
Kod: <table height="600" cellspacing="1" cellpadding="1" border="0" align="center" width="800">
<tbody>
<tr>
<td align="left" valign="top">
<table height="100" cellspacing="1" cellpadding="1" border="0" width="800">
<tbody>
<tr>
<td><img alt="" src="http://img27.imageshack.us/img27/149/baslkresm.png" /></td>
</tr>
</tbody>
</table>
<script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromeses.js"></script> <style type="text/css">
#MainMenu
{
height:37px;
background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_104.gif");
margin:0;
border:0;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0;
padding:0;
}
#tab a
{
background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_104.gif") no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;
}
#tab a span
{
display:block;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_104.gif") no-repeat left top;
padding:0 25px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:37px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
background-position:left bottom;
color:#FFFFFF;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0 solid ;
background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_104.gif");
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
margin:0;
padding:0;
display:block;
border:0 solid ;
color:#FFFFFF;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_104.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:37px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_104.gif") no-repeat right top;
padding:0 25px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0 solid ;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#FFFFFF;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#FFFFFF;
font-weight:bold;
}
</style>
<div id="MainMenu">
<div id="tab">
<ul>
<li class="item_active"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</div>
<hr width="100%" size="2" />
<table height="464" cellspacing="1" cellpadding="1" border="0" align="left" width="200">
<tbody>
<tr>
<td bgcolor="#990000" align="left" valign="top">buraya istediniz yazı,reklam vs olabılır</td>
</tr>
</tbody>
</table>
<table height="464" cellspacing="1" cellpadding="1" border="0" align="center" width="600">
<tbody>
<tr>
<td bgcolor="#990000" align="left" valign="top"><font face="Verdana" color="#ffffff" size="3"><em><strong>
tasarımın altındaki yazıya ekleyin
Kod: </strong></em></font></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
css koduna da bu kodları ekleyın
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;}
#MainMenu
{
height:37px;
background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_104.gif');
margin:0;
border:0px none;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0;
padding:0;
}
#tab a
{
background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_104.gif') no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0px none;
display:block;
float:left
}
#tab a span
{
display:block;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_104.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:37px; padding-left:15px; padding-right:25px; padding-top:0; padding-bottom:0
}
#tab a:hover, #tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span, #tab li.item_active a span
{
background-position:left bottom;
color:#FFFFFF;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0px solid ;
background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_104.gif');
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
margin:0;
padding:0;
display:block;
border:0px solid ;
color:#FFFFFF;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_104.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:37px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_104.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF; padding-left:15px; padding-right:25px; padding-top:0; padding-bottom:0
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0px solid ;
background-position: left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#FFFFFF
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#FFFFFF;
font-weight:bold;
}
takıldıgınız yerlerı mutlaka sorun benım su an ıslerım oldugu ıcın hızlı hızlı yapmak zorunda kaldım umarım yararlı bı anlatım olmustur bana takıldıgınız yerlerı sordugunuzda yarın öğlen veya öğleden sonra bakabılırım sımdılık ıyı gunler görusmek uzere.Hayırlı geceler herkese______________ css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
|
|
↑
|
|
|
-
tasarimci-amca2
Uzman Üye
Konum: eskisehir uleyn :)
|
19.04.2009, 23:15 (UTC) Mesaj konusu: |
|
|
turkplanet yazmış: Paylaşım İçin Teşekürler
ben teşekkür ederim kardesim sorularınız olursa çekınmeyın sorun benım su an acele ısım var o yuzden fazla bısı de yapamadım kusuruma bakmayın yarın öglen veya öğleden sonra bakıcam butun sorulara şimdilik allah a ısmarladık hayırlı geceler.______________ css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
|
|
↑
|
|
|
|