Images in Info Center

[Streamstrider]

Would it be possible to create a code that allows me to place images (say, 25x100px) side by side in the info center, in a certain place (Location Shown Here)? The first image would be aligned to the right column of information, so that the flow would stay constant.

[Wormopolis]

what code are you using for the infocenter remodel?

[Streamstrider]

It's not a remodel. It's a combination of info center add-ons.
Member of the Month/Character of the Month
Last Updated Board
Amount Viewing in Info Center
and others that I don't believe affect that area.

I'm not sure if I'm going to keep the look, but that what this is supposed to help me decide. XD

[Wormopolis]

I just now realized a test MP remodel was running in this thread....

what was the URL to the site again? I need to see HOW those info center addons affected the sourrounding cells or what I write wont put it in the correc tplace.

[Streamstrider]

I noticed how some stuff was different. XD

weave-as-it-will.proboards.com/index.cgi

[Wormopolis]

ok.. right after this code

/* Last Updated board in Info Center
Created by CrAzY_J


insert this one

<script type="text/javascript">
<!--
// insert images into right side of IC

var ICImgArray=[ //add in as many as you want
["URL to image 1",height,width], //height and width are optional
["URL to image 2",height,width],
["URL to image 3",height,width],
["URL to image 4",height,width] //no comma last one
];


var lineBreakAfter=3; //line break after this many images in a row


var dmel=document.getElementById('starcraft_pwns');
var ICvictim=dmel.nextSibling.firstChild;
ICvictim.appendChild(document.createElement('br'));
for (aa=0; aa<ICImgArray.length; aa++) {
var nwImg=document.createElement('img');
nwImg.src=ICImgArray[aa][0];
if (ICImgArray[aa][1]) nwImg.height=ICImgArray[aa][1];
if (ICImgArray[aa][2]) nwImg.width=ICImgArray[aa][2];
ICvictim.appendChild(nwImg);
if (aa!=0 && aa%3==0) ICvictim.appendChild(document.createElement('br'));
}

// -->
</script>

[Streamstrider]

For height and width, do you have to put 'px' or is it implied? And should I keep the words 'height' and 'width' if they're not being used, or can I take them out?

I added it, and nothing.

I specified a height and width (without 'px'). And then I took out the height and width.

[Wormopolis]

I made a mistake when I changed how the array was created. recopy.

and if you dont want a height and width, just dont put them into the array elements

["URL to image 2"],

it will see they arent there and make the image whatever size its stored as. I put that in in case you had different sized images and you wanted to make sure they were always the same size.

[Streamstrider]

Still nothing.

[Wormopolis]

this line

["http://i278.photobucket.com/albums/kk119/Streamstrider182/Forum%20Images/TEST.jpg"], //height and width are optional

add the red back

[Streamstrider]

XD Awesome! Thank you, Wormo!

[Streamstrider]

Okay, I really hope you don't find this annoying or anything. XD I figured posting a new thread would be a a little redundant, unless that's what you want me to do.

A) Is it possible to add a space (kind of like just pressing the spacebar kind of space) between the images themselves, and maybe a small bit of top padding so that it's not right up against the words (total viewing in...)?

B) I was also wondering if it would be possible to have a code that places images under the left column as well? Or would they conflict?

[Wormopolis]

after this line

if (ICImgArray[aa][2]) nwImg.width=ICImgArray[aa][2];

put this

nwImg.style.paddingTop='10px'; nwImg.style.paddingLeft='5px';

---

the same images or different ones?

[Streamstrider]

A completely new set of images, also with padding.

[Streamstrider]

Should I put it in a new thread?

(I understand if you're busy. I'm just paranoid. XD)