Flames

[Wormopolis]

a folder on fire sort of defeats the purpose of the code really.. I was intending to eliminate the folder column completely and put something animated in the title cell

[Streamstrider]

Isn't there a separate column beside the folder column? Why not put the flame and ice backgrounds there? Or even replace the icon/fill the column with the appropriate background?

[Wormopolis]

the topic icon?

[Streamstrider]

This is kind of what I was thinking, either with or without the folder icons. (If you choose to remove the folder icons, you might need to come up with a way to indicate that a thread is locked. Personally, I think the folders could be kept. The topic icons are the ones that seem a little silly to me.)



Here's an idea for indicators, if you choose to remove the folders and can do something like this:

• Locked [Normal] :: Ice Crystals or Something Cold Feeling
  
• Locked [Stickied or Announced] :: Blue Fire Instead of Red
  
• Announcement/Sticky [Unlocked] :: Maintain Blue Fire (Or put blue explosion)
  
• Posted in Within 1 Week :: Bright Flame
  
• Posted in Within 2 Weeks :: Medium Flame
  
• Posted in Within 3 or 4 Weeks :: Low Flame
  
• Post in Within 5 or More Weeks :: Sparks
  

Depending on the code, I would suppose it would be possible for admins to replace the original images if they so choose. (Though I would think the code would have to do background, and not simply input an image, because it might look funny if the cell is wider or taller than the image.)

[Wormopolis]

this board in particular uses topic icons to denote request status.. so I need them here. in general though, I like your idea...

the code would have an array setup for images and post age. I was thinking of making it by days, so 0 days (today) would have an image, 1 day (yesterday) would have a different one, and you could then setup your own range of days after that. if it fell into one range but not the next it goes with the last image it found. different images for stuckied/locked/announce couldalso be a seperate array. all images would become backgrounds.

what Im currently thnking is having the flames START in the folder icon area.. and decrease in height the farther left.. but Im researching CSS to see if thats even possible.

[Streamstrider]

What if you made different versions to allow for the use of either column? That way, people who use the topic icons can keep them and replace the folders, while those who don't need either the folders or the topic icons could just not deal with it.

Like, having an option in the code to keep or not keep the topic icon column.

[Wormopolis]

not really different versions.. that would be a nightmare to support. it would be better to just have a variable in the code that allowed you to use one or the other or both

[Streamstrider]

Yeah, that's what I meant in the last part of my post. XD

[hobo]

ANYWAYS!

[Wormopolis]

I actually have the CSS make the flame lower based on age of posts currently. Im only using 1 image. I also randomized the horizontal repeat so 2 adjacent cells dont look exactly alike anymore.

[hobo]

so can you post the code for making the flames? i want it!!!

[Wormopolis]


<script type="text/javascript">
<!--
//  hot threads by Wormopolis
//  www.wormocodes.com
//  keep header intact

var tstArray=['jan','feb','mar','apr','may','jun','jul','aug','sept','oct','nov','dec'];
var snuffFire=14;  //days before flame is totally snuffed out

if (pb_action=='boardindex') {
 var todayDate=new Date();
 for (tds=document.getElementsByTagName('td'), tt=0; tt<tds.length; tt++) {
   if (tds[tt].width=='48%' && tds[tt].nextSibling.nextSibling.nextSibling.nextSibling.width=='20%') {
     var lpcell=tds[tt].nextSibling.nextSibling.nextSibling.nextSibling;
     var dayPerc;
     if (lpcell.innerHTML.match('Today')) dayPerc=100;
     else if (lpcell.innerHTML.match('Yesterday')) dayPerc=90;
     else if (lpcell.innerHTML.match(/>(.*?)\s(\d+), (\d+),/)) {
       tmpMnth=RegExp.$1;  tmpDate=RegExp.$2; tmpYr=RegExp.$3;
       for (mm=0; mm<tstArray.length; mm++) if (tmpMnth.toLowerCase()==tstArray[mm]) {tmpMnth=mm; break;}
       var tmpdt=new Date();  tmpdt.setMonth(tmpMnth); tmpdt.setDate(tmpDate); tmpdt.setFullYear(tmpYr);
       tmp=(todayDate-tmpdt)/(1000*60*60*24);
       dayPerc=(tmp > snuffFire ? 0 : 90 - parseInt((tmp/snuffFire)*90) );
     }
     if (dayPerc > 0) {
       tds[tt].style.backgroundImage="url(http://i197.photobucket.com/albums/aa250/WORMOPOLIS/Flamesexample2.gif)";
       tds[tt].style.backgroundPosition= parseInt(Math.random()*100)+'% '+dayPerc+'%';
       tds[tt].style.backgroundRepeat="repeat-x";
       for (cn=tds[tt].getElementsByTagName('font'), cc=0; cc<cn.length; cc++) cn[cc].style.backgroundColor=tds[tt].bgColor;
     }
   }
 }
}
// -->
</script>


[Streamstrider]

I like what you did with it, Wormo. Looks more seamless than before.

[Wormopolis]

havent done anything with icicle images... might have to come back to it.

[Streamstrider]

Does it go in the header or footer? (And can it just be used for one board instead of all of them?)