• Help
  • Search
  • Login
  • Register
  • Home

Forum: web design and graphics community

Celestial Star Forum > Web Development > Coding > help
Pages: [1] 2
« previous next »
  Print  
Author Topic: help  (Read 2490 times)
endless-bliss
Angeling
*
Posts: 15



View Profile
help
« on: March 05, 2006, 04:31:53 PM »
hey! im sorry if i posted this thread in the wrong messgae board. my quesion below: ive been trying to look for tutorials, on how to put a scrollbar, but i cant find any. thanks in advance!!

=^.^=Sydney
:::::::::::::::::::::::::::::
View image
Logged
img]http://i2.photobucket.com/albums/y4/sizzling_spunky/spork.gif[/img]
endless-bliss
Angeling
*
Posts: 15



View Profile
help
« Reply #1 on: March 05, 2006, 04:32:39 PM »
i want to thank celestial-star gallery for the awesome pic!!! yeah!!
Logged
img]http://i2.photobucket.com/albums/y4/sizzling_spunky/spork.gif[/img]
fedekiller
Shelter
****
Posts: 204



View Profile WWW
help
« Reply #2 on: March 05, 2006, 05:29:43 PM »
lol there are 2 ways of making n scrollbar there
1. using iframe
2. using div

if using iframe, instead of the content there, put this code

Code:
<iframe name="iframe" src="urmainpage.htm" height="100%" width="100%" scrolling="auto" frameborder="0"></iframe>


If usgin div
Code:
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<div id="Name" style="position:absolute; width:numberpx; height:numberpx; z-index:1; overflow: scroll;"></div>
Logged
endless-bliss
Angeling
*
Posts: 15



View Profile
help
« Reply #3 on: March 05, 2006, 06:02:21 PM »
hey! thanks a bunch! so do i just post the code anywhere?? or do i have to post it in a certain place in the html code? for example do i put it in <body>?

im sorry, cuz im all new in these kind of stuff.

=^.^=
Logged
img]http://i2.photobucket.com/albums/y4/sizzling_spunky/spork.gif[/img]
fedekiller
Shelter
****
Posts: 204



View Profile WWW
help
« Reply #4 on: March 05, 2006, 07:52:35 PM »
just paste it in the place where u wanna add the bar, i think where the content is, delete the content, or cut it, apste it in a new page, and paste the code where the content was, then edit urmainpage.htm to the page where u paste the content
Thats whith iframe, i recomend iframe :D
Logged
endless-bliss
Angeling
*
Posts: 15



View Profile
help
« Reply #5 on: March 05, 2006, 07:59:59 PM »
oh ok. Thanks

wen u said the 'content' do u mean the things i wrote in the section i want the scrollbar to be?? sorry, i know im bugging u, anywayz can u please tell me where should I put the code. heres the html thing, so u can jsut tell me what shoudl i erase and where shoudl i add the code.
Im so so so so sorry. Thanks a bunch!!! =^.^=

Code:
<html>
<head><META HTTP-EQUIV="Expires" CONTENT="-1">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

<title>Entwined</title>
<link rel="stylesheet" href="style.css" type="text/css">
<META http-equiv=imagetoolbar content=no>
<style type="text/css">
Body {background-color: #FFFFFF; background-image: url('bg.jpg'); background-repeat: repeat-y</style>
</head>
<STYLE type="text/css">
<!--
a:link{COLOR: 000000; TEXT-DECORATION: none; font-weight: normal;}
a:visited{COLOR: 000000; TEXT-DECORATION: none; font-weight: normal;}
a:active{COLOR: 000000; TEXT-DECORATION: none; font-weight: normal;}
a:hover{COLOR: 000000; TEXT-DECORATION: none; cursor:se-resize;}
-->
</STYLE>


<body><script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

<div style="position: absolute; top: 0px; left: 0px;">
<img src="01.jpg" width="800" height="210"><br>
<img src="02.jpg" width="800" height="210"><br>
<img src="03.jpg" width="785" height="182"><br>

</div>


<!--NAVIGATION STARTS HERE-->


<div style="position: absolute; top: 235px; left: 15px; width: 155px;">
<p class=head style="text-align:left"> </p>
<font face="Verdana" size="1">
|| <a href="">About</a><br>
|| <a href="">Contact</a><br>
|| <a href="">Tutorials</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href=":Add This Page To Your Favorites!" onDragstart="return false" onClick='window.external.AddFavorite(location.href, document.title);return false'>Favorite?</a></font><br>



<!--NAVIGATION ENDS HERE-->

<!--CONTENT STARTS HERE-->

<div style="position: absolute; top: 1; left: 120; width: 218;">
<p class=head style="text-align:left"><font face="Verdana" size="1"><b><h6>Welcome</h6>
</b></font></p>
<p><font face="Verdana" size="1"></font><font face="Verdana" size="1">blah blah blah blah blah blah</font></p>
<p class=head style="text-align:left"><font face="Verdana" size="1"><b><h6>Updates</h6>
</b></font></p>
<p><font face="Verdana" size="1"></font><font face="Verdana" size="1">
blah blah blah blah blah blah</p>
<table width="175" cellspacing="1" cellpadding="1">
<td style="border:1px solid #000000" bgcolor="#4D6281" align="justify" valign="top">
<font size="1"><b>Random Gossip</b></font>
</td></tr> </table>

<table width="175" cellspacing="1" cellpadding="1">
<td style="border:1px solid #000000" bgcolor="76A5B9" align="justify" valign="top">
<font size="1">blah blah blah blah blah blah=^.^=</font></td></tr></table>

<table width="175" cellspacing="1" cellpadding="1">
<td style="border:1px solid #000000" bgcolor="#4D6281" align="justify" valign="top">
<font size="1"><i>Sydney @ 4:33pm on 3/5/06</i></font>
</td></tr></table>
</center>


 
</div>

<style>

BODY{
scrollbar-face-color:#4D6281;
scrollbar-shadow-color:#FFFFFF;
}

</stlye>{  }


<!--BODY{
scrollbar-face-color:4D6281;
scrollbar-shadow-color:40FF40;
scrollbar-3dlight-color:617784;
scrollbar-arrow-color:1B1C3B;
scrollbar-base-color:40FF40;
scrollbar-track-color:6E9BAE;
scrollbar-darkshadow-color:1B1C3B;
scrollbar-highlight-color:83BDCB;
scrollbar-shadow-color:FFFFFF;
}-->

CONTENT ENDS HERE-->


</body>
</html>
Logged
img]http://i2.photobucket.com/albums/y4/sizzling_spunky/spork.gif[/img]
fedekiller
Shelter
****
Posts: 204



View Profile WWW
help
« Reply #6 on: March 05, 2006, 08:30:06 PM »
Here its the htm edited with the scrollbars u were using div so i just edited some stuff

Code:
<html>
<head><META HTTP-EQUIV="Expires" CONTENT="-1">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

<title>Entwined</title>
<link rel="stylesheet" href="style.css" type="text/css">
<META http-equiv=imagetoolbar content=no>
</head>
<style>
body{
background-color: #FFFFFF; background-image: url('bg.jpg'); background-repeat: repeat-y;
a:link{COLOR: 000000; TEXT-DECORATION: none; font-weight: normal;
a:visited{COLOR: 000000; TEXT-DECORATION: none; font-weight: normal;
a:active{COLOR: 000000; TEXT-DECORATION: none; font-weight: normal;
a:hover{COLOR: 000000; TEXT-DECORATION: none; cursor:se-resize;
scrollbar-face-color:#4D6281;
scrollbar-shadow-color:#FFFFFF;
scrollbar-face-color:4D6281;
scrollbar-shadow-color:40FF40;
scrollbar-3dlight-color:617784;
scrollbar-arrow-color:1B1C3B;
scrollbar-base-color:40FF40;
scrollbar-track-color:6E9BAE;
scrollbar-darkshadow-color:1B1C3B;
scrollbar-highlight-color:83BDCB;
scrollbar-shadow-color:FFFFFF;
}
</style>


<body><script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

<div style="position: absolute; top: 0px; left: 0px;">
<img src="01.jpg" width="800" height="210"><br>
<img src="02.jpg" width="800" height="210"><br>
<img src="03.jpg" width="785" height="182"><br>

</div>


<!--NAVIGATION STARTS HERE-->


<div style="position: absolute; top: 235px; left: 15px; width: 155px;">
<p class=head style="text-align:left"> </p>
<font face="Verdana" size="1">
|| <a href="">About</a><br>
|| <a href="">Contact</a><br>
|| <a href="">Tutorials</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href="">Link Here</a><br>
|| <a href=":Add This Page To Your Favorites!" onDragstart="return false" onClick='window.external.AddFavorite(location.href, document.title);return false'>Favorite?</a></font><br>



<!--NAVIGATION ENDS HERE-->

<!--CONTENT STARTS HERE-->

<div style="position: absolute; top: 1; left: 120; width: 222px; overflow: scroll; height: 308px;">
<p class=head style="text-align:left"><font face="Verdana" size="1"><b><h6>Welcome</h6>
</b></font></p>
<p><font face="Verdana" size="1"></font><font face="Verdana" size="1">blah blah blah blah blah blah</font></p>
<p class=head style="text-align:left"><font face="Verdana" size="1"><b><h6>Updates</h6>
</b></font></p>
<p><font face="Verdana" size="1"></font><font face="Verdana" size="1">
blah blah blah blah blah blah</p>
<table width="175" cellspacing="1" cellpadding="1">
<td style="border:1px solid #000000" bgcolor="#4D6281" align="justify" valign="top">
<font size="1"><b>Random Gossip</b></font>
</td></tr> </table>

<table width="175" cellspacing="1" cellpadding="1">
<td style="border:1px solid #000000" bgcolor="76A5B9" align="justify" valign="top">
<font size="1">blah blah blah blah blah blah=^.^=</font></td></tr></table>

<table width="175" cellspacing="1" cellpadding="1">
<td style="border:1px solid #000000" bgcolor="#4D6281" align="justify" valign="top">
<font size="1"><i>Sydney @ 4:33pm on 3/5/06</i></font>
</td></tr></table>
</center>
<!--CONTENT ENDS HERE-->

 
</div>
</body>
</html>


EDIT: fixed some css stuff
Logged
endless-bliss
Angeling
*
Posts: 15



View Profile
help
« Reply #7 on: March 05, 2006, 09:12:38 PM »
oh..thanks so much!! i really really  really really appreciate it!! omg!! thank u thank u thank u!!!!! Thanks again!!!!

=^.^=
Logged
img]http://i2.photobucket.com/albums/y4/sizzling_spunky/spork.gif[/img]
endless-bliss
Angeling
*
Posts: 15



View Profile
help
« Reply #8 on: March 05, 2006, 09:20:25 PM »
omg! thank u again! it worked!!!!!!!

=^.^=!
Logged
img]http://i2.photobucket.com/albums/y4/sizzling_spunky/spork.gif[/img]
endless-bliss
Angeling
*
Posts: 15



View Profile
help
« Reply #9 on: March 05, 2006, 09:23:41 PM »
im so going to give u credit in mah site for helping me coding my layout...=) so ima give dredit u by linking ur site. i saw ur site. its awesome!!!
Logged
img]http://i2.photobucket.com/albums/y4/sizzling_spunky/spork.gif[/img]
fedekiller
Shelter
****
Posts: 204



View Profile WWW
help
« Reply #10 on: March 05, 2006, 09:47:56 PM »
^-^ thanks :D join my button ratation :D  xD
Im glad i could help ^^
Logged
endless-bliss
Angeling
*
Posts: 15



View Profile
help
« Reply #11 on: March 06, 2006, 11:34:31 PM »
i will! wen im done with mah site! im wrking on it!

=^.^=
Logged
img]http://i2.photobucket.com/albums/y4/sizzling_spunky/spork.gif[/img]
supersonic
Skogul
**
Posts: 31



View Profile WWW
help
« Reply #12 on: March 11, 2006, 10:27:20 PM »
lol youre so hyper, it cheered me up =P

And i saw the image from your sig, its so pretty! What/who is that?
Logged
endless-bliss
Angeling
*
Posts: 15



View Profile
help
« Reply #13 on: March 17, 2006, 09:29:03 PM »
Quote from: "supersonic"
lol youre so hyper, it cheered me up =P

And i saw the image from your sig, its so pretty! What/who is that?


yep. iam hyper.....lol.....which image in my siggy??
Logged
img]http://i2.photobucket.com/albums/y4/sizzling_spunky/spork.gif[/img]
fedekiller
Shelter
****
Posts: 204



View Profile WWW
help
« Reply #14 on: March 18, 2006, 10:03:26 AM »
lol she has 5 aimges xD
Logged
Pages: [1] 2
  Print  
« previous next »
 
Jump to:  

  • Welcome, Guest
  • Members login
  • Register for free

General

  • General
  • New members
  • Announcements
  • Support / Suggestions

Art boards

  • Creative mediums
  • Requests and offers
  • Tutorials
  • Celestial Star tutorials

Web development

  • Coding
  • Web design
  • Advertisements / affiliation

Off-topic

  • The non-sense
  • Ententainment
Go up
eXTReMe Tracker
  • Valid XHTML
  • Valid CSS
Powered by SMF 1.1.2 | SMF © 2006-2007, Simple Machines LLC | Seo4Smf v0.2 © Webmaster's Talks
Loading...