Scroll box
You can place the code on a web page, profile, widget, etc. These
codes create a scroll box that will open another web page inside the
scroll box. If there is writing only in the top left of the referenced
web page, then the scroll box will only scroll that section. You will
need to replace the words in red, "
URL
of Page to be inside box",
with the URL of the page you want seen inside the box. You can also
change the width, height, border, etc. of the scroll box itself by
changing the
attributes
in the code. Have fun!
Note: To make the links of the target page open a full window rather
than inside the scroll box, then add -
target="_parent"
- to all of the links on the target HTML page.
Example:
<a href="http://ccs.110mb.com/eons/StudioLinks.html"
target="_parent">The
Studio Index</a>
1. Original mbotos code:
<!-- position:absolute; left:77;
top:77; --><br /><br
/></p><br /><br
/><div style="width:
400; height:
400;
clip:rect(0,404,404,0);
background:
#FFF;"><br
/><br /> <iframe src="
URL of Page to be inside box"
width="
400"
height="
400"
marginwidth="0" marginheight="0"
frameborder="no" scrolling="yes" style="border-width:
2px;
border-color:
#333;
background:
#FFF;
border-style:
solid;"><br
/></iframe> <br /><br
/></div>
2. Code for "Interesting People" - The first section of this
code is the title above the scroll box:
<div style="text-align: center; color: rgb(0, 0, 102);
font-style: italic;"><big>Interesting
People</big></div><center><!--
position:absolute; left:77; top:77; --><div style="width:
280; height:
200;
clip:rect(0,404,404,0); background:
#FFF;"><iframe
id="favpeeps" name="favpeeps" src="
URL
of Page to be inside box" width="
280" height="
200"
marginwidth="0" marginheight="0" frameborder="no" scrolling="yes"
style="border-width:
2px;
border-color:
maroon;
background:
#FFF;
border-style:
dotted;"></iframe></div></center>
3. Sticky Announcement Scroll Box
<!-- position:absolute; left:77; top:77; --><div
style="width:
525;
height:
150;
clip:rect(0,404,404,0); background:
#FFF;"><iframe
id="stlinks" name="stlinks" src="
http://ccs.110mb.com/eons/studiomenu.html"
width="
525"
height="
150"
marginwidth="0" marginheight="0" frameborder="no" scrolling="yes"
style="border-width:
5px;
border-color:
maroon;
background:
#FFF;
border-style:
double;"></iframe></div>You
can also <a
href="http://ccs.110mb.com/eons/studiomenu.html">Click
Here</a> to go to the full menu</div>
If you want to have a menu in your sticky, profile page or
web
site, feel free to use the above code and the HTML file "studio.menu"
as a template if you want. Just go to the full studio.menu -
http://ccs.110mb.com/eons/studiomenu.html - and view and/or save
source. You will need to change the URL link (in red) in the scroll box
code to link it to the menu file you made. Using Komposer or another
HTML editor will make it easier to change in the information in the
table, but that's your choice. Remember to add -
target="_parent"
- to all of the links on the target HTML page!
Indent
with Image Width
Changed to 10px
