div frames, really need help

**Chadi** · 12-21-2007, 02:51 AM

Been waiting a few days for responses from vbulletin forums, but I got nothing.

I added a new template called custom_chat

However, if I wish to include this template automatically in another custom page, what should the code be?

For example, most templates have

$header
$navbar

What would the code be to include the added template named custom_chat?

I tried the below (with and without "custom_" prefix) but it did not pull up the content accordingly.

Code:

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
  <title>Christian Chat Room</title>
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  <meta content="Christian Chat Room" name="description">
  <meta content="Christian Chat Room" name="keywords">
<style type="test/css">
<!--
#leftframe {
   display: block;
   height: 600px;
   margin: 0 25% 0 0;
   overflow: scroll;
}

#rightrame {
  float: right;
  width: 25%;
  height: 600px;
  display: block;
  overflow: auto;
}

-->
</style>
</head>
<body>
$header
$navbar

<div id="chatcontainer">

<div id="rightframe">
test
</div>

<div id="leftframe">
$chatroom
</div>

</div>

$footer
</body>
</html>

I tried this also

Code:

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
  <title>Christian Chat Room</title>
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  <meta content="Christian Chat Room" name="description">
  <meta content="Christian Chat Room" name="keywords">
<style type="test/css">
<!--
#leftframe {
   display: block;
   height: 600px;
   margin: 0 25% 0 0;
   overflow: scroll;
}

#rightrame {
  float: right;
  width: 25%;
  height: 600px;
  display: block;
  overflow: auto;
}

-->
</style>
</head>
<body>
$header
$navbar

<div id="chatcontainer">

<div id="rightframe">
test 123
</div>

<div id="leftframe">
$misc.php?do=page&template=chatroom
</div>

</div>

$footer
</body>
</html>

and it did not work. That actual template name is custom_chatroom

I also tried without the "$" and both methods only shows the actual link.

On a side note, I tried this code but it appeared this way on top of each other instead of two side by side columns.

Code:

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
  <title>Christian Chat Room</title>
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  <meta content="Christian Chat Room" name="description">
  <meta content="Christian Chat Room" name="keywords">
<style type="test/css">
<!--
#leftframe {
   display: block;
   height: 600px;
   margin: 0 25% 0 0;
   overflow: scroll;
}

#rightrame {
  float: right;
  width: 25%;
  height: 600px;
  display: block;
  overflow: auto;
}

-->
</style>
</head>
<body>
$header
$navbar

<div id="chatcontainer">

<div id="rightframe">
test right
</div>

<div id="leftframe">
test left
</div>

</div>

$footer
</body>
</html>

**BLiZZaRD** · 12-21-2007, 03:46 PM

you will have to have the container div display:inline; Or else they will stack. So...

for #chatcontainer

Code:

#chatcontainer {
           display: inline;
}

add that to your CSS and it should help.

**Chadi** · 12-21-2007, 07:06 PM

Still stacks on top of each other

Code:

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
  <title>Christian Chat Room</title>
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  <meta content="Christian Chat Room" name="description">
  <meta content="Christian Chat Room" name="keywords">
<style type="test/css">
<!--
#leftframe {
   display: block;
   height: 600px;
   margin: 0 25% 0 0;
   overflow: scroll;
}

#rightrame {
  float: right;
  width: 25%;
  height: 600px;
  display: block;
  overflow: auto;
}
#chatcontainer {
  display: inline;
}

-->
</style>
</head>
<body>
$header
$navbar

<div id="chatcontainer">

<div id="rightframe">
test right
</div>

<div id="leftframe">
test left
</div>

</div>

$footer
</body>
</html>

Thread: div frames, really need help

Thread Tools

Search Thread

div frames, really need help

Bookmarks

Bookmarks

Posting Permissions