Log in

View Full Version : 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.


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

http://aycu31.webshots.com/image/37030/2001928881736521124_rs.jpg (http://allyoucanupload.webshots.com/v/2001928881736521124)



$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


#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



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