Html Kodu Yardım
-
S.a Arkadaşlar; facebook ve twitter html kodu ile kayan kutu ekledim. bu kutular sağ şeride bağlı, lakin facebook ve twtter üstüste geliyor. burda twitteri biraz yukarıya çıkarmak istiyorum yardımcı olursanız sevinirim twitterin kodunu paylaşıyorum burda nerde değişiklik yapmam gerekiyor ki az birşey üste çıksın.
<!--Koddostu TwitSlide Başlangıcı--><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script><script type="text/javascript">//<!--
$(document).ready(function() {$(".koddostutwt").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});//--></script><!DOCTYPE HTML><style type="text/css">div.koddostutwt{position:fixed;text-align:center;background: url("http://2.bp.blogspot.com/-DoXgccAh568/T3BGBaBhUUI/AAAAAAAABTY/apMnhTjbnnU/s1600/helperblogger.com-twitter-icon.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 170px;padding: 0 5px 0 33px;width: 245px;z-index: 99999;}div.alid{top:30%;right:-250px;}</style><style type="text/css">div.koddostutwt{_position:absolute;}div.alid{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><!--[if IE]><script type="text/javascript"> function disfghe() {document.getElementById('sahdamarimsin').style.right='0px';} function ghsfjhe()
{document.getElementById('sahdamarimsin').style.right='-250px';}
</script>
<![endif]-->
<style type="text/css">.koddostutwt div{border:none;position:relative;display:block;}
.koddostutwt span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.koddostutwt span a{color: #808080;text-decoration:none;}.koddostutwt span a:hover{text-decoration:underline;}</style><div onmouseout="ghsfjhe();" onmouseover="disfghe();" id="sahdamarimsin" class="koddostutwt alid" style=""><div style="border:16px solid #63bdfd; overflow:hidden; width:245px; height:170px; background:#fff;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;">
<a href="https://twitter.com/koddostu" class="twitter-follow-button" data-show-count="false" data-lang="tr" data-size="large">Takip et</a>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="koddostu" data-lang="tr" data-size="large">Tweetle</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<a style="position:absolute;bottom:0px;right:15px;color:#777;font-family:arial, sans-serif;font-size:10px;text-decoration:none;" href="*" target="_blank">+TwitSlide</a></div></div>
<style>.twitter-follow-button{
position:absolute;top:90px;left:34px;}
.twitter-share-button{position:absolute;top:30px;left:64px;}</style>
<!--Koddostu TwitSlide Bitişi-->
-
hiç bir şey anlamadım ? Galiba Twitr şeyisni yukarı çıkaracaksın nasıl olacak diyorsun sen bi sayfanın adresini de vereydin bakaydık ordan belki yardımım dokunurdu
-
Yan yana olmasını istiyorsan display:inline; kodunu ekledim yok biraz yukarı çıkmasını istiyorsan margin-bottom: 2px;
.twitter-share-button{position:absolute;top:30px;left:64px; margin-bottom: 2px;)
2 px olan yer ile oynama yaparsan sorun düzelir.
-
http://www.herzamanindir.com/index.asp
olmadı kardeş margin-bottom yaptım gene olmadı sayfa burda
-
id="sahdamarimsin" style="right: -250px;bottom:-100px;"
Şu kodu aratırmısın html içinde bottom ekledim onu eklermisin düzelmesi lazım
-
yok olmuyo neyse şimdilik böyle kalsın. İlgilenen arkadaşlara teşekkr ederim.
-
Bu arada, master page yapısı mı kullanıyorsun ? yoksa her bir sayfa için .asp dosyası mı oluşturdun ?
-
istediğin bu screen'deki gibiyse tarif edeyim?
ben yazayım da ister yap ister yapma.
öncelikle;
facebook kodunun içinde padding: 0 5px 0 45px; "5" değerini 0 yap.
ardından twitter kodunun içindeki
z-index: 99999; değerinin yanına bi boşluk bırak margin-top: -80px; bunu ekle.tamamdır. screen'deki gibi olacak. hadi kolay gelsin.
Yigit tarafından 30/May/13 02:03 tarihinde düzenlenmiştir -
tataryigit bunu yazdı
istediğin bu screen'deki gibiyse tarif edeyim?
http://prntscr.com/17bjas
Aynen Böyle Olsun İstiyorum Kardeş. Anlatmak İstediğim Tam olarak bu.
-
editledim mesajımı ekledim.
-
tataryigit bunu yazdı
editledim mesajımı ekledim.
Allahrazı olsun kardeş, oldu sonunda . :D