PDA

View Full Version : which left vertical script on DD?



jeubanks
08-25-2005, 07:32 PM
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!

jscheuer1
08-26-2005, 05:44 AM
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.

shachi
08-26-2005, 06:04 AM
there isn't one like that in dynamic drive but i just took out the code. Just download the images then you are done.


<!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>

jscheuer1
08-26-2005, 12:45 PM
Oh, those stars.

Added later:
I think that code may be copyright and not freely available.

msandi
04-03-2008, 07:42 PM
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! :confused: