Coding-Spot

You are not connected. Please login or register

 
 

make a chat in forumotion with modes like in facebook?

Message (Page 1 of 1)


 
Senior Member

Posted on Fri May 24, 2013 5:24 am

 
Hello all :D

I want to ask and share little opinion about chat in FM like facebook ^_^

ok, this code for punBB, and i need for phpBB2,
whether it can be developed into phpBB2?

because i know me, phpBB2 and punBB not much different.
maybe mr.mark able to develop and make this tutorial for phpBB2 :D:

This forum is also a long time no tutorial heheheh ^^

ok, lets go for punBB
first
put this code in your css
Code:
        /*facebook-chat*/
        .button-app {
        position: fixed;
        right: 0;
        bottom: 0;
        }
        #chatbox {
        bottom: 0;
        height: 300px;
        left: 0;
        padding-bottom: 30px;
        top: auto;
        width: 300px;
        background-color: white;
        border: 1px solid rgba(0, 0, 0, .3);
        border-width: 0 1px;
        }
        #chatbox_footer {
        height: 30px;
        padding: 0;
        position: absolute;
        width: 300px;
        background-color: white;
        border-top: 1px solid #A5A5A5;
        border-left: 1px solid #A5A5A5;}
        #chatbox_members {
        border: 0;
        bottom: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 207px;
        z-index: 999;
        background: white;
        border-left: 1px solid #979797;
        }
        #chatbox p{
        background: white;
        border-top: 1px solid #EEE;
        border-width: 1px 0 0;
        }
        #chat-app-fb, #chatbox, #chatbox p, #chatbox p strong
        {font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal!important;}
        #chatbox_header.main-head {
        background: #4A66A0;
        border: 1px solid rgba(0, 39, 121, .76);
        border-bottom: none;
        bottom: 330px;
        cursor: pointer;
        height: 30px;
        line-height: 30px;
        padding: 0;
        position: absolute;
        top: auto;
        width: 300px;
        }
        .chatbox-title {
        display: none;
        }
        #chatbox_option_autorefresh {
        display: none;
        }
        #chatbox_footer label {
        color: transparent;
        font-size: 0;
        visibility: hidden;
        }
        #message {
        font-size: 12px;
        visibility: visible;
        width: 244px;
        border: 0;
        outline: 0;
        height: 28px;
        position: relative;
        top: -10px;
        padding: 0 5px;
        }
        .right-box.style-buttons {
        display: block;
        background: #2C2C2C;
        }
        #chat-app-fb {
        position: fixed;
        top: 0;
        bottom: 0;
        height: 100%;
        right: 0;
        width: 500px;
        }
        body.chatbox {
        background: none;
        border: none;
        }
        .chatbox-options {
        margin: 0;
        float: left;
        padding-left: 10px;
        }
        #divsmilies {
        background: white;
        border: 1px solid white;
        left: 10px;
        position: relative;
        top: -38px;
        width: 42px;
        height: 26px;
        }
        #chatbox_members .member-title ,.date-and-time, #divcolor, #divstrike, #divunderline, #divitalic, #divbold {
        display: none;
        }
        #chatbox_members ul li {
        padding: 6px 0 6px 10px;
        margin: 2px 0;
        }
        #chatbox_members ul li:hover {background: #E6E9EE;}
        #chatbox_members ul {
        margin: 0;
        padding: 0;
        }
        body[bgcolor^="#fbfbfb"] {
        background: transparent;
        }
        #chatbox_contextmenu {
        z-index: 999;
        margin-top: 10px;
        margin-left: -39px;
        }
        .fb-search form input {
        background-image: url("http://i.imgur.com/9tSaXF7.png");
        border: 0;
        width: 133px;
        height: 25px;
        padding: 0 0 0 20px;
        background-repeat: no-repeat;
        outline: none;
        box-shadow: none;
        color: #BDBDBD;
        font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
        font-size: 11px;
        z-index: 999999!important;
        position: relative;}
        .seo-me {
        width: 207px;
        }
        .profile-se {
        float: right;
        margin-right: 27px;
        }
        .button-app img[src^="http://i.imgur.com/degNOB8.png"] {
        float: right;
        position: absolute;
        right: 0;
        }
        .button-app img[src^="http://i.imgur.com/FMZxNQv.png"] {
        margin-right: 30px;
        }
        .button-app img[src^="http://i.imgur.com/FMZxNQv.png"] + div.seo-me {
        display: none;
        }
        .fb-search form input:focus {
        color: #4B4B4B;
        }
        .button-app {
        z-index: 999999!important;
        }
        #chat-app-fb {
        z-index: 99999!important;
        }
        .count-user {
        position: fixed;
        z-index: 999;
        right: 155px;
        bottom: 6px;
        font: bold 11px verdana ,arial;
        color: #000;}
        .button-app img[src^="http://i.imgur.com/degNOB8.png"] + div.seo-me + div.count-user {
        display: none;
        }
        .button-app img[src^="http://i.imgur.com/FMZxNQv.png"] + div.seo-me + div.count-user {
        display: inline;
        }
        /*Facebook-chat*/

and put this code in your overall_footer_end
Code:
        <div class="button-app" style="cursor:pointer;"><img src="http://i.imgur.com/FMZxNQv.png" onclick="document.getElementById('chat-app-fb').style.display=(this.src=='http://i.imgur.com/FMZxNQv.png')?'block':'none';this.src=(this.src=='http://i.imgur.com/FMZxNQv.png')?'http://i.imgur.com/degNOB8.png':'http://i.imgur.com/FMZxNQv.png';"/><div class="seo-me"><div class="profile-se"><a href="/profile?mode=editprofile"><img src="http://i.imgur.com/xHLwgoA.png" title="Opciones"></a></div><div class="fb-search"><form action="/search" method="get"><input type="text" class="inputbox medium" name="search_keywords" value="Buscar" onclick="if (this.value == 'Buscar') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar';"></form></div></div><div class="count-user">(<span id="chat-user-on">0</span>)</div></div><div id="chat-app-fb" style="display:none;">
        <iframe src="/chatbox/index.forum?page=front&" scrolling="no" marginwidth="0" style="height: 100%;margin-left: -19px;width: 520px;" marginheight="0" frameborder="0"></iframe></div>
        <script>jQuery(document).ready( function() {jQuery("#chat-user-on").load("/ #onlinechat strong:eq(0)");});</script>

tadaaa :D:





View user profile



 
Advance Member

Posted on Fri May 24, 2013 1:46 pm

 
this is awesome, can you add auto login script?



View user profile http://www.bdtipsntricks.com/



 
Advance Member

Posted on Fri May 24, 2013 2:41 pm

 
Duhhhh Dont Like This CHatbox So Light. -.-

And Also Dont Match Dark Themes :)



View user profile



 
Advance Member

Posted on Fri May 24, 2013 2:42 pm

 
Also I Already Tried This One



View user profile



 
Senior Member

Posted on Fri May 24, 2013 3:34 pm

 
Hi, you can chnge color for this chat,

Just change css code for chat color..

Just simple :D:


And i like if this chat can be used in phpBb2 ^_^



View user profile



 
Administrator
Administrator

Posted on Wed May 29, 2013 12:04 am

 
It appers that you already have this, so is this solve now? Roll eyes



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Wed May 29, 2013 10:57 am

 
I done have this chat mr.mark...i need this chat can try in phpbb2 :)



View user profile



 
CS Staff
CS Staff

Posted on Wed May 29, 2013 2:41 pm

 
maybe you can wait for LG update chat, he want to release it for his 8 version.



View user profile http://atlanta.forumid.net/



 
Administrator
Administrator

Posted on Thu May 30, 2013 11:20 pm

 
Refer to #8, since i'm using only the default chat, the FM.
So it this solve now? Happy



View user profile http://coding-spot.darkbb.com



 
Administrator
Administrator

Posted on Wed Jun 12, 2013 6:58 am

 
Since the problem is now answered i will locked this and move to garbage section. ~Locked and Moved Happy



View user profile http://coding-spot.darkbb.com


#11

Sponsored content


 

Posted Today at 2:26 pm

 





Message (Page 1 of 1)

Permissions in this forum:
You cannot reply to topics in this forum

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None