Forum'da ara:
Ara


Yazar Mesaj
Mesaj19.07.2011, 16:16 (UTC)    
Mesaj konusu: BT Tasarım Paylaşımları (Mod Knyu ktleme çk pylşm ypcm )

modörötör bu konuyu kitleme öbürkilerinin hepsini ketle ben bu başlıkta bir süre şe paylaşcam bunlar gibi forumda bir sürü yere başlık açmak istemiorum öbürkilerini kitle ama bu kalsın Smile
Mesaj19.07.2011, 16:16 (UTC)    
Mesaj konusu:

---------------------------------------- BT Danger v1 Tasarımı Yeni--------------------------------

önizleme : http://dangertasaimideneme.tr.gg/


tasarım üstü

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>
</head>

<body>
<table width="973" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="1000" height="116" align="center" valign="middle" background="http://img.webme.com/pic/d/dangertasaimideneme/untitled-1_01.gif"><table width="924" height="98" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="93"><p> </p>
          <p> </p></td>
        <td width="294"> <i><img src="http://www.blogturkuaz.com/wp-content/uploads/2011/07/logo-kayit.png" alt="" width="289" height="84" /></i></td>
        <td width="15"> </td>
        <td width="513"><span class="Apple-style-span" style="font-size: 19px;"><i><img src="http://img234.imageshack.us/img234/3014/bluent3.jpg" alt="" /></i></span> </td>
        <td width="62"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="86" background="http://img.webme.com/pic/d/dangertasaimideneme/untitled-1_03.gif"> </td>
  </tr>
  <tr>
    <td height="359" background="http://img.webme.com/pic/d/dangertasaimideneme/untitled-1_04.gif"><table width="972" height="358" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="22"> </td>
        <td width="608" align="left" valign="top"><div id="content">




tasarım altı


Kod:
</td>
        <td width="54"> </td>
        <td width="272" valign="top"><div class="anarsicocukmenu"> 
<h3 class="headerbar">Anarsi Menu</h3>
<ul>
<li><a href="http://anarsicocuk.tr.gg/Css-Tasarimlar.htm">Css Tasarimlar</a></li>
<li><a href="http://anarsicocuk.tr.gg/Css-Menuler.htm">Css Menüler</a></li>
<li><a href="http://anarsicocuk.tr.gg/Ziyaretci-Defteri.htm">Konuk Defteri</a></li>
<li><a href="http://anarsicocuk.tr.gg">AnarsiCocuk</a></li>
</ul>
 
<h3 class="headerbar">Anarsi Menu</h3>
<ul>
<li><a href="http://anarsicocuk.tr.gg/Css-Tasarimlar.htm">Css Tasarimlar</a></li>
<li><a href="http://anarsicocuk.tr.gg/Css-Menuler.htm">Css Menüler</a></li>
<li><a href="http://anarsicocuk.tr.gg/Ziyaretci-Defteri.htm">Konuk Defteri</a></li>
<li><a href="http://anarsicocuk.tr.gg">AnarsiCocuk</a></li>
</ul>
</td>
        <td width="16"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="63" background="http://img.webme.com/pic/d/dangertasaimideneme/untitled-1_05.gif"> </td>
  </tr>
</table>
</body>
</html>



css

Kod:
table {margin-left: auto;margin-right: auto} iframe{border:Solid 6px #FFFFFF;} 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;}







<!-- Menü BS-aktif.tr.gg 'ye aittir.--> 
 
/*URL: http://www.bs-aktif.tr.gg */
 
.anarsicocukmenu{
width: 150px;
font: bold 12px Tahoma;
color: #2886B9;
}
 
.anarsicocukmenu .headerbar{
font: bold 14px Tahoma;
color: #ECFBCA;
background: url(http://img.webme.com/pic/a/anarsicocuk/acik_mavi_menu.png) repeat-x center left;
margin-bottom: 5px;
padding: 4px 0 4px 10px;
text-shadow: 0.1em 0.1em 1em black;
-moz-border-radius: 10px 10px 0 0;
}
 
.anarsicocukmenu ul{
font: 14px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px;
}
 
.anarsicocukmenu ul li{
padding-bottom: 2px;
}
 
.anarsicocukmenu ul li a{
color: #2886B9;
background: url(http://img.webme.com/pic/a/anarsicocuk/misc-forward-icon.png) no-repeat center left;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #dadada;
font-size: 90%;
}
 
.anarsicocukmenu ul li a:visited{
color: #A70303;
}
 
.anarsicocukmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #ECFBCA;
}
Mesaj19.07.2011, 16:18 (UTC)    
Mesaj konusu:

blog-turkuaz yazmış:
-------------------------BT Mavi Kirmizi Tema V1 BlogTurkuaz.Com---------------------

Kod:
Bu İlk Profosyonel Tasarımım :)




ÖNİZLEME: http://blog-turkuaz.tr.gg/Ana-Sayfa.htm

TASARIM ÜSTÜ



Kod:
<table width="920" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="87" align="center" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_01.gif"><table width="920" height="49" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="230" height="32">&nbsp;</td>
        <td width="606" align="center" valign="middle"><div id="tabs">
  <ul>
    <li></li>
    <li><a href="#"><span>Menu 1</span></a></li>
    <li><a href="#"><span>Menu 2</span></a></li>
    <li><a href="#"><span>Menu 3</span></a></li>
    <li><a href="#"><span>Menu 4</span></a></li>
    <li><a href="#"><span>Menu 5</span></a></li>
    <li><a href="#"><span>Menu 6</span></a></li>
  </ul>
</div>
</td>
        <td width="84">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="150" align="left" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_02.gif"><table width="920" height="112" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="44">&nbsp;</td>
        <td width="315" align="center"><img src="http://www.blogturkuaz.com/wp-content/uploads/2011/07/logo-kayit.png" alt="" width="314" height="57" /></td>
        <td width="10">&nbsp;</td>
        <td width="479" align="center"><img alt="" src="http://img.webme.com/pic/b/blog-turkuaz/untitlasasaed-1.png" /></td>
        <td width="72">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="60" align="center" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_03.gif">&nbsp;</td>
  </tr>
  <tr>
    <td height="144" align="center" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_04.gif"><table width="920" height="143" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="16" height="143">&nbsp;</td>
        <td width="201" valign="top"><div class="urbangreymenu">

<h3 class="headerbar"><a href="http://www.Catlak-site55.tr.gg">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>

<h3 class="headerbar"><a href="http://www.dynamicdrive.com/style/">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>

<h3 class="headerbar"><a href="http://www.blogturkuaz.com">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>


</div>
</td>
        <td width="28">&nbsp;</td>
        <td width="407" valign="top"><div id="content">



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://catlaksite.iwoly.com/ddaccordion.js">


/***********************************************
* Bu MenüblogTurkuaz.com Tarafından Düzenlenmiştir *
***********************************************/

</script>

<script type="text/javascript">

ddaccordion.init({
   headerclass: "headerbar", //Shared CSS class name of headers group
   contentclass: "submenu", //Shared CSS class name of contents group
   revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
   mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
   collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
   defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
   onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
   animatedefault: false, //Should contents open by default be animated into view?
   persiststate: true, //persist state of opened contents within browser session?
   toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
   togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
   animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
   oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
      //do nothing
   },
   onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
      //do nothing
   }
})

</script>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>






TASARIM ALTI




Kod:
</td>
        <td width="28"> </td>
        <td width="223" valign="top"><div class="urbangreymenu">

<h3 class="headerbar"><a href="http://www.Catlak-site55.tr.gg">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>

<h3 class="headerbar"><a href="http://www.dynamicdrive.com/style/">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>

<h3 class="headerbar"><a href="http://www.Catlak-site55.tr.gg">MENÜ ADI</a></h3>
<ul class="submenu">

<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
<li><a href="LiNK">Sayfa Adı</a></li>
    </ul>


</div>
</td>
        <td width="17"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="92" align="center" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_032.gif"><table width="920" height="64" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="22" height="27"> </td>
        <td width="157"> </td>
        <td width="59"> </td>
        <td width="379"> </td>
        <td width="38"> </td>
        <td width="195"> </td>
        <td width="24"> </td>
      </tr>
      <tr>
        <td height="31"> </td>
        <td>buraya notun :)</td>
        <td> </td>
        <td><img src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" alt="" /><img src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" alt="" /><img src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" alt="" /><img src="http://img.webme.com/pic/b/bs-aktif/t1s6.png" alt="" /></td>
        <td> </td>
        <td><!-- PageRank.gen.tr Kodu -->
<a href="http://www.pagerank.gen.tr/@pagerank/www.blogturkuaz.com"
target="_new">
<img src="http://banner.pagerank.gen.tr/rank-checker.asp"
title="www.pagerank.gen.tr" border="0"></a>
<!-- PageRank.gen.tr Kodu --></td>
        <td> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="65" align="center" valign="middle" background="http://img.webme.com/pic/b/blog-turkuaz/untitled-1_06.gif"> </td>
  </tr>
</table>



CSS

Kod:
table {margin-left: auto;margin-right: auto} iframe{border:Solid 6px #FFFFFF;} 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;}








.urbangreymenu{
width: 190px;
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(http://img.webme.com/pic/c/catlak-site55/arrowstop.gif) no-repeat 8px 6px;
margin-bottom: 0;
text-transform: uppercase;
padding: 7px 0 7px 31px;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}

.urbangreymenu ul li{
padding-bottom: 2px;
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px;
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{
color: white;
background: black;
}




<style type="text/css">

#tabs {
   float:left;
   width:100%;
   font-size:93%;
   line-height:normal;
   border-bottom:1px solid #666;
   margin-bottom:1em; /*margin between menu and rest of page*/
   overflow:hidden;
   }

#tabs ul {
   margin:0;
   padding:10px 10px 0 0px;
   list-style:none;
   
   }

#tabs li {
   display:inline;
   margin:0;
   padding:0;
   }

#tabs a {
   float:left;
   background:url("media/left.png") no-repeat left top;
   margin:0;
   padding:0 0 0 6px;
   text-decoration:none;
   }

#tabs a span {
   float:left;
   display:block;
   background:url("media/right.png") no-repeat right top;
   padding:6px 15px 4px 6px;
   margin-right:2px;
   color:#FFF;
   }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
   }

#tabs a:hover {
   background-position:0% -42px;
   }

#tabs a:hover span {
   background-position:100% -42px;
   }

</style>
Mesaj19.07.2011, 20:12 (UTC)    
Mesaj konusu:

Tasarımlar için eline saglık.Ancak başlamadan bir hatanı düzeltelim beraber " BT Danger v1 " tasarımın içerik uzadıkça katlanacaktır örnek bir resim göstereyim:



Bu hatayı düzeltmek için uzayacak alanlarda tek renk veya uzadıkça sorun yaratmayacak stiller kullanmanı tavsiye ederim.

Başarılar

______________
...
Mesaj19.07.2011, 20:17 (UTC)    
Mesaj konusu:

Konu Kural Dışıdır.Tasarım paylaşımlarınızı sabit başlık altından paylaşınız.!
Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=184931
Önceki mesajları göster:   


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