PDA

View Full Version : Need a simple scroller, can I change the color?



etherbend
Feb 14th, 2010, 11:49 PM
OKAY, I solved the original dilema, but now I'm wondering how can I make the space between blog updates always uniform? usin <br> is getting annoying! lol. Also I would like to bring in the scroll box 10px top and sides. Not sure how to do it...

Thanks in advance! :thumbsup:

http://etherbend.com/test/blog.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Chris Keaton</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<!-- ImageReady Styles (MASTER_ARTWORK_BLOG.psd) -->
<style type="text/css">
<!--

#Table_01 {
position:absolute;
left:0px;
top:0px;
width:800px;
height:600px;
top: 0px;
left: 50%;
margin-left: -400px;
}

#blog-01_ {
position:absolute;
left:0px;
top:0px;
width:93px;
height:600px;
}

#blog-02_ {
position:absolute;
left:93px;
top:0px;
width:614px;
height:130px;
}

#KEATON-HTML-SLICES-05_ {
position:absolute;
left:707px;
top:0px;
width:93px;
height:600px;
}

#blog-04_ {
position:absolute;
left:93px;
top:130px;
width:125px;
height:20px;
}

#blog-05_ {
position:absolute;
left:218px;
top:130px;
width:103px;
height:20px;
}

#blog-06_ {
position:absolute;
left:321px;
top:130px;
width:106px;
height:20px;
}

#blog-07_ {
position:absolute;
left:427px;
top:130px;
width:102px;
height:20px;
}

#blog-08_ {
position:absolute;
left:529px;
top:130px;
width:178px;
height:20px;
}

#blog-09_ {
position:absolute;
left:93px;
top:150px;
width:614px;
height:450px;
overflow: auto;
background-image:url('images/nav/blogback.gif');
background-repeat:no-repeat;

}
body {
background-image: url(images/back.jpg);
}
.style1 {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
}
.style2 {font-family: "Courier New", Courier, monospace}


-->
</style>
<!-- End ImageReady Styles -->
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body style="background-color:#FFFFFF;" onload="MM_preloadImages('images/blog_04.gif','images/index_09.gif','images/index_10.gif','images/index_11.gif','images/index_12.gif','images/index_13.gif')">

<div id="Table_01">
<div id="blog-01_">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','93','height','600','src','images/left_gif','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/left_gif' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="93" height="600">
<param name="movie" value="images/left_gif.swf" />
<param name="quality" value="high" />
<embed src="images/left_gif.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="93" height="600"></embed>
</object></noscript>
</div>

<div id="blog-02_">
<a href="index.html"><img id="blog_02" src="images/keatontwo_02.gif" width="614" height="130" border="0" alt="" /></a> </div>

<div id="KEATON-HTML-SLICES-05_">

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','93','height','600','src','images/right_gif','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/right_gif' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="93" height="600">
<param name="movie" value="images/right_gif.swf" />
<param name="quality" value="high" />
<embed src="images/right_gif.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="93" height="600"></embed>
</object></noscript>
</div>

<div id="blog-04_"><a href="work.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','images/index_09.gif',1)"><img src="images/keatontwo_04.gif" name="Image9" width="125" height="20" border="0" id="Image9" /></a><a href="work.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/blog_04.gif',1)"> </a> </div>

<div id="blog-05_"><a href="films.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/index_10.gif',1)"><img src="images/keatontwo_05.gif" name="Image8" width="103" height="20" border="0" id="Image8" /></a></div>

<div id="blog-06_"><a href="blog.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/index_11.gif',1)"><img src="images/keatontwo_06.gif" name="Image10" width="106" height="20" border="0" id="Image10" /></a> </div>

<div id="blog-07_"><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/index_12.gif',1)"><img src="images/keatontwo_07.gif" name="Image11" width="102" height="20" border="0" id="Image11" /></a> </div>

<div id="blog-08_"><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','images/index_13.gif',1)"><img src="images/keatontwo_08.gif" name="Image12" width="178" height="20" border="0" id="Image12" /></a> </div>

<div id="blog-09_">




<h2 class="style2">February 11 - SLEEPER</h2>
<p class="style1"><IMG SRC="http://chris-keaton.com/images/blog/sleeperPoster.jpg" WIDTH=100 HEIGHT=150 align="left" hspace="5" style="border:none; padding="5">Hey, Sleeper has a poster! I just got word that it's almost ready for primetime. The final score is in and it'sn the home stretch. Once I have a trailer or some more news I'll be sure to post it here. </p>
<br><br><br><br><br><br><br><br><br>




<h2 class="style2">February 10 - NEWS PAGE</h2>
<p class="style1">Turns out that this page doesn't look so well in IE. Damn you Microsoft!!! But seriously it looks great in those other browser. So why not give Firefox a try. Although a fix is in the works, it may take some time. </p><br><br><br>




<h2 class="style2">February 4 - In The Family</h2>
<p class="style1"><A HREF="http://chris-keaton.com/images/blog/itf.jpg" target="_blank"><IMG SRC="http://chris-keaton.com/images/blog/itf.jpg" WIDTH=100 HEIGHT=150 align="left" hspace="5" style="border:none;"></A>My horror short that took 4th place in a <a href="http://dvxuser.com/V6/showthread.php?t=184958" target="_blank">Monster Script Fest</a> is now competing in a <a href="http://talenthouse.com/creativeinvites/show/detail/72" target="_blank">Talenthouse</a> contest. The winner of this contest has a chance to get filmed by <a href="http://www.fewdio.com/" target="_blank">Fewdio</a>, a real talented group of filmakers. You can read it <a href="http://talenthouse.com/creativeinvites/show/submission/detail/CRC9K5" target="_blank">>>here<a>, voting costs a dollar, so vote if you want, but if you read it, you won't be disapointed.</p><br><br><br><br><br><br><br><br>




<h2 class="style2">February 4 - Acceptable Losses</h2>

<p class="style1"><A HREF="http://chris-keaton.com/images/blog/AL-Temp_Poster.jpg" target="_blank"><IMG SRC="http://chris-keaton.com/images/blog/AL-Temp_Poster.jpg" WIDTH=100 HEIGHT=150 align="left" hspace="5" style="border:none;"></A> Chris Curl is in post production for this short and there will be a lot of post production work! Check out the <a href="http://www.facebook.com/pages/Acceptable-Losses-A-Chris-Curl-Film/366052700314" target="_blank">Facebook Fan Page</a> there are a ton of behind the scenes shots. </p><br><br><br><br><br><br><br><br><br><br>





<h2 class="style2">February 4 - Hunters Earth</h2>
<p class="style1"><A HREF="http://chris-keaton.com/images/blog/HEPoster1.jpg" target="_blank"><IMG SRC="http://chris-keaton.com/images/blog/HEPoster1.jpg" WIDTH=100 HEIGHT=150 align="left" hspace="5" style="border:none;"></A> Jason &#40;Cowboy Scene Flimss&#41; finally got a poster and a <a href="http://www.facebook.com/home.php#!/pages/Hunters-Earth/280100579206?v=wall&ref=mf" target="_blank">Facebook Fan Page</a>. The behind the scenes look good. I can't wait to see it and hear it.</p><br><br><br><br><br><br><br><br><br>




<h2 class="style2">January 23 - Taking Advantage</h2>
<p class="style1"><A HREF="http://chris-keaton.com/images/blog/TA-poster.jpg" target="_blank"><IMG SRC="http://chris-keaton.com/images/blog/TA-poster.jpg" WIDTH=100 HEIGHT=150 align="left" hspace="5" style="border:none;"></A> Vu &#40;Blue Light Pictures&#41; finally wrapped on the 2&#189; day shoot. The stills look great so far. Unfortunatly it looks like it'll come in at 8-10 minutes, when the fest requires 6 minutes, so, Vu is trimming. I guess that means there will be a directors cut for the other fests. &#58;&#41;</p><br><br><br><br><br><br><br>





<h2 class="style2">January 3 - The Devil's Toy</h2>
<p class="style1"><A HREF="http://chris-keaton.com/images/blog/tdt_big.jpg" target="_blank"><IMG SRC="http://chris-keaton.com/images/blog/tdt_big.jpg" WIDTH=100 HEIGHT=150 align="left" hspace="5" style="border:none;"></A> I&#39;ll be showing &quot;TDT&quot; as part of the Loft&#39;s First Friday Short film fest January the 8th.<br><br><br><br><br><br>

Showing starts at 9pm, but I canít say when my short will be shown. You can see the Trailer on YouTube. <a href="http://www.youtube.com/watch?v=KPoJu9LmEqg" target="_blank">>>trailer</a></p><br><br><br><br><br><br><br><br>





<h2 class="style2">January 2 - Twenty Ten</h2>
<p class="style1">Sorry, I havenít been updating this thing as much as I used to. Iíve been busy redesigning the main website and of course writing. Just to fill you in on whatís been happening.<br><br>
Iíve got at least 4 new short scripts optioned for the upcoming DVXUser Drama Fest (Betrayal). Three custom scripts and one oldie with a new twist. There are a couple feelers out
for one or two more. Iíll post the updates, production pages, posters, etc. here.<br><br>
Iíve joined HitRecord.org that produced a great short written by the very talented Sarah Daly. Check it out. HitRecord is a collaborative community that actually leads to some good finished products.<br><br>

Wow, this is getting long.<br><br>

My novel ëThe Mosaicí is nearly done. Ok, the first main draft is nearly done. We ëRick Tauboldí and I are even having a few people check it out. Iíll send the next draft to my readers, so get ready!<br><br>

Thatís it for now. Let me know what you think about the website. Thanks</p><br><br><br><br><br><br>






<h2 class="style2">November 22 - New Site - Changing</h2>
<p class="style1">Anthony Todaro is working on a revamped version of my sight. So the scripts and such will return and this blog-thing will return to being just a blog-thing.</p><br><br><br><br>

<!--end scroller-->
</div>






</div>
<!-- End ImageReady Slices -->
</body>
</html>

etherbend
Feb 15th, 2010, 12:06 AM
Please help. I'm almost there! This is my first real CSS site! Yay!

etherbend
Feb 16th, 2010, 12:48 AM
Well no help at all from anyone here :mad:

Oh well, I did figure it out on my own. :D
I guess I had a bad title? meh...

Problem solved.