Forum'da ara:
Ara


Yazar Mesaj
Mesaj18.06.2011, 11:05 (UTC)    
Mesaj konusu: Yorgun50 Css Tasarım Paylaşımları

Merhaba bu başlıkta paylaşacağım css tasarımların hakları tamamen bana aittir.Tasarımları sizler için özel olarak ayarlıyorum.



Tasarım Üstü:

Kod:
<table width="950" height="328" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="169" align="left" valign="top" background="http://img.webme.com/pic/y/yorgun50/ri_01.gif"> </td>
  </tr>
  <tr>
    <td height="99" align="left" valign="top" background="http://img.webme.com/pic/y/yorgun50/62.gif"><table width="942" height="98" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="12" align="left" valign="top"> </td>
        <td width="198" align="left" valign="top"><div class="arrowlistmenu">

<h3 class="headerbar">MEN&Uuml; </h3>
<ul>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
</ul>

<h3 class="headerbar">MEN&Uuml; 2 </h3>
<ul>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
</ul>

</div>
</td>
        <td width="10" align="left" valign="top"> </td>
        <td width="512" align="left" valign="top"><div id="content">Tasarım yorgun50.tr.gg ye aittir.Tasarımı sizler için hazırladım.


Tasarım Altı:

Kod:
</td>
        <td width="9" align="left" valign="top"> </td>
        <td width="207" align="left" valign="top"><div class="arrowlistmenu">

<h3 class="headerbar">MENÜ</h3>
<ul>
<li>MENÜ İÇERİK 1</li>
<li>MENÜ İÇERİK 2</li>
<li>MENÜ İÇERİK 3</li>
<li>MENÜ İÇERİK 4</li>
<li>MENÜ İÇERİK 5</li>
<li>MENÜ İÇERİK 6</li>
<li>MENÜ İÇERİK 7</li>
<li>MENÜ İÇERİK 8</li>
</ul>

<h3 class="headerbar">MENÜ2</h3>
<ul>
<li>MENÜ İÇERİK 1</li>
<li>MENÜ İÇERİK 2</li>
<li>MENÜ İÇERİK 3</li>
<li>MENÜ İÇERİK 4</li>
<li>MENÜ İÇERİK 5</li>
<li>MENÜ İÇERİK 6</li>
</ul>

</div>
</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="60" align="left" valign="top" background="http://img.webme.com/pic/y/yorgun50/63.gif"> </td>
  </tr>
</table>



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;}
 table {margin-left: auto;margin-right: auto}
 
 <style type="text/css" media="screen">
 <title>
 YORGUN50
 </title>
 table, tr, td { background-color:transparent; border:none; border-width:0;}
 body {
  background-color:FFFFFF;
  background-attachment: fixed;
  background-position:top center;
  background-repeat:repeat;
         }
 </style>
body {
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/y/yorgun50/160.gif);
}
a {
font-family: Times New Roman, Times, serif;
font-size: 12px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
-->
</style>


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: blue url(http://www.kagitvs.com.tr/img/urun/acikmavi.jpg) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #000000;
}

</style>


Devamı Yakında...
______________
Bedava-Sitemdeki kendi anlatımlarım için tıkla

Tasarım Kodlama yapabilirim.Tasarım kodlamamı isteyenlerden mesaj bekliyorum
Mesaj18.06.2011, 11:30 (UTC)    
Mesaj konusu:

güzel Smile tasarım
______________
Mesaj18.06.2011, 11:40 (UTC)    
Mesaj konusu:

ibrahimsoylemis yazmış:
güzel Smile tasarım


Teşekkürler Wink
______________
Bedava-Sitemdeki kendi anlatımlarım için tıkla

Tasarım Kodlama yapabilirim.Tasarım kodlamamı isteyenlerden mesaj bekliyorum
Mesaj18.06.2011, 11:42 (UTC)    
Mesaj konusu:



Tasarım Üstü:

Kod:
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="156" background="http://img.webme.com/pic/y/yorgun50deneme/untitled-3_01.gif"><table width="900" height="200" border="0" align="center">
      <tr>
        <td width="424" height="97" align="left" valign="top"><p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p></td>
        <td width="466" align="left" valign="top">&nbsp;</td>
      </tr>
      <tr>
        <td height="97" align="left" valign="top">Son Eklenenler buraya gelecek </td>
        <td align="left" valign="top">İstatistikler buraya gelecek </td>
      </tr>
     
    </table></td>
  </tr>
  <tr>
    <td><img src="http://img.webme.com/pic/y/yorgun50deneme/untitled-3_02.gif" width="899" height="54" border="0" usemap="#Map"></td>
  </tr>
  <tr>
    <td height="27" background="http://img.webme.com/pic/y/yorgun50deneme/untitled-3_04.gif">&nbsp;</td>
  </tr>
  <tr>
    <td height="198" align="left" valign="top" background="http://img.webme.com/pic/y/yorgun50deneme/untitled-3_05.gif"><table width="900" border="0">
      <tr>
        <td height="192" align="left" valign="top"><div id="content">


Tasarım Altı:

Kod:
</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="72" align="right" background="http://img.webme.com/pic/y/yorgun50deneme/untitled-3_06.gif">&nbsp;</td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="31,13,138,37" href="ANASAYFA HTM">
<area shape="rect" coords="146,15,252,35" href="iletişim htm">
<area shape="rect" coords="258,14,376,36" href="HAKKIMDA URL">
<area shape="rect" coords="385,14,615,37" href="DEFTER URL">
<area shape="rect" coords="626,14,735,34" href="EĞLENCE URL">
<area shape="rect" coords="743,16,870,34" href="BİZİM ODA">
</map>



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;}
 table {margin-left: auto;margin-right: auto}
 
 <style type="text/css" media="screen">
 <title>
 YORGUN50
 </title>
 table, tr, td { background-color:transparent; border:none; border-width:0;}
 body {
  background-color:FFFFFF;
  background-attachment: fixed;
  background-position:top center;
  background-repeat:repeat;
         }
 </style>
body {
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/y/yorgun50/160.gif);
}
a {
font-family: Times New Roman, Times, serif;
font-size: 12px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
-->
</style>

______________
Bedava-Sitemdeki kendi anlatımlarım için tıkla

Tasarım Kodlama yapabilirim.Tasarım kodlamamı isteyenlerden mesaj bekliyorum
Mesaj18.06.2011, 12:10 (UTC)    
Mesaj konusu:



Tasarım Üstü:

Kod:
<table width="912" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="221" align="left" valign="top" background="http://img.webme.com/pic/y/yorgun50deneme/54_01.gif"><table width="910" height="104" border="0">
      <tr>
        <td width="402" height="100"> </td>
        <td width="498"><p> </p>
          <table width="468" height="60" border="0">
          <tr>
            <td background="http://img.webme.com/pic/y/yorgun50/4456.gif"> </td>
          </tr>
        </table></td>
      </tr>
    </table>     
      <p> </p>
    </td>
  </tr>
  <tr>
    <td height="149" align="left" valign="top" background="http://img.webme.com/pic/y/yorgun50deneme/54_02.gif"><table width="913" height="147" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="9" align="left" valign="top"> </td>
        <td width="5" align="left" valign="top">
        <td width="201" align="left" valign="top"><div class="arrowlistmenu">

<h3 class="headerbar">MENÜ </h3>
<ul>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
</ul>

<h3 class="headerbar">MENÜ 2 </h3>
<ul>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
</ul>

</div> </td>
        <td width="388" align="left" valign="top"><div id="content">


Tasarım Altı:

Kod:
</td>
        <td width="7" align="left" valign="top">&nbsp;</td>
        <td width="89" align="left" valign="top">
        <td width="214" align="left" valign="top"><div class="arrowlistmenu">

<h3 class="headerbar">MEN&Uuml; </h3>
<ul>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
</ul>

<h3 class="headerbar">MEN&Uuml; 2 </h3>
<ul>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
<li>Yorgun50</li>
</ul>

</div> </td>
      </tr>
     
    </table></td>
  </tr>
  <tr>
    <td height="56" align="left" valign="top" background="http://img.webme.com/pic/y/yorgun50deneme/54_03.gif">&nbsp;</td>
  </tr>
</table>


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;}
 table {margin-left: auto;margin-right: auto}
 


body {
   background-color: #FFFFFF;
   background-image: url(http://www.backgroundlabs.com/backgrounds/9.jpg);
}
a {
   font-family: Times New Roman, Times, serif;
   font-size: 12px;
   color: #000000;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #FFFFFF;
}
a:hover {
   text-decoration: none;
   color: #FF0000;
}
a:active {
   text-decoration: none;
   color: #FFFFFF;
}
-->
</style>

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: blue url(http://www.kagitvs.com.tr/img/urun/acikmavi.jpg) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #000000;
}

</style>

______________
Bedava-Sitemdeki kendi anlatımlarım için tıkla

Tasarım Kodlama yapabilirim.Tasarım kodlamamı isteyenlerden mesaj bekliyorum
Önceki mesajları göster:   


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