CSS Codes
CSS Layouts
Results 1 to 5 of 5

Thread: which left vertical script on DD?

  1. 08-25-2005, 07:32 PM #1
    jeubanks
    jeubanks is offline New Comer (less than 5 posts)
    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!
    Reply With Quote Reply With Quote
  2. 08-26-2005, 05:44 AM #2
    jscheuer1's Avatar
    jscheuer1
    jscheuer1 is offline Global Moderator
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 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
    Reply With Quote Reply With Quote
  3. 08-26-2005, 06:04 AM #3
    shachi
    shachi is offline Senior Coders
    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>
    Reply With Quote Reply With Quote
  4. 08-26-2005, 12:45 PM #4
    jscheuer1's Avatar
    jscheuer1
    jscheuer1 is offline Global Moderator
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 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
    Reply With Quote Reply With Quote
  5. 04-03-2008, 07:42 PM #5
    msandi
    msandi is offline Junior Coders
    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!
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

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
  •  

Forum Rules