camdiamond

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Forum: Themes and Templates
    In reply to: Tanzaku – contact jquery slider
    Thread Starter camdiamond

    (@camdiamond)

    15 years, 10 months ago

    I managed to get the code to work

    http://blog.diamondiamondiamond.com

    But the page now aligns to the left, rather than center.

    Any ideas?

    Thanks

    Forum: Themes and Templates
    In reply to: Tanzaku – contact jquery slider
    Thread Starter camdiamond

    (@camdiamond)

    15 years, 10 months ago

    I have the code I want to use and jquery, but having trouble putting it in the correct place.

    <script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){

	$(".btn-slide").click(function(){
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});

});
</script>

<style type="text/css">
body {
	margin: 0 auto;
	padding: 0;
	width: 700px;
	font: Arial, Helvetica, sans-serif;

}
a:focus {
	outline: none;
}
#panel {
	background: #ffffff;
	height: 400px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	background: url(images/tri.gif) no-repeat center top;
}
.btn-slide {
	background: url() no-repeat right -50px;
	text-align: center;
	width: 700px;
	height: 31px;
	padding: 1px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
</style>
</head>

<body>

<div id="panel"> <a href="mailto: cam@diamondiamondiamond.com"><img src="images/tri_info2.gif" width="700" height="400" /></a>
</div>
<p class="slide"><a href="#" class="btn-slide"></a></p>

</body>
</html>

    If anyone could help me out, you would be a life saver!

    C

Viewing 2 replies - 1 through 2 (of 2 total)