Results 1 to 4 of 4

Thread: Colour of border

  1. #1
    Join Date
    Jan 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Colour of border

    hi!

    How can i change colour of image border in Fade in Slideshow to #080000?

    i already set it to 1 .. now how to paint it green?

    thanx in advance

  2. #2
    Join Date
    Oct 2005
    Posts
    121
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    do you need to know where to go to change that option, or do you just need the hex number?

    if you need to know where the setting is, I cant help you there, since I dont even know what "fade in slideshow" is.

    however, if you just need the hex code, the color code goes: #Red-Red-Green-Green-Blue-Blue, without the dashes, and usng 0-9, and A-F to replace 10-15 (hex lets you go up to 16 per digit), #000000 is black, FF0000 is red, 00FF00 is green, 0000FF is blue, and FFFFFF is white (combine the different values of red green and blue for different colors). BTW: its usually called the hexidecimal RGB color system...

  3. #3
    Join Date
    Jan 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow (v1.5): Colored image border

    Hi

    I know about color codes .. i just want to know where i can insert code to make border around images colored .. i can set border to 1px in script .. but cannot set the color ...

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    There really is no 'direct' way to do that but, it is easy enough to do. First, surround your slideshow with an element if it doesn't have one already, a span will do and shouldn't change the layout but, if you have it in a table cell or a division already, you can use that and its id if it has one or give it one. Working from scratch, using a span, you can do like so (loosely from the demo, additions red):

    Code:
    <span id="show">
    <script type="text/javascript">
    //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
    new fadeshow(fadeimages, 140, 225, 1, 3000, 1, "R")
    </script>
    </span>
    Then in the head of the page, in the style section, or you can create one:

    Code:
    <style type="text/css">
    
    #show img {
    border-color:green;
    }
    
    </style>
    Or you can use your hex value:

    Code:
    <style type="text/css">
    
    #show img {
    border-color:#080000;
    }
    
    </style>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •