/*İntro'nun Özellikleri*/
*Sağ köşede menü alanı
*İntro üstünde Duyuru Alanı
*İntro ortasında Video Alanı
*İntro Altında ise sosyal medya araçları Bulunmaktadır.
Ben böyle uygun gördüm böyle kodladım araçları koydum.İsteğinize bağlı olarak deiştirme yetkisine sahipsiniz.:)
Demo
İntronun Kodu;
<style type="text/css">
body{
background: url(http://bglabs.evade.netdna-cdn.com/45875kli90/159.gif) top center fixed;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:black;
}
iframe{border:solid 4px #FFFFFF;
.yazibaslik{
width: 585px;
height: 35px;
background: url(http://img.webme.com/pic/i/ibrahim-ahi/yazibaslik_bg.png);
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.yazibaslik h2{
margin: 9px 0 0 10px;
padding: 0;
float: left;
}
.yazibaslik h2 a{
text-decoration: none;
font-size: 20px;
color: #525252;
}
.yazibaslik h2 a:hover{
color: #096e98;
}
body {font-size:12px; font-family:Tahoma;}
.menu {
border: 1px dotted #EAEAEA;
float: left;
width: 300px;
padding-right: 0px;
padding-left: 0px;
margin-right: 5px;
margin-left: 5px;
background-color: #ebebeb;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.menu ul {
padding: 5px;
margin: 0px;
}
.menu li {
padding: 5px;
margin: 0px;
border-bottom-style: dashed;
border-bottom-width: 1px;
border-bottom-color: #EAEAEA;
background-color: #FBFBFB;
list-style-position: inside;
list-style-type: none;
list-style-image: url('http://cdn1.iconfinder.com/data/icons/silk2/tick.png');
}
.menu li:hover
{
background-color: #EAEAEA;
}
.menu h2 {
padding: 5px;
margin: 0px;
font-size: 14px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
background: url(kategori.png) no-repeat;
widht:300px;
height:35px;
text-indent: -9999px;
}
::-moz-selection {
background: #e06e63;
color: #fff;
}
::selection {
background: #e06e63;
color: #FFF;
}
</style> <script type="text/javascript" src="http://www.fileden.com/files/2008/9/29/2120871//cufon-yui.java"></script> <script type="text/javascript" src="http://www.fileden.com/files/2008/9/29/2120871//font.java"></script> <script type="text/javascript">
Cufon.replace('h2', {
textShadow: '#999999 0.4px 0.4px'
});
Cufon.replace(' #rssoku h2,h3,h1,h4,legend');
Cufon.replace(' #headline');
Cufon.replace('#comments h3', {
textShadow: '#fff 0.7px 0.7px'
});
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body {
line-height: 1;
}
ol, ul { list-style: none; }
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {font-size:12px; font-family:Tahoma;}
#menu {background: url(menu.png) no-repeat; padding: 5px; overflow: auto; margin-bottom: 0px; width:954px; height:55px;margin-left:3px;margin-top:4px;}
#menu ul li {float: left}
#menu ul li a {display: block; padding: 10px 15px; font: bold 14px Arial; color: #a2a2a2;text-decoration: none;margin-top:4px;}
#menu ul li a:hover, #menu ul li.current-menu-item a {
color: #fff;
background: #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}</script>
<table width="957" align="center">
<tbody>
<tr>
<th width="949" height="397" background="http://img.webme.com/pic/i/ibrahim-ahi/intro1.png" scope="col">
<table width="948">
<tbody>
<tr>
<th width="1" height="389" scope="col"> </th>
<th width="926" align="left" scope="col">
<table width="721" height="368" align="left">
<tbody>
<tr>
<th width="713" height="42" align="left" scope="col">Bu intro ibrahim ahi tarafından çizilmiş ve kodlanmıştır.http://ibrahimahii.blogspot.com/</th>
</tr>
<tr>
<td height="265" align="center"><iframe width="700" height="265" src="http://www.youtube.com/embed/kYtGl1dX5qI" frameborder="0" allowfullscreen></iframe></td>
</tr>
<tr>
<td height="45">
<link rel="stylesheet" type="text/css" href="http://spetools.de/css/1044.css" />
<span class='st_fblike_hcount' displayText='Facebook Like'></span>
<span class='st_plusone_hcount' displayText='Google +1'></span>
<span class='st_friendfeed_hcount' displayText='FriendFeed'></span>
<span class='st_twitterfollow_hcount' displayText='Twitter Follow'></span>
<span class='st_delicious_hcount' displayText='Delicious'></span>
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "aa69c0c7-833a-4789-8293-dc40ba1a41d3"}); </script>
<script id="_waufs5">var _wau = _wau || [];
_wau.push(["tab", "afn1zeriyvd0", "fs5", "left-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script><!-- BEGIN Tynt Script -->
<script type="text/javascript">
if(document.location.protocol=='http:'){
var Tynt=Tynt||[];Tynt.push('aaeK5O0L4r4Ab_acwqm_6r');
(function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
}
</script></td>
</tr>
</tbody>
</table>
<div class="bilesen">
<div class="baslik">Kategoriler</div>
<img src="http://img.webme.com/pic/o/osmantalay/bulletv2otalay.png" alt="" /><a href="http://ibrahimahii.blogspot.com/"><span style="color: rgb(128, 128, 128);">Sosyal Medya</span></a><span style="color: rgb(128, 128, 128);"> <br />
<img src="http://img.webme.com/pic/o/osmantalay/bulletv2otalay.png" alt="" /></span><a href="http://ibrahimahii.blogspot.com/"><span style="color: rgb(128, 128, 128);">Bedava Sitem </span></a><span style="color: rgb(128, 128, 128);"> <br />
<img src="http://img.webme.com/pic/o/osmantalay/bulletv2otalay.png" alt="" /></span><a href="http://ibrahimahii.blogspot.com/"><span style="color: rgb(128, 128, 128);">Css-Html</span></a></div>
</th>
<th width="10" scope="col"> </th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
0 yorum:
Yorum Gönder