Chatbox kullanım stilleri

[Atiim]

Merhaba,
Bu stil sayesinde, forumda dolaşırken Chatbox'da sohbet edebileceksiniz. Kapa/Aç fonksiyonu olduğu için üyeleri rahatsız etmeyecektir.

• Kapalı hali :
  Transparan hali :
  

  http://i49.tinypic.com/2e31iqp.png

  
  

  http://i47.tinypic.com/357ljcj.png

• Açık hali :
  

  http://i49.tinypic.com/330e2pk.png

Yönetim paneli Afiş asmak Genel bilgiler Büyük beyaz kutucuğun en altına ekleyin :

Kod:

<table style="position: fixed; bottom: 48px; left: 0px;background-color: #000000;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i50.tinypic.com/42n3m.jpg" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i50.tinypic.com/42n3m.jpg')?'block':'none';this.src=(this.src=='http://i50.tinypic.com/42n3m.jpg')?'http://i46.tinypic.com/10f2xx0.jpg':'http://i50.tinypic.com/42n3m.jpg';"/></td></tr></table>
 

</td></tr></table>

Aç/Kapa ikonlarını değiştirebilirsiniz. Bu ikonların daha değişik stillerini, renklerini, şekillerini yapabilirsiniz. Hiç bir sorun çıkartmayacaktır. İstekler için Grafik bölümüne yeni bir konu açabilirsiniz.

• Kodda aç/kapa ikonlarını değiştirmek istiyorsanız :
  
  Aç ikonunu değiştirmek için alttaki resim linklerini değiştirin. Kodda aç ikonu için 3 link var.
  
  -> http://i50.tinypic.com/42n3m.jpg
  -> http://i50.tinypic.com/42n3m.jpg
  -> http://i50.tinypic.com/42n3m.jpg

• Kapat ikonunu değiştirmek için alttaki resim linkini değiştirin. Kodda kapat ikonu için tek link var.
  
  -> http://i46.tinypic.com/10f2xx0.jpg

Arka plan rengini değiştirmek isteyenler kodda aratsın : background-color: #000000
#000000 rengini değiştirin. Bu bölümü boş bırakırsanız (#000000) arka plan transparan olur.

Anlatımda vermiş olduğum resimdeki gibi gözükmüyor, daha güzel durduğunu düşünüyorum. Denemenizi tavsiye ederim.
Chatbox'un renkleri için sıkıntı yaşamayın, CSS'e eklediğiniz kod için değişiyor.
Sadece ana sayfada çalışıyor.

İyi forumlar.

[Atiim]

Merhaba,
Facebook tarzı Chatbox yapmak istiyorsanız :

• # [modeler] Her sayfada olsun : Yönetim paneli Afiş asmak Genel Yönetim Overall_header_new En altına bu kodu ekleyin :

  Kod:

  <td  align="left" class="row1"><div id="fa_ticker_container"><div id="fa_ticker" style="height:0px;"><div class="fa_ticker_content"><div><style> #fbfcb {width:188px;cursor:pointer;padding:3px 12px;background: url(http://static.ak.fbcdn.net/rsrc.php/z1V2B/hash/apfsevhg.png) repeat-x 0px 0px;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;padding-bottom:6px;border-top:1px solid #b5b5b5;border-right: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;-webkit-user-select:none;text-align:left !important;position:fixed;bottom:0px;right: 23px;}#fbfcb:hover {width:188px;cursor:pointer;padding:3px 12px;padding-bottom:6px;background:white;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;border-top:1px solid #c5c5c5;border-right: 1px solid #c5c5c5;border-left: 1px solid #c5c5c5;}.clicked {background:white !important;border:1px solid black !important;border-top-width:0px !important;}.unclicked {}#minimize:hover div {background:white !important;}</style><div id="fbfcbframe" style="border: 1px solid black; padding: 0px; background: white none repeat scroll 0% 0%; display: none; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; position: fixed; bottom: 25px; right: 23px; width: 900px;"><div style="border: 1px solid rgb(37, 69, 136); margin: -1px -1px 0px; padding: 4px 8px 5px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; background-color: rgb(82, 110, 166); color: white; text-align: left;">Forum içi sohbet  et<div style="height: 16px; text-align: center; cursor: pointer; position: absolute; right: 5px; top: 2px;" id="minimize" onclick="this.parentNode.parentNode.style.display='none';document.getElementById('fbfcb').className='unclicked'"><div style="overflow: hidden; margin-top: 10px; background-color: rgb(173, 190, 216); float: right; height: 2px; width: 9px;"></div></div></div><iframe style="border: 0px solid black; margin: -2px -2px 0px; background: transparent none repeat scroll 0% 0%; height: 290px; width: 900px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" src="/chatbox/chatbox.forum"></iframe></div>  <script> function toggleframe(){var x = document.getElementById('fbfcbframe').style;if(x.display=='none'){x.display='block';} else {x.display='none';}}</script><div id="fbfcb" class="unclicked" onclick="toggleframe();if(this.getAttribute('class')=='unclicked'){this.className='clicked'}else{this.className='unclicked'}"><img src="http://i62.servimg.com/u/f62/14/92/74/94/_10.gif" style="background: transparent url(http://static.ak.fbcdn.net/rsrc.php/z3O30/hash/3wq3vjh4.png) no-repeat scroll -631px -101px; width: 16px; height: 16px; margin-bottom: -2px; position: relative; bottom: -5px; left: -3px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"> Sohbet | Yetkin Forum</div></div></div></div></div></td></tr></table></div>

• # [modelersiz] Her sayfada olmasın : Yönetim paneli Afiş asmak Genel bilgiler Büyük beyaz kutunun en altına ekleyin :

  Kod:

  <td  align="left" class="row1"><div id="fa_ticker_container"><div id="fa_ticker" style="height:0px;"><div class="fa_ticker_content"><div><style> #fbfcb {width:188px;cursor:pointer;padding:3px 12px;background: url(http://static.ak.fbcdn.net/rsrc.php/z1V2B/hash/apfsevhg.png) repeat-x 0px 0px;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;padding-bottom:6px;border-top:1px solid #b5b5b5;border-right: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;-webkit-user-select:none;text-align:left !important;position:fixed;bottom:0px;right: 23px;}#fbfcb:hover {width:188px;cursor:pointer;padding:3px 12px;padding-bottom:6px;background:white;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;border-top:1px solid #c5c5c5;border-right: 1px solid #c5c5c5;border-left: 1px solid #c5c5c5;}.clicked {background:white !important;border:1px solid black !important;border-top-width:0px !important;}.unclicked {}#minimize:hover div {background:white !important;}</style><div id="fbfcbframe" style="border: 1px solid black; padding: 0px; background: white none repeat scroll 0% 0%; display: none; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; position: fixed; bottom: 25px; right: 23px; width: 900px;"><div style="border: 1px solid rgb(37, 69, 136); margin: -1px -1px 0px; padding: 4px 8px 5px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; background-color: rgb(82, 110, 166); color: white; text-align: left;">Forum içi sohbet  et<div style="height: 16px; text-align: center; cursor: pointer; position: absolute; right: 5px; top: 2px;" id="minimize" onclick="this.parentNode.parentNode.style.display='none';document.getElementById('fbfcb').className='unclicked'"><div style="overflow: hidden; margin-top: 10px; background-color: rgb(173, 190, 216); float: right; height: 2px; width: 9px;"></div></div></div><iframe style="border: 0px solid black; margin: -2px -2px 0px; background: transparent none repeat scroll 0% 0%; height: 290px; width: 900px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" src="/chatbox/chatbox.forum"></iframe></div>  <script> function toggleframe(){var x = document.getElementById('fbfcbframe').style;if(x.display=='none'){x.display='block';} else {x.display='none';}}</script><div id="fbfcb" class="unclicked" onclick="toggleframe();if(this.getAttribute('class')=='unclicked'){this.className='clicked'}else{this.className='unclicked'}"><img src="http://i62.servimg.com/u/f62/14/92/74/94/_10.gif" style="background: transparent url(http://static.ak.fbcdn.net/rsrc.php/z3O30/hash/3wq3vjh4.png) no-repeat scroll -631px -101px; width: 16px; height: 16px; margin-bottom: -2px; position: relative; bottom: -5px; left: -3px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"> Sohbet | Yetkin Forum</div></div></div></div></div></td></tr></table></div>

Maalesef modelersiz her sayfa için olmuyor. Olsa bile, forumun boyutu bozuluyor.

İyi forumlar.

[TuaL]

Yönetim Paneli > Afiş Asmak > Anasayfa (altından) > Genel bilgiler > Anasayfa mesajı (içine)

Kod:

<script type='text/javascript'>$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});$(function() {$("#toppage").scrollToTop();});</script>
<table style="position: fixed; bottom: 60px; right: 0px;background-color: #FFF ;z-index:10000; -moz-border-radius-bottomleft:25px;-moz-border-radius-topleft:25px;border-top: 3px #781A0C solid;border-left: 0px #781A0C solid;border-bottom: 3px #781A0C solid;color: #781A0C;padding-right: -0px;"><tr><td style="vertical-align: bottom;"><img src="http://i25.servimg.com/u/f25/15/75/60/22/ope10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i25.servimg.com/u/f25/15/75/60/22/ope10.png')?'block':'none';this.src=(this.src=='http://i25.servimg.com/u/f25/15/75/60/22/ope10.png')?'http://i25.servimg.com/u/f25/15/75/60/22/clo10.png':'http://i25.servimg.com/u/f25/15/75/60/22/ope10.png';"/></td><td><iframe id="chatboxpop" src="/chatbox/chatbox.forum?" scrolling="no" style="width: 700px; height: 310px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe>

TuaL ediT!