Hi and thanks for your replay
this works great for adding duplicate icons but as soon as I change the id and then create a new id in the template.css they disappear?
here is the section of the template I have add 3 new drop,news and blog all currently using the same icon just to see if it works
#s5_socialicons {
margin-top:130px;
width:55px;
z-index: 3;
right: 24px;
position:fixed;}
#s5_youtube {
background: url(../images/Shape5_Appwonder_yticion.png) no-repeat scroll 0 0 transparent;
cursor: pointer;
height: 40px;
padding-left: 8px;
margin-bottom: 7px;
width: 24px;}
#s5_facebook {
background: url(../images/Shape5_Appwonder_fbicon.png) no-repeat scroll 0 0 transparent;
cursor: pointer;
height: 40px;
padding-left: 8px;
margin-bottom: 7px;
width: 24px;}
#s5_twitter {
background: url(../images/Shape5_Appwonder_twicon.png) no-repeat scroll 0 0 transparent;
cursor: pointer;
height: 40px;
padding-left: 8px;
margin-bottom: 7px;
width: 24px;}
#s5_rss {
background: url(../images/Shape5_Appwonder_rssicon.png) no-repeat scroll 0 0 transparent;
cursor: pointer;
height: 40px;
width: 24px;
margin-bottom: 7px;
padding-left: 8px;}
#s5_blog {
background: url(../images/Shape5_Appwonder_twicon.png) no-repeat scroll 0 0 transparent;
cursor: pointer;
height: 40px;
padding-left: 8px;
margin-bottom: 7px;
width: 24px;}
#s5_news {
background: url(../images/Shape5_Appwonder_twicon.png) no-repeat scroll 0 0 transparent;
cursor: pointer;
height: 40px;
padding-left: 8px;
margin-bottom: 7px;
width: 24px;}
#s5_drop {
background: url(../images/Shape5_Appwonder_twicon.png) no-repeat scroll 0 0 transparent;
cursor: pointer;
height: 40px;
padding-left: 8px;
margin-bottom: 7px;
width: 24px;}
here is my code in the index.php
<!-- End Menu -->
<?php } ?>
<?php if (($s5_rss != "") || ($s5_twitter != "") || ($s5_linkedin != "") || ($s5_facebook != "")) { ?>
<div id="s5_socialicons">
<?php if ($s5_rss != "") { ?>
<div id="s5_rss" onclick="window.open('<?php echo $s5_rss; ?>')"></div>
<?php } ?>
<?php if ($s5_twitter != "") { ?>
<div id="s5_twitter" onclick="window.open('<?php echo $s5_twitter; ?>')"></div>
<?php } ?>
<?php if ($s5_youtube != "") { ?>
<div id="s5_youtube" onclick="window.open('<?php echo $s5_youtube; ?>')"></div>
<?php } ?>
<?php if ($s5_facebook != "") { ?>
<div id="s5_facebook" onclick="window.open('<?php echo $s5_facebook; ?>')"></div>
<?php } ?>
<div id="s5_blog" onclick="window.open('
http://www.yoururl.com')"></div>
<div id="s5_news" onclick="window.open('
http://www.yoururl.com')"></div>
<div id="s5_drop" onclick="window.open('
http://www.yoururl.com')"></div>
</div>
<?php } ?>
<div style="clear:both;"></div>
</div>
<div class="s5_topmenuedge"></div>
</div>
</div>
<!-- End Header -->
as I say if I call them an existing id say facebook they appear but not for new ids?
thanks in advance