Advanced Search

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,885
    Thanks
    16
    Thanked 288 Times in 287 Posts
    Blog Entries
    4

    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
  •