information blog Options

[kayiiem]

does anyone have the code for like a blog with information about yourself in it. i was looking it up in the scripts .. but i guess i didn't find it. heh .. sorry for the troublee

[talcumpowder]

You'd just write the blog..... And have info about you in it....

[kayiiem]

no but its just like a box at the top of all your entries and it just stays at the same place. i've seen it in other xanga's before.

[angelbaby317]

i think I have an idea of what your talking about. Go here and look at her first couple of layouts. Is that what you mean?

[kayiiem]

also, i have another question. how do i get that picture thing like to chnage pictures from the next? like this person HERE

[lilphoenix]

also, i have another question. how do i get that picture thing like to chnage pictures from the next? like this person HERE

first of all, thank you for looking the scripts for the custom module first! [we don't enough of that here...]
-----------------------------------------------------------------------------------------------
it's called a marquee. [if you already have a hosting site, upload the pics you want there, then use the URLS. if not, continue]

1. Check the BBOR [see sig] and choose a picture host. Sign up. [photobucket.com is a great site, you can use it for your website & it's an album. but you have to watch for the bandwidth, as with all hosts.]
2. Upload all the pics you want to use. [It's best to make them all the same size, otherwise it'll drag.]
3. Get the URL's and paste them in this code:

<!-- begin code provided by createblog.com --><br /><marquee><img src='IMG URL #1'><img scr='IMG URL #2'></marquee><br /><!-- end code provided by createblog.com -->

and if you need/want more pics, add this but make sure that it's after the <marquee> & before the </marquee>.

<!-- begin code provided by createblog.com --><br /><img src='URL'><br /><!-- end code provided by createblog.com -->

there are many varieties of marquees, the one i provided with is the most basic. it runs from left to right.

[i hope i'm allowed to redirect...] for more information about marquees, go here.

[kayiiem]

so does this marquee have like the next and preview buttons next to it? oh and thank you for the custom module code.

[lilphoenix]

so does this marquee have like the next and preview buttons next to it? oh and thank you for the custom module code.

oh.. that script. luckily i used to have the script too, glad i saved it. just follow the directions as listed.

<!-- begin code provided by createblog.com --><br /><script language="JavaScript"><br /><!--<br /><br />var current = 0;<br /><br />function imageArray()<br />{<br />  this.length = imageArray.arguments.length;<br />  for (var i = 0; i < this.length; i++)<br />  {<br />     this[i] = imageArray.arguments[i];<br />  }<br />}<br />// All images MUST BE OF THE SAME SIZE, since<br />// the dimensions of the first image will be<br />// used for all subsequent images.<br />// All the images for your slide show need to <br />// be stored in the same directory.<br />// You can use any group and any <br />// number of images. Place your images within <br />// each set of quotation marks below.<br />// If the images are all in your Angelfire <br />// images subdirectory, makes sure the name <br />// of each image starts with "images/" like<br />// in the example below.<br />var imgz = new imageArray(<br />"URL #1",<br />"URL #2",<br />"URl #3",<br />);<br /><br />document.write('<img name="myImages" border="1" src="'+imgz[0]+'">');<br /><br />function getPosition(val)<br />{<br />  var goodnum = current+val;<br />  if (goodnum < 0)<br />// This message is displayed if your visitor <br />// tries to click back past your first image.<br />// Place your message within the quotation <br />// marks below.<br />    alert("click next");<br /><br />  else<br />    if (goodnum > imgz.length-1)<br />// This message is displayed if your visitor <br />// tries to click past your last image. Place <br />// your message within the quotation marks <br />// below.<br />      alert("click previous");<br />    else<br />      document.myImages.src = imgz[goodnum];<br /><br />  current = goodnum;<br />}<br /><br />//--><br /></script><br /><!-- end code provided by createblog.com -->

if you need more, add "URL", to it.

[heyyfrankie]

^ no you are wrong. it is not a marquee. if you will notice...it is totally different from a marquee.

also, i have another question. how do i get that picture thing like to chnage pictures from the next? like this person HERE

here's the code...
PASTE EITHER IN CUSTOM HEADER OR WEBSITE STATS

<!-- begin code provided by createblog.com --><br /><script language="JavaScript"><br /><!--<br /><br />var current = 0;<br /><br />function imageArray()<br />{<br />  this.length = imageArray.arguments.length;<br />  for (var i = 0; i < this.length; i++)<br />  {<br />     this[i] = imageArray.arguments[i];<br />  }<br />}<br />// All images MUST BE OF THE SAME SIZE, since<br />// the dimensions of the first image will be<br />// used for all subsequent images.<br />// All the images for your slide show need to <br />// be stored in the same directory.<br />// You can use any group and any <br />// number of images. Place your images within <br />// each set of quotation marks below.<br />// If the images are all in your Angelfire <br />// images subdirectory, makes sure the name <br />// of each image starts with "images/" like<br />// in the example below.<br />var imgz = new imageArray("IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE");<br /><br />document.write('<img name="myImages" border="1" src="'+imgz[0]+'">');<br /><br />function getPosition(val)<br />{<br />  var goodnum = current+val;<br />  if (goodnum < 0)<br />// This message is displayed if your visitor <br />// tries to click back past your first image.<br />// Place your message within the quotation <br />// marks below.<br />    alert("click next");<br /><br />  else<br />    if (goodnum > imgz.length-1)<br />// This message is displayed if your visitor <br />// tries to click past your last image. Place <br />// your message within the quotation marks <br />// below.<br />      alert("click previous");<br />    else<br />      document.myImages.src = imgz[goodnum];<br /><br />  current = goodnum;<br />}<br /><br />//--><br /></script><br /><!-- end code provided by createblog.com -->

replace IMAGE URL HERE with the address of the desired images.
and just follow the directions in the code. XD

EDIT;; you already beat me to it. *snaps fingers*

This post has been edited by Frankie: Jun 25 2005, 12:15 PM

[kayiiem]

can i put that code in that custom module i just made?

editt//

when you upload your pictures from photobucket .. does photobucket already make your pictures the same size?

[talcumpowder]

No...... It only resizes if it's over 250kb.....

[heyyfrankie]

i wouldn't use photobucket because if your bandwidth excedes...than all of your images won't show up. i would advise using http://www.imageshack.us or http://www.uploadimages.net

[kayiiem]

wow okayy .. lol i'm soo confused right now. uhmm when you upload a pic from uploadimages .. which link do you choose?

[talcumpowder]

The one that says something like.... Direct link.

[kayiiem]

okayy .. i think i'm doing something wrong cause my picture wont show up ..

<!-- begin code provided by createblog.com --><br /><td><br /><br /><DIV style=" OVERFLOW: auto;  WIDTH: 600px; height: 100px; BACKGROUND-COLOR:<br />#FFFFFF"><!-- begin code provided by createblog.com --><br /><script language="JavaScript"><br /><!--<br /><br />var current = 0;<br /><br />function imageArray()<br />{<br />  this.length = imageArray.arguments.length;<br />  for (var i = 0; i < this.length; i++)<br />  {<br />     this[i] = imageArray.arguments[i];<br />  }<br />}<br />// All images MUST BE OF THE SAME SIZE, since<br />// the dimensions of the first image will be<br />// used for all subsequent images.<br />// All the images for your slide show need to <br />// be stored in the same directory.<br />// You can use any group and any <br />// number of images. Place your images within <br />// each set of quotation marks below.<br />// If the images are all in your Angelfire <br />// images subdirectory, makes sure the name <br />// of each image starts with "images/" like<br />// in the example below.<br />var imgz = new imageArray("http://img2.uploadimages.net/442163Picture_278.jpg",<br />"<img src="",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE",<br />"IMAGE URL HERE");<br /><br />document.write('<img name="myImages" border="1" src="'+imgz[0]+'">');<br /><br />function getPosition(val)<br />{<br />  var goodnum = current+val;<br />  if (goodnum < 0)<br />// This message is displayed if your visitor <br />// tries to click back past your first image.<br />// Place your message within the quotation <br />// marks below.<br />    alert("click next");<br /><br />  else<br />    if (goodnum > imgz.length-1)<br />// This message is displayed if your visitor <br />// tries to click past your last image. Place <br />// your message within the quotation marks <br />// below.<br />      alert("click previous");<br />    else<br />      document.myImages.src = imgz[goodnum];<br /><br />  current = goodnum;<br />}<br /><br />//--><br /></script><br /><!-- end code provided by createblog.com -->this girl`s name is <b>kim</b>. some call her <u>luuser</u>. she was born <em>100 percent</em> <b>vietnamese</b> on <em>march</em> <u>6</u> of <b>'91</b>. she`s currently living in <b>connecticut</b>;; she`s taken her education at the <em>highschool</em> as a fourteen year old <b>freshman</b>. this <u>behbii</u> is standin` tall at <b>5'3"</b> and lovin` her <em>man</em> so don't bother <b>=P</b> she <em>loves</em> hanging out with her friends, <b>hollister</b>, <em>abercrombie</em>, AIM, phonee, singing, dancing, sunsets, beaches, tanning, earings, necklaces, <b>junior</b> <em>;]</em>, eyeliner, clothes, <b>and</b> dogs . she <em>hates</em> liars, <b>backstabbers</b>, people who <u>don't</u> take shower, <b>bad hair days</b>, out of style clothes, etc. she's pretty <em>nice</em> but if you piss her off she`ll be the <b>biggest pain in the ass</b> you have ever met. but just <u>chill</u> cause she's a <b>normal</b> teenager living life to the <u>fullest</u> <b>=]</b> </div></td><br /><!-- end code provided by createblog.com -->

heres what i'm putting up in my xanga.

if you wanna see my xanga click HERE



edit//

also, how do i get the the text in my costume module to the left side. i try adding the text-align thing to it .. but it didnt take any effect

[talcumpowder]

Why use that script if there's only one picture? And what's this?

CODE

<img src="

[heyyfrankie]

^ why would you ask for that slideshow code when you are only going to put one image on there?

and to align the text to the left...use this code:

CODE

<p align="left">CONTENT HERE</p>

[kayiiem]

i'm still adding more pictures to it. i was just testing it out

edit//

okay so i added all my pictures in .. and they look huge .. but theres no button that say like next or previous under it.

heres what the code looks like

<!-- begin code provided by createblog.com --><br /><td><br /><br /><DIV style=" OVERFLOW: auto;  WIDTH: 600px; height: 210px; BACKGROUND-COLOR:<br />#FFFFFF"><p align="left"><!-- begin code provided by createblog.com --><br /><script language="JavaScript"><br /><!--<br /><br />var current = 0;<br /><br />function imageArray()<br />{<br />  this.length = imageArray.arguments.length;<br />  for (var i = 0; i < this.length; i++)<br />  {<br />     this[i] = imageArray.arguments[i];<br />  }<br />}<br />// All images MUST BE OF THE SAME SIZE, since<br />// the dimensions of the first image will be<br />// used for all subsequent images.<br />// All the images for your slide show need to <br />// be stored in the same directory.<br />// You can use any group and any <br />// number of images. Place your images within <br />// each set of quotation marks below.<br />// If the images are all in your Angelfire <br />// images subdirectory, makes sure the name <br />// of each image starts with "images/" like<br />// in the example below.<br />var imgz = new imageArray("http://img2.uploadimages.net/672911Picture_293.jpg",<br />"http://img2.uploadimages.net/483339Picture_274.jpg",<br />"http://img2.uploadimages.net/651400Picture_276.jpg",<br />"http://img2.uploadimages.net/100309Picture_278.jpg",<br />"http://img2.uploadimages.net/973036Picture_279.jpg",<br />"http://img2.uploadimages.net/658236Picture_297.jpg",<br />"",<br />"http://img2.uploadimages.net/604477Picture_277.jpg",<br />"IMAGE URL HERE");<br /><br />document.write('<img name="myImages" border="1" src="'+imgz[0]+'">');<br /><br />function getPosition(val)<br />{<br />  var goodnum = current+val;<br />  if (goodnum < 0)<br />// This message is displayed if your visitor <br />// tries to click back past your first image.<br />// Place your message within the quotation <br />// marks below.<br />    alert("click next");<br /><br />  else<br />    if (goodnum > imgz.length-1)<br />// This message is displayed if your visitor <br />// tries to click past your last image. Place <br />// your message within the quotation marks <br />// below.<br />      alert("click previous");<br />    else<br />      document.myImages.src = imgz[goodnum];<br /><br />  current = goodnum;<br />}<br /><br />//--><br /></script><br /><!-- end code provided by createblog.com -->this girl`s name is <b>kim</b>. some call her <u>luuser</u>. she was born <em>100 percent</em> <b>vietnamese</b> on <em>march</em> <u>6</u> of <b>'91</b>. she`s currently living in <b>connecticut</b>;; she`s taken her education at the <em>highschool</em> as a fourteen year old <b>freshman</b>. this <u>behbii</u> is standin` tall at <b>5'3"</b> and lovin` her <em>man</em> so don't bother <b>=P</b> she <em>loves</em> hanging out with her friends, <b>hollister</b>, <em>abercrombie</em>, AIM, phonee, singing, dancing, sunsets, beaches, tanning, earings, necklaces, <b>junior</b> <em>;]</em>, eyeliner, clothes, <b>and</b> dogs . she <em>hates</em> liars, <b>backstabbers</b>, people who <u>don't</u> take shower, <b>bad hair days</b>, out of style clothes, etc. she's pretty <em>nice</em> but if you piss her off she`ll be the <b>biggest pain in the ass</b> you have ever met. but just <u>chill</u> cause she's a <b>normal</b> teenager living life to the <u>fullest</u> <b>=]</b></p></div></td><br /><!-- end code provided by createblog.com -->

[largosama]

you need to add links to apply the function in the script that allows image change

you can use buttons:

HTML

<input type="button" value="« prev" onclick="getPosition(-1)">
<input type="button" value="next »" onclick="getPosition(1)">

or links:

HTML

<a href="#" onclick="getPosition(-1)">« prev</a> <a href="#" onclick="getPosition(1)">next »</a>

[kayiiem]

okay so do i put the buttons right after the code .. or before?

edit//

nvm i got it. thank you! lol .. i just have one more quesiton about this. do you know how i can get the words to fill in the spaces next to the picture on the right side. and have the next and preview buttons under the picture. thankssss

[lilphoenix]

okay so do i put the buttons right after the code .. or before?

hey, did you make sure that ALL of the pics are the same size? i clicked on your xanga and saw that some weren't...

[kayiiem]

i didn't really know how to make them exact .. i just like resized them all like on paint and i just estimated

[lilphoenix]

hmm... all you have is Paint? no other image programs?

[largosama]

you can force the images to the same size by replacing this line in the java script:

HTML

document.write('<img name="myImages" border="1" src="'+imgz[0]+'">');

with

HTML

document.write('<img name="myImages" height="" width="" border="1" src="'+imgz[0]+'">');

add numerical values for your height and width (preferably the ones of the smallest image)

[kayiiem]

okay so once i have the the pictures all the same size would the text line up exactly next to the picture? or is there a code for thaat?

[heyyfrankie]

what do you mean line up? try this....

CODE

<IMG src="IMAGE URL HERE" align="LEFT OR RIGHT">

add the image url and change the alignment to either left or right. the alignment is referring to the picture.

[kayiiem]

no not the alignment of the picture but the text like the information about me line up against the pictures

[talcumpowder]

That's what he just gave you.

[kayiiem]

the alignment is referring to the picture.

okayy uhmm no .. he said that was lining up the picture i don't want the picture to line up i want the text

[talcumpowder]

Alignment of the picture in relation to the text. =S

[kayiiem]

soo do i replace this code

<!-- begin code provided by createblog.com --><br />"http://img2.uploadimages.net/483339Picture_274.jpg",<br /><!-- end code provided by createblog.com -->

with this

<!-- begin code provided by createblog.com --><br /><IMG src="IMAGE URL HERE" align="LEFT OR RIGHT"><br /><!-- end code provided by createblog.com -->