Bedava Forum: Yetkinforumun Destek Forumu
Yetkinforum'un destek forumuna hoş geldiniz Smile

Eğer üye iseniz lütfen giriş yapınız, eğer henüz üye değilseniz ve forumdan tam olarak yararlanmak istiyorsanız bizim topluluğumuza katılabilirsiniz

Bu forum gibi ücretsiz forum kurmak
Öğretici Konular Ara...
Sorularınızın Cevaplarını daha kolay bulabilmek için bu arama yerini kullanabilirsiniz !



Görünüm olarak :



Giriş yap

Şifremi unuttum

En son konular
» Site Virüs Sorunu ?
Dün 12:03 tarafından Speedy

» Eskiden ne popülerdi : )
Paz 27 Kas. 2016 - 23:20 tarafından Sabocan

» Hesap şifremi unuttum
Paz 16 Ekim 2016 - 2:57 tarafından Atiim

» Html - Js bölümü hakkında bilgi
Çarş. 12 Ekim 2016 - 1:08 tarafından snappy

» Modeller de yapılan değişiklik hakkında
Çarş. 12 Ekim 2016 - 0:48 tarafından snappy

» Forum sayfamda reklam yönlerdirme malesef devam ediyor
Çarş. 28 Eyl. 2016 - 4:00 tarafından Atiim

» 7 yıl önce açtığım sitemi silmek istiyorum
Çarş. 28 Eyl. 2016 - 3:48 tarafından Atiim

» Arkadaşlık Sitesi için Api
Ptsi 26 Eyl. 2016 - 3:46 tarafından Niko!

» Dışarıdan alınan domaini siteme nasıl yönlendiririm?
Paz 25 Eyl. 2016 - 19:45 tarafından Atiim

Bedava forum kurmak
Facebook/Twitter
 
 

Chatbox kullanım stilleri

Önceki başlık Sonraki başlık Aşağa gitmek

Chatbox kullanım stilleri

Mesaj tarafından Atiim Bir Çarş. 7 Tem. 2010 - 6:01

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

  • 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 Arrow Afiş asmak Arrow Genel bilgiler Arrow 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 :

    ikonunu değiştirmek için alttaki resim linklerini değiştirin. Kodda aç ikonu için 3 link var. Wink

    -> 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. Wink

    -> 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.


En son Atiim tarafından Çarş. 7 Tem. 2010 - 7:29 tarihinde değiştirildi, toplamda 2 kere değiştirildi


Forum Kuralları | Grafik Bölümü | Staff Ekibi
Elissa'ya teşekkürler

-----------------------------------------------------------------
Kurucu şifrenizi mi kaybettiniz ? » çözüm !

Atiim
GenelModeratör
GenelModeratör

Erkek
Mesaj Sayısı : 10106
Uyarı yok

http://destek.yetkin-forum.com/

Sayfa başına dön Aşağa gitmek

[Modeler/Modelersiz] Facebook tarzı Chatbox !

Mesaj tarafından Atiim Bir Çarş. 7 Tem. 2010 - 7:25

Merhaba,
Facebook tarzı Chatbox yapmak istiyorsanız :

  • # [modeler] Her sayfada olsun : Yönetim paneli Arrow Afiş asmak Arrow Genel Yönetim Arrow Overall_header_new Arrow 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 Arrow Afiş asmak Arrow Genel bilgiler Arrow 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. xS

İyi forumlar.


Forum Kuralları | Grafik Bölümü | Staff Ekibi
Elissa'ya teşekkürler

-----------------------------------------------------------------
Kurucu şifrenizi mi kaybettiniz ? » çözüm !

Atiim
GenelModeratör
GenelModeratör

Erkek
Mesaj Sayısı : 10106
Uyarı yok

http://destek.yetkin-forum.com/

Sayfa başına dön Aşağa gitmek

Geri: Chatbox kullanım stilleri

Mesaj tarafından TuaL Bir Paz 24 Ekim 2010 - 19:06

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!

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Önceki başlık Sonraki başlık Sayfa başına dön

- Similar topics

 
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz