Yazar |
Mesaj |
-
blog-turkuaz
Acemi Üye
|
19.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 |
|
↑
|
|
|
-
blog-turkuaz
Acemi Üye
|
19.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;
} |
|
↑
|
|
|
-
blog-turkuaz
Acemi Üye
|
19.07.2011, 16:18 (UTC) Mesaj konusu: |
|
|
blog-turkuaz yazmış: -------------------------BT Mavi Kirmizi Tema V1 BlogTurkuaz.Com---------------------
Kod: Bu İlk Profosyonel Tasarımım :) 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"> </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"> </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"> </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"> </td>
<td width="479" align="center"><img alt="" src="http://img.webme.com/pic/b/blog-turkuaz/untitlasasaed-1.png" /></td>
<td width="72"> </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"> </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"> </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"> </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>
|
|
↑
|
|
|
-
yapiyoruz
Aktif Üye
Konum: Bedava-Sitem
|
19.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______________ ... |
|
↑
|
|
|
-
odev-arsivleri
Uzman Üye
Konum: Anadolu :)
|
|
↑
|
|
|
|