DEFLIGRA STACKS

RapidWeaver + Stacks = Powerful Web Design



  • Resource Layer
    Version
    icon-58
    Version 2.00

    Made for
    Stacks 2
    Works with
    Stacks 1.4.x
    How do you do?
    ResourceImageLayer Stack

    There's a lot of options… might look scary at first sight. At second sight… it just get worse :)

    But take it easy… I'm here to help. Any questions - shoot me… an e-mail.

    What it does
    1. Create cool frames
    2. Allows you to layer images
    Download
    About RW5's Resources
    Remember - working with RapidWeaver's Resources you'll have to add the resources when a project is moved to another Mac. And it is when you download the RW Example file.

    Also remember to name resources correct. No special letters in file names, no space… if you don't - resources won't work.

    resourcelayer-i

    Settings
    Background image outside frame

    BG Image L0 (Background image)
    Add the name or path/name.

    Tile XY:
    repeat, no-repeat, repeat-y , repeat-x
    50px 20px (position x and/or y)

    Examples:
    fixed no-repeat center 60px
    or
    no-repeat 300px 550px

    Be careful - a typo in the css might make the menu not working.
    Frame image

    This area is defines the 'frame'. Padding = size of the frame. Margin = space for shadow.

    Glowing frame example
    inner and outer shadow


    0 0 1px #ccc, 0 0px 4px #ff3, 0px 0px 8px #fd3, 0px 0px 10px #f80, 0px 0px 20px #f20;

    No hokus pokes… pure css. A shadow within a shadow within a… Looks kind of cool, I think!
    Frame image color

    Add colors to the frame and to the outer and inner shadow.
    Images inside the frame

    Level 2 image
    Level 3 image
    Level 4 image
    Level 5 image
    Resource Image & Image Path

    Dragged dir. to RW5's RESOURCES
    When you add an image to RapidWeaver 5s Resources (image-in-no-folder.png) - you just have to type the name.

    Important! Check your spelling - must be 100% correct and without special letters and spaces in the name.

    Image added to a RESOURCE folder
    If you create af folder and add your image to the folder… write it this way:
    foldername/imagename.ext
    Example: hud/rbm-hud1.png

    resourceimages

  • Example

    Are you Golfing?

    ResourceLayer Stack

    You can layer up to 6 images - tillable or not.

    You can use it to create a cool frame for your images, text, links or media.

    Create layout parts in photoshop - and put the thing together with text and other stacks.

    In this example I have used Joe Workmans cool Cycler slideshow stack.
    golfer3
    golfer3
    golfer4
    golfer5
  • Stacks Shop · Buy the ResourceLayer Stack