WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Chatbox inquiry

View previous topic View next topic Go down  Message [Page 1 of 1]

1Chatbox inquiry Empty Chatbox inquiry Mon Sep 20, 2010 8:03 am

Blitzkrieg

Blitzkrieg
Registered Member
Registered Member
I just want to know how to make chatbox like this one:

http://graphilicious.forumotion.com/#tb

I'm using phpbb3..

http://earnmoneyonline.bforum.biz

2Chatbox inquiry Empty Re: Chatbox inquiry Sat Sep 25, 2010 12:46 am

blindbat1457


Registered Member
Registered Member
That was made using JS I believe.

3Chatbox inquiry Empty Re: Chatbox inquiry Sat Sep 25, 2010 3:55 am

Lucky

Lucky
Registered Member
Registered Member
Code:
<div class="outer" style="position: fixed; bottom: 0px; z-index: 1;">
<ul id="nav">
      <li>

        <p><a href="#"><img src="https://2img.net/h/oi39.tinypic.com/2zhf4no.png" border="0"></a></p>
        <ul>
            <li><iframe src="/chatbox/chatbox.forum" width="810px" height="200" scrolling="no" frameborder="0"></iframe></li>
        </ul>
      </li>
  </ul>

</div>

4Chatbox inquiry Empty Re: Chatbox inquiry Sat Sep 25, 2010 3:02 pm

Guest


Guest
@Lucky

i think she wants the CSS to stylish the chat buttons.
I cant give you the CSS since this is Emilio's creation and its copyrighted.
You will have to wait for his response or drop him a pm.

5Chatbox inquiry Empty Re: Chatbox inquiry Sat Sep 25, 2010 3:50 pm

ankillien

ankillien
Administrator
Administrator
I think he needs the pop up chat box code and I don't think it is done/copyrighted by Emilio. But I don't have the code for it at the moment, it can be done using javascript and iframes.

6Chatbox inquiry Empty Re: Chatbox inquiry Mon Oct 04, 2010 10:32 pm

Blitzkrieg

Blitzkrieg
Registered Member
Registered Member
ankillien is right I need the pop up chat box code...

http://earnmoneyonline.bforum.biz

7Chatbox inquiry Empty Re: Chatbox inquiry Mon Oct 04, 2010 10:45 pm

Emilio

Emilio
Registered Member
Registered Member
The pop up?

http://www.graphilicious.forumotion.Com

8Chatbox inquiry Empty Re: Chatbox inquiry Mon Oct 04, 2010 10:52 pm

ankillien

ankillien
Administrator
Administrator
He means the show/hide thing on mouse hover.

9Chatbox inquiry Empty Re: Chatbox inquiry Mon Oct 04, 2010 11:00 pm

Emilio

Emilio
Registered Member
Registered Member
1. Go to overall_header_new template and find

Code:

<body>

... Paste after it this code:

Code:
<div class="outer" style="position: fixed; bottom: 0px; z-index: 1;">
<ul id="nav">
      <li>

        <p><a href="#"><img src="http://i39.tinypic.com/2zhf4no.png" border="0"></a></p>
        <ul>
            <li><iframe src="/chatbox/chatbox.forum" width="810px" height="200" scrolling="no" frameborder="0"></iframe></li>
        </ul>
      </li>
  </ul>

</div>

*If you are using Invision or phpBB3, paste this code in your homepage message.

2. Go to your CSS and paste this code:

Code:
Code:
/* drop up */
ul#nav,ul#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#nav {
    width: 0 auto;
    height:50px;
    background: transparent;
}

ul#nav li {
    position: relative;
    float: left;
    width:190px;
    height:50px;
    background: transparent;
    color:#000;
    text-align:left;
}
ul#nav li a {
    text-decoration: none;
    color:#b00;
}
#nav li ul {
    position: absolute;
    left: 0;
    top:-150px;
    margin-left:-999em;
    border:none;
    height:455px;
    width:199px;
    background:#076380;
 /*opacity for IE5 */
  filter: alpha(opacity=70);
  /*opacity for older Mozilla browsers*/
  -moz-opacity: 0.7;
  /*opacity for mozilla/safari*/
  opacity: 0.7;

}
ul#nav li li{height:auto; width: auto; border:none; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #076380;}
ul#nav li li a{
    color:#000;
    padding:5px 10px 5px 20px;
    display:block;
}
ul#nav li:hover ul,
ul#nav li.over ul {
    margin-left:0;
}
ul#nav li:hover,
ul#nav li.over,
ul#nav li:hover a,
ul#nav li.over a {color:#000}

ul#nav li:hover li a,ul#nav li.over li a{color:#000;}
ul#nav li li a:hover{color:red;}
ul#nav li p {padding:5px;}
ul#nav li.last,ul#nav li.last ul{border:none;width:200px;}

http://www.graphilicious.forumotion.Com

10Chatbox inquiry Empty Re: Chatbox inquiry Tue Oct 05, 2010 7:46 am

Blitzkrieg

Blitzkrieg
Registered Member
Registered Member
thanks emilio....consider this solved..

http://earnmoneyonline.bforum.biz

11Chatbox inquiry Empty Re: Chatbox inquiry Tue Oct 05, 2010 8:31 am

ankillien

ankillien
Administrator
Administrator
Solved | Locked

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Chatbox inquiry

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