Results 1 to 5 of 5

Thread: which left vertical script on DD?

  1. #1
    Join Date
    Aug 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default which left vertical script on DD?

    Does anyone know which script that is on the left side of this page?(one with stars) and if it is available on DD?

    http://www.dynamicdrive.com/dynamicindex1/index.html

    Thanks!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    I see no stars on that page. I think you saw an ad. Those ads rotate, probably on a random basis. I refreshed the page numerous times and never got the one with stars. Anyways, most (all?) of those ads are done using Flash. Flash is made using a compiled language and requires that the user have a plugin to 'play' it. Most modern browsers come with such a plugin. For more information Google Macromedia Flash.
    - John
    ________________________

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

  3. #3
    Join Date
    Aug 2005
    Posts
    971
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    there isn't one like that in dynamic drive but i just took out the code. Just download the images then you are done.
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
    <title>Dynamic Drive- DHTML &amp; JavaScript Menu And Navigation scripts</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <!--<link rel="stylesheet" type="text/css" href="http://dynamicdrive.com/ddincludes/mainstyle.css" />-->
    <style type="text/css">
    body{
    background-color: white;
    color: black;
    font: normal 80% Verdana;
    margin-top: 3px;
    margin-left: 3px;
    padding: 0;
    margin-right: 5px;
    }
    
    /* A:link    { color: #1A2BFF }     unvisited links */
    
    pre, .codehighlight{
    background-color: #EFEFEF;
    font-size: 13px;
    }
    
    .codehighlight{
    font-family: Arial;
    }
    
    #ddauthor{
    font-weight: bold;
    }
    
    table#maintable, table{
    font-size: 100%;
    }
    
    #topbanner{
    margin-bottom: 0.8em;
    }
    
    h3{
    font-size: 125%;
    }
    
    /* ######### Top Section ######### */
    
    #sitelogo{
    }
    
    #toprightdiv{
    width: 300px;
    margin-right: 2px;
    margin-bottom: 0;
    float: right;
    text-align: right;
    }
    
    #toprightdivbox{
    font: normal 10px verdana, arial, sans-serif;
    position: relative;
    margin-bottom: 0;
    top: 33px;
    }
    
    #toprightdivbox a{
    font-weight: bold;
    margin-right: 4px;
    text-decoration: none;
    color: #98A741;
    }
    
    #toprightdivbox a:hover{
    color: #6D6969;
    }
    
    #topform { margin: 0; padding: 0; }
    
    #topsearchbox{
    border: 1px solid gray;
    width: 200px;
    background: #FBFCFA;
    font: 11px verdana, sans-serif;
    color: #443;
    padding: 3px;	outline: none;
    }
    
    #topsearchbox:focus{
    border: 1px solid black;
    }
    
    .topformbutton { cursor:pointer;  margin-top:5px;  border:outset 1px #ccc; background:#999; font-size:.9em; color:#666; font-weight:bold; padding:5px;  background:url(http://dynamicdrive.com/ddincludes/button-bg.gif) repeat-x left top; padding:1px; }
    
    
    #pathlinks{
    clear: right;
    font: bold 110% Verdana;
    margin-top: 0.5em;
    margin-bottom: 1em;
    margin-left: 174px;
    }
    
    #pathlinks a:hover{
    color: red;
    }
    
    #spacertd, #spacergif{
    width: 10px; /*CUSTOM CHANGE*/
    height: 1px;
    }
    
    /* ######### Top tabs ######### */
    
    #ddtoptabs{
    margin-left: 4px; /*Opera 8 fix -1px*/
    padding: 0;
    width: 450px;
    height: 27px;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
    padding-left: 5px;
    }
    
    #ddtoptabs ul{
    font: normal 10px verdana, arial, sans-serif;
    margin:0;
    padding:0;
    list-style:none;
    }
    
    #ddtoptabs li{
    display:inline;
    margin:0 2px 0 0;
    padding:0;
    text-transform:uppercase;
    line-height: 1.3em;
    font-size: 120%;
    }
    
    
    #ddtoptabs a, #ddtoptabs strong{
    float:left;
    color:#fff;
    background: transparent url("http://dynamicdrive.com/ddincludes/tabs_left.gif") no-repeat left top;
    margin:0 2px 0 0;
    padding:0 0 0 3px;
    text-decoration:none;
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 4px;
    font-family:  Arial, Verdana, sans-serif;
    border-bottom: 1px solid #FFF;
    }
    
    #ddtoptabs a span, #ddtoptabs #current span{
    float:left;
    display:block;
    color:#fff;
    background: transparent url("http://dynamicdrive.com/ddincludes/tabs_right.gif") no-repeat right top;
    padding:3px 9px 3px 6px;
    font-weight:bold;
    }
    
    #ddtoptabs a span{
    float:none;
    }
    
    #ddtoptabs #current a, #ddtoptabs strong{
    background-position:0 -300px;
    border-bottom: 1px solid #2B6600;
    }
    
    #ddtoptabs #current a span, #ddtoptabs #current span{
    background-position:100% -300px;
    padding-bottom:3px;	color:#fff;
    }
    
    #ddtoptabs a:hover{
    background-position:0% -150px;
    }
    
    #ddtoptabs a:hover span{
    color: #fff;
    background-position:100% -150px;
    }
    
    #ddtoptabs #current a:hover {	background-position:0% -300px; }
    #ddtoptabs #current a:hover span { color: #fff;	background-position:100% -300px; }
    
    #ddtoptabsline{
    clear: both;
    padding: 0;
    width: 100%;
    height: 8px;
    background: #2B6600;
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
    }
    
    /* ######### Content Area ######### */
    
    #contentarea{
    /*background-color: white;*/
    }
    
    /* #contentarea A:visited { color: navy }    visited links   */
    
    .categoryarea b a{ /*category pages*/
    font-size: 110%;
    }
    
    .browserlist{ /*category pages*/
    color: #7A7A7A;
    font-family: Arial;
    font-weight: bold;
    }
    
    .categoryarea #bottomlegend{ /*category pages*/
    list-style-type: disk;
    list-style-image: url(http://www.dynamicdrive.com/ddincludes/bullet.png);
    margin: auto auto 10px 18px;
    padding: 0;
    color: #454545;
    }
    
    #scriptheader{
    border: 1px solid #BEBEBE;
    border-width: 0px 0 1px 0;
    padding: 1px;
    background: white url(http://dynamicdrive.com/ddincludes/headerbg.gif);
    }
    
    #scriptheader h3{
    font: bold 20px Arial;
    display: inline;
    }
    
    #scriptheader h3:before{
    content: ":: ";
    }
    
    #scriptheaderFoot{
    font: normal 12px Verdana;
    margin-bottom: 0.8em;
    padding-top: 2px;
    }
    
    #ddauthor{
    font-weight: bold;
    }
    
    .compatlist{
    position: relative;
    top: 3px;
    font: bold 13px Arial;
    float: right;
    }
    
    .rightit{
    float: right;
    }
    
    .codecontainer{
    height: 150px;
    border: 1px solid gray;
    width: 98%;
    }
    
    .selectall{
    padding: 0 2px;
    text-decoration: none;
    font: bold 12px Verdana;
    color: blue;
    background-color: #FFFFAA;
    }
    
    .selectall:hover{
    color: blue;
    }
    
    /* ######### Sub Category list ######### */
    
    .subcategorylist{
    list-style-type: disk;
    list-style-image: url(http://dynamicdrive.com/ddincludes/heart.png);
    margin: 5px auto 10px 18px;
    padding: 0;
    }
    
    .subcategorylist li{
    padding: 3px 0;
    background-color: #ececec;
    }
    
    
    .subcategorylist li a{
    color: #449805;
    font: bold 120% Arial;
    }
    
    /* ######### Left Menu ######### */
    
    #leftbar{
    width: 165px;
    /*background-color: white;*/
    }
    
    #leftbar a:hover{
    /*color: #FF8000;*/
    }
    
    .categorylinks{
    list-style-type: disk;
    list-style-image: url(http://dynamicdrive.com/ddincludes/heart.png);
    margin: 5px auto 10px 18px;
    padding: 0;
    
    }
    
    .categorylinks li{
    padding-bottom: 1px;
    }
    
    .categorylinks li a{
    margin-left: -3px;
    padding: 3px 1px;
    font-size: 12px;
    display: block;
    color: #449805;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #ececec;
    }
    
    .categorylinks a:visited{color: #449805; }
    .categorylinks a:hover {	color: #fff;	background: #51B906; text-decoration: none; }
    
    .diffpointer{
    list-style-image: url(http://dynamicdrive.com/ddincludes/arrow.png);
    }
    
    #leftbar .headers{
    color: white;
    font: bold 110% Arial;
    background-color: #008000;
    padding: 2px;
    text-align: center;
    }
    
    #leftbar .menuitems{
    list-style-type: disk;
    list-style-image: url(http://dynamicdrive.com/ddincludes/arrow.gif); /*CUSTOM CHANGE*/
    margin: 5px auto 10px 17px;
    padding: 0;
    line-height: 1.2em;
    }
    
    #leftbar .menuitems li{
    padding-bottom: 8px;
    background-image: url(http://dynamicdrive.com/ddincludes/menuline.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    }
    
    #leftbar .menuitems li a{
    text-decoration: none;
    font-weight: bold;
    }
    
    #footer{
    border: 0 solid #BEBEBE;
    color: black;
    border-top-width: 1px;
    background: transparent url(http://dynamicdrive.com/ddincludes/bg_topbar.gif) repeat-x;
    text-align: center;
    font-size: 90%;
    padding-top: 3px;
    margin-bottom: 5px;
    }
    
    #footer a{
    text-decoration: none;
    }
    </style>
    
    </head>
    
    <body>
    
    <table id="maintable" border="0" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td id="leftbar" valign="top">
    <!-- left bar for script category index pages -->
    
    			<div class="headers">Categories</div>
    
    			<ul class="categorylinks">
    				<li id="c7"><a href="http://www.dynamicdrive.com/dynamicindex7/" >Calendars</a></li>
    				<li id="c6"><a href="http://www.dynamicdrive.com/dynamicindex6/">Date &amp; Time</a></li>
    				<li id="c3"><a href="http://www.dynamicdrive.com/dynamicindex3/">Document Effects</a></li>
    				<li id="c17"><a href="http://www.dynamicdrive.com/dynamicindex17/">Dynamic Content</a></li>
    				<li id="c16"><a href="http://www.dynamicdrive.com/dynamicindex16/">Form Effects</a></li>
    
    				<li id="c12"><a href="http://www.dynamicdrive.com/dynamicindex12/">Games</a></li>
    				<li id="c4"><a href="http://www.dynamicdrive.com/dynamicindex4/">Image Effects</a></li>		
    				<li id="c5"><a href="http://www.dynamicdrive.com/dynamicindex5/">Links &amp; Tooltips</a></li>			
    				<li id="c1"><a href="http://www.dynamicdrive.com/dynamicindex1/">Menus &amp; Navigation</a></li>
    				<li id="c13"><a href="http://www.dynamicdrive.com/dynamicindex13/">Mouse and Cursor</a></li>			
    				<li id="c2"><a href="http://www.dynamicdrive.com/dynamicindex2/">Scrollers</a></li>
    
    				<li id="c10"><a href="http://www.dynamicdrive.com/dynamicindex10/">Text Animations</a></li>
    				<li id="c9"><a href="http://www.dynamicdrive.com/dynamicindex9/">User/System Preference</a></li>
    				<li id="c8"><a href="http://www.dynamicdrive.com/dynamicindex8/">Window and Frames</a></li>
    				<li id="c11"><a href="http://www.dynamicdrive.com/dynamicindex11/">Other</a></li>
    			</ul>
    
    
    			<div class="headers">Partners</div>
    
    			<ul class="categorylinks diffpointer">
    				<li><a href="http://www.cssdrive.com/">CSS Drive</a></li>
    				<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
    				<li><a href="http://www.uk.tophosts.com">UK Web Hosts</a></li>	
    			</ul>
    	
    		<p align="center">
    </p>
    
       </body>
    
    </html>

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    Oh, those stars.

    Added later:
    I think that code may be copyright and not freely available.
    Last edited by jscheuer1; 08-26-2005 at 01:21 PM.
    - John
    ________________________

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

  5. #5
    Join Date
    Nov 2004
    Location
    Troy, NY
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Does anyone know what in the script causes the light gray box to stick on the category when that particular page is selected?

    I've been looking at both the page source and the mainstyle.css for hours and can't figure it out.

    Please let me know. Thanks!

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
  •