Skip to main content

Banner Sponsors

Intercal Trading Group - Your mohair supplier
Tedsby - Handmade teddy bears and other cute stuffed animals. Hundreds of teddy artists from all over the world and thousands of OOAK creations.

Laura Lynn Teddy Bear Academy
Nicholasville, KY
Posts: 3,653
Website

Laura Lynn Banner Sponsor

Hi all!

I just wrote an email to Daphne when she asked a couple of questions about how I did some effects on my site... and thought I'd just copy it here too.  Thought I'd start another thread as it's not really about making bears...


Well, I know some HTML.... I know enough to do what I want to do LOL!  Whenever I want to learn how to do something new... I usually "google" it bear_original  But I'm more than happy to share where I learned it!!  No secrets here bear_original     I have NO idea how to use Frontpage (or any other program) though.  I can tell you the script to use... but I don't know how to insert it into website programs....

Here's a great site:

http://www.dynamicdrive.com/

Oh they have SO many cool things you can do to your site!  This is where I found the slide show (under Image Effects).  I used the Fade In Slide Show.  They give you the script you need to copy and paste into your site.  And they tell you which small parts you need to change to customize it.   

For instance... in the middle of the code they have:

***********************************************/
var slideshow_width='140px' //SET IMAGE WIDTH
var slideshow_height='225px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fadeimages=new Array()
//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages[1]=["photo2.jpg", "http://www.google.com", ""] //image with link syntax
fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
////NO need to edit beyond here/////////////


They tell ya here what you need to change for your own slide show.  To give you a "for instance... here's my changes (in bold)....

***********************************************/
var slideshow_width='403px' //SET IMAGE WIDTH
var slideshow_height='375px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fadeimages=new Array()
//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
fadeimages[0]=['http://teddiesbylauralynn.com/photos/aboutme/1.gif', '', '']
fadeimages[1]=['http://teddiesbylauralynn.com/photos/aboutme/2.gif', '', '']
fadeimages[2]=['http://teddiesbylauralynn.com/photos/aboutme/3.gif', '', '']
fadeimages[3]=['http://teddiesbylauralynn.com/photos/aboutme/4.gif', '', '']
  (and the rest of my photos....)
////NO need to edit beyond here/////////////

Although you CAN have your photos linked to another page and... I chose not to do it. 

I wanted my eBay "About Me" page to be similar to my home page.  BUT... they don't allow javascript!  (and that's what this slideshow IS) 

So I used very basic HTML coding (no java script) for a standard "marquee".  I just inserted photos instead of text!  You can adjust the width of the marqee.  First, here's a link to my About Me page....

http://cgi3.ebay.com/ws/eBayISAPI.dll?V … uralynn777

Now here's the script for the marquee.....  (I made the marquee width shorter than normal)

<marquee width="400" style="font-family: Comic Sans MS; font-size: 12pt; color: #6B2931">
<!-- *********************************************************** -->

<!-- Start your marquee here -->
<img src="http://teddiesbylauralynn.com/photos/aboutme/1.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/2.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/3.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/4.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/5.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/6.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/7.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/8.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/9.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/10.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/11.gif">
<img src="http://teddiesbylauralynn.com/photos/aboutme/12.gif">

</marquee>

Now... if you just wanted to have a text message running across your screen... you'd replace all of the <img src="xxx"> stuff with just regular text!

When I was first trying to put my slide show on my About Me page (and it rejected it...) I did post on their help board and got a couple of responses.  These sites were recommended to find slide shows that are eBay compatible...

http://www.isdntek.com/tagbot/gallery.htm

http://www.isdntek.com/tagbot.htm

And possibly this show is Ebay safe...
http://www.dynamicdrive.com/dynamicinde … islide.htm

This eBayer has some great links on her About Me page... check out Shipscript's goodies  they have a bunch of great effects!!
http://cgi3.ebay.com/ws/eBayISAPI.dll?V … errygocats

Of course, finding resources such as these are the reason I keep tweaking my site!

Laura Lynn Teddy Bear Academy
Nicholasville, KY
Posts: 3,653
Website

Laura Lynn Banner Sponsor

And here's my previous message that was originally posted in the "Resources" thread....

Here's some  resources for your website:

http://www.lissaexplains.com/
Great FREE site to learn how to build a website... teaches HTML to kids... so we should be able to handle it LOL!

http://www.lvsonline.com/index.html
Lots of computer online classes... I took Build Your Website: • I - Intro XHTML/CSS

http://wahmshoppes.com/
Website "stores" including webhosting with built in templates (no HTML required!)... or if you know HTML you can customize.  LOTS of features though... so it can be a little confusing.  Be sure to take advantage of their FAQ section and also their "Support Community" and just do a little at a time!  (I use this!)

http://www.dynamicdrive.com/
This place has cool "scripts" for neat effects in your website.  I just switched from a scrolling slideshow to a fade in and out slide show using one of their scripts.  (constanty tweaking LOL!)


http://www.northcountryteddybears.com/4 … ertut1.htm
Nancy Tillberg offers a link to a free photo editing software download and she gives a free tutorial! 
I like using my Photoshop Elements for a few things... but had trouble giving my photos a "frame".  This free photo program has great frames!  And best of all.... it's FREE!

Jill West Palm Beach, FL
Posts: 184

Terrific Laura Lynn!  Thanks a bunch!

Jill

Board footer

Powered by FluxBB

Banner Sponsors


Johnna's Mohair Store - Specializing in hand dyed mohair and alpaca
Past Time Bears - Artist bears designed and handcrafted by Sue Ann Holcomb