Results 1 to 5 of 5

Thread: Text Shadow

  1. #1
    Junior Member tommyleyland's Avatar
    Join Date
    Aug 2012
    Location
    Manchester, UK
    Posts
    14

    Default Text Shadow

    Hi guys,
    I could really do with some help with this.
    I'm trying to add CSS text-shadows to larger text headers but everything I have tried has failed so far.

    Has anyone done this succesfully or is it impossible with 11?
    Tommy Leyland
    TST Web Design
    www.tstwebdesign.co.uk Web Design Manchester

  2. #2
    Senior Member RayC's Avatar
    Join Date
    Apr 2010
    Location
    Toronto-ish, Canada
    Posts
    1,732

    Default

    This is a CSS3 function, and will not work in IE8 or earlier. NOF does not generate CSS3.

    Are you creating a CSS rule and adding it to NOF then manually applying it to the text in question, say, via a <DIV>?
    Or manually editing the CSS rule for the headers in question?

    I'm not much of a CSS champ, but it would be helpful to know what you've tried.
    Ray Cambpell
    Sounds In Sync
    Linked in

  3. #3
    Junior Member tommyleyland's Avatar
    Join Date
    Aug 2012
    Location
    Manchester, UK
    Posts
    14

    Default

    I'm not great with CSS either.
    I created the CSS rule in a text editor, went to Styles, right clicked on the Sitestyle and added the file. That's about as far as I got. I was aware it isn't compatible with IE and was hoping Netobjects didn't follow the same rule. Is there no was around this? I haven't tried the <DIV> option, what would you suggest?
    Tommy Leyland
    TST Web Design
    www.tstwebdesign.co.uk Web Design Manchester

  4. #4
    Junior Member BritTexan's Avatar
    Join Date
    Aug 2012
    Location
    Texas
    Posts
    4

    Default

    Hi Tommy, glad you fixed it! Might be a useful thing to know - what did you do? ... If you share it here others with the same issue can find and hopefully benefit from your success in the future.

  5. #5
    Junior Member tommyleyland's Avatar
    Join Date
    Aug 2012
    Location
    Manchester, UK
    Posts
    14

    Default

    Ok,
    No 1, open Notepad so we can create your CSS file.
    If you just want your H1 headings with a shadow paste:

    h1 { text-shadow: 2px 2px 2px #000; }

    Save in: Your website/local publish, (Make sure it is in your main local publish folder AND local publish/html) and save as shadow.css

    Go in to your netobjects project and insert <link rel="stylesheet" type="text/css" href="shadow.css" /> in the <head>

    Now just set your headers as H1 and you're set!
    Last edited by tommyleyland; 08-09-2012 at 12:32 PM.
    Tommy Leyland
    TST Web Design
    www.tstwebdesign.co.uk Web Design Manchester

Tags for this Thread

Posting Permissions

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