Merhaba arkadaşlar bu gün size 1 ocak tarihinde kendim çizdiğim ve kodladığım Bedava Sitem introsunu paylaşmak istiyorum. Arkadaşlar introya telif veya sitem ile ilgili hiç bir şey koymadım linkler dışında lafı çok uzatmadan intro özelliklerini,demo ve kodları sizinle paylaşacağım.
/*İ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>
Siz bu yazıyı okuyan 
kişiden birisiniz.
0 yorum: