Results 1 to 2 of 2

Thread: Sticky Content script

  1. #1
    Join Date
    May 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Sticky Content script

    1) Script Title: Sticky Content script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...ckycontent.htm

    3) Describe problem: Try as I might, I am unable to get this to work with an attached css3 menu and style sheet. I am really new to coding, so could use some help. I got the demo to work just fine, but am unclear as to where to place the components, when my css style sheet is separate.

    This:

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    
    <script src="stickycontent.js">
    
    /***********************************************
    * Sticky Content script (c) Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for this script and 100s more.
    ***********************************************/
    
    </script>
    
    <script>
    
    //initialize sticky content:
    jQuery(document).ready(function($){
    
      $('#menu').stickyit({
    		gap: 5,
    		stickyclass: "docked"
    	})
    
    })
    
    </script>
    
    </head>
    Is as you can see just before the </head> tag.

    I put this:
    Code:
    .docked {
    -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
    -moz-transition-duration: 0.5s; /*Mozilla duration version*/
    -o-transition-duration: 0.5s; /*Opera duration version*/
    -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
    -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
    box-shadow:0px 0px 30px gray; /*CSS3 shadow version*/
    }
    </style>
    here as it is at the end of the little bit of css on my html page.

    I also tried putting it in here:

    Code:
    <!-- Start css3menu.com HEAD section -->
    <link rel="stylesheet" href="../Documents/GUTCHES/horizontalmenutest_files/css3menu2/style.css" type="text/css" />
    
    <!-- End css3menu.com HEAD section -->
    but that didn't do it either.

    Any help is greatly appreciated!
    Last edited by Beverleyh; 05-28-2013 at 09:56 PM. Reason: Formatting

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,960
    Thanks
    16
    Thanked 305 Times in 304 Posts
    Blog Entries
    11

    Default

    Its hard to tell what the problem is without seeing a complete web page.

    From the code fragments you've posted, all I can say is to;

    - make sure that you've enclosed internal CSS in <style> tags
    - make sure that an external stylesheet is uploaded to the location specified (in the href) and check file names/case
    - remember that older browsers won't render CSS3 styles/animations/transitions

    For more help, please post a link to your page and confirm which browsers you're testing in.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

Similar Threads

  1. Sticky Content script
    By munirvazir in forum Looking for such a script or service
    Replies: 1
    Last Post: 07-12-2012, 12:25 AM
  2. Sticky Content script change position.
    By taghaboy in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 05-20-2012, 10:27 AM
  3. Resolved Sticky Content script and drop down menu
    By taghaboy in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 05-20-2012, 04:05 AM
  4. Sticky Content script: Google Adsense Ad
    By adventureguys in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 03-26-2012, 11:05 AM
  5. Sticky Note Dynamic Content Script
    By jjvoice in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 07-24-2006, 07:11 PM

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
  •