Forum'da ara:
Ara


Yazar Mesaj
Mesaj19.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 Arrow

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...
Mesaj19.04.2009, 22:31 (UTC)    
Mesaj konusu:

devamı Smile 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...
Mesaj19.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...
Mesaj19.04.2009, 22:51 (UTC)    
Mesaj konusu:

Paylaşım İçin Teşekürler Wink
______________
Mesaj19.04.2009, 22:56 (UTC)    
Mesaj konusu:

evet arkadaşlar buyrun buda tablo tasarım kodları Arrow

tasarımın üzerindeki yazıya ekleyin Arrow

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
Arrow

Kod:
</strong></em></font></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>


css koduna da bu kodları ekleyın Arrow

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...
Mesaj19.04.2009, 23:15 (UTC)    
Mesaj konusu:

turkplanet yazmış:
Paylaşım İçin Teşekürler Wink


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...
Önceki mesajları göster:   


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