...

View Full Version : help with a sidebar Please



daveedking
05-07-2010, 05:37 PM
hello codingforums & members my site http://casalibrepr.com need a sidebar with three buttons that can link it to the facebook fan page,tripadvisor and my email.
i would like them on the Right of the site and and centered always even when scrolling....
Please help
here are the buttons:
http://i713.photobucket.com/albums/ww140/daveedking/3_con_final.png
Thankx coderz...
-daveedking-

Rowsdower!
05-07-2010, 05:58 PM
hello codingforums & members my site http://casalibrepr.com need a sidebar with three buttons that can link it to the facebook fan page,tripadvisor and my email.
i would like them on the left of the site and and centered always even when scrolling....
Please help
here are the buttons:
http://i713.photobucket.com/albums/ww140/daveedking/3_con_final.png
Thankx coderz...
-daveedking-

Surely you wouldn't expect this for free.

How much are you paying for this work? I accept Paypal.

daveedking
05-07-2010, 06:08 PM
Surely you wouldn't expect this for free.

How much are you paying for this work? I accept Paypal.

are u kidding me... u soliciting on a forum... shame on U Rowsdower !!

frankle
05-08-2010, 06:58 AM
Try replacing your home page code with the one below:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>casalibrepr.com</title>
<link rel="shortcut icon"
href="http://casalibrepr.com/images/favicon.ico" type="image/x-icon">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
* { margin: 0 auto;}
html, body {height: 100%;overflow: auto;}
.notscroll {position: fixed;right: 50%;top: 240px;margin: 0 -430px 0 0;}
* html .notscroll { position: absolute;}
</style>
<title>casalibrepr.com</title>
<link rel="shortcut icon"
href="http://casalibrepr.com/images/favicon.ico" type="image/x-icon">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head><body leftmargin="0" topmargin="0"
onload="MM_preloadImages('images/goto_03.jpg','images/goto_06.jpg','images/goto_08.jpg','images/goto_09.jpg','images/goto_10.jpg','images/goto_11.jpg','images/goto_12.jpg')"
bgcolor="#cccc66" marginheight="0" marginwidth="0">
<p><!-- ImageReady Slices (default.psd) --></p>
<table style="height: 482px;" id="Table_01" align="center" border="0"
cellpadding="0" cellspacing="0" width="753">
<!--DWLayoutTable-->
<tbody>
<tr>
<td colspan="3" height="118"><img
src="images/default_01.jpg" width="750" height="118"></td>
</tr>
<tr>
<td colspan="3" height="20"><img
src="images/default_02.jpg" width="750" height="20"></td>
</tr>
<tr>
<td width="190" height="46"><a
href="http://casalibrepr.com/welcome.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Welcome','','images/goto_03.jpg',1)"><img
name="Welcome" src="images/default_03.jpg" border="0"
width="190" height="46"></a></td>
<td width="371"><img src="images/default_04.jpg"
width="371" height="46"></td>
<td rowspan="7" width="192"><img
src="images/default_05.jpg" width="189" height="344"></td>
</tr>
<tr>
<td height="31"><a href="http://casalibrepr.com/getting_here.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Directions','','images/goto_06.jpg',1)"><img
name="Directions" src="images/default_06.jpg" border="0"
width="190" height="31"></a></td>
<td rowspan="6"><img src="images/default_07.jpg"
width="371" height="298"></td>
</tr>
<tr>
<td height="28"><a href="http://casalibrepr.com/rooms.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Rooms','','images/goto_08.jpg',1)"><img
name="Rooms" src="images/default_08.jpg" border="0"
width="190" height="28"></a></td>
</tr>
<tr>
<td height="47"><a
href="http://escape.topuertorico.com/tour/regions.shtml"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Attractions','','images/goto_09.jpg',1)"><img
name="Attractions" src="images/default_09.jpg"
border="0" width="190" height="47"></a></td>
</tr>
<tr>
<td height="29"><a
href="http://picasaweb.google.com/CasaLibrePR/CasaLibre#"
onmouseout="MM_swapImgRestore()" onMouseOver="MM_swapImage('Puerto
Rico','','images/goto_10.jpg',1)"><img name="Puerto Rico"
src="images/default_10.jpg" border="0" width="190"
height="29"></a></td>
</tr>
<tr>
<td height="30"><a href="#" onMouseOut="MM_swapImgRestore()"
onmouseover="MM_swapImage('Contact','','images/goto_11.jpg',1)"><img
name="Contact" src="images/default_11.jpg"
onmousedown="MM_openBrWindow('contact.html','Contact','width=350,height=375')"
border="0" width="190" height="30"></a></td>
</tr>
<tr>
<td height="133"><a href="http://casalibrepr.com/default.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/goto_12.jpg',1)"><img
name="Home" src="images/default_12.jpg" border="0"
width="190" height="133"></a></td>
</tr>
<tr align="center" valign="middle">
<td colspan="3" bgcolor="#0033cc" height="18">
<div align="center"><span style="font-family:
Arial,Helvetica,sans-serif;"><strong><span style="color: rgb(255, 255,
255);">Casa
Libre Puerto Rico --- A Carribean Bed and Breakfast</span></strong></span></div>
</td>
</tr>
<tr align="center" valign="bottom">
<td colspan="3" valign="top" height="68">
<p><br> <strong><em><span style="font-family:
Arial,Helvetica,sans-serif;">AMENITIES: </span></em></strong><span
style="font-size: xx-small;"><em><strong><span style="font-family:
Arial,Helvetica,sans-serif;">3 SUITES - PRIVATE BATHS - AIRCONDITIONING -
POOL - COMPLIMENTARY BREAKFAST<br> CABLE - INTERNET - DVD/VHS LIBRARY -
BOOK LIBRARY - SIGHTSEEING TOURS </span></strong></em></span><br> <span
style="color: rgb(255, 0, 0); font-size: xx-small;"><strong><span
style="font-family: Arial,Helvetica,sans-serif;"><br> NO PASSPORT
REQUIRED TO TRAVEL FROM THE UNITED STATES </span></strong></span></p>
</td>
</tr>
<tr align="center" valign="bottom">
<td colspan="3" bgcolor="#0033cc" valign="top" height="18"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr align="center" valign="bottom">
<td colspan="3" valign="top" height="18">
<div align="center"><span style="font-family:
Arial,Helvetica,sans-serif;"><a
href="http://casalibrepr.com/welcome.html"><span style="font-size:
x-small;">Welcome</span></a><span style="font-size: x-small;"> l <a
href="http://casalibrepr.com/getting_here.html">Getting Here</a> l <a
href="http://casalibrepr.com/rooms.html">Rooms</a> l <a
href="http://escape.topuertorico.com/tour/regions.shtml">Nearby
Attractions</a> l <a href="http://welcome.topuertorico.org/index.shtml">Puerto
Rico</a> l Telephone:<span style="font-family: Helvetica;">787.874.6414
or 787.412.8656 en espanol</span>&nbsp;I Copyright 2006</span></span></div>
</td>
</tr>
</tbody>
</table>
<p><!-- End ImageReady Slices --></p>
<div class="notscroll"><img src="images/3_con_final.png" border="0" usemap="#Map">
<map name="Map" id="Map">
<area shape="rect" coords="3,2,33,33" href="http://facebook.com" target="_blank" />
<area shape="rect" coords="3,44,33,76" href="http://www.tripadvisor.com" target="_blank" />
<area shape="rect" coords="4,87,36,123" href="mailto:daveedking@casalibrepr.com" target="_blank" />
</map></div>
</body></html>

Not sure but just try. Also make sure there is an image with 3_con_final.png file name in the images folder with 59px width and 164px height.

Regards

daveedking
05-08-2010, 05:29 PM
thanks frankle but the code didn't work..
http://i713.photobucket.com/albums/ww140/daveedking/off.jpg
<div class="notscroll"><img src="images/3_con_final.png" border="0" usemap="#Map">
<map name="Map" id="Map">
<area shape="rect" coords="3,2,33,33" href="http://facebook.com" target="_blank" />
<area shape="rect" coords="3,44,33,76" href="http://www.tripadvisor.com" target="_blank" />
<area shape="rect" coords="4,87,36,123" href="mailto:daveedking@casalibrepr.com" target="_blank" />
</map></div>
my 3_con image wont stay stuck to the right side of the page by the scroll bar ; (
any ideas ??
thanks a million...
-daveedking-

frankle
05-10-2010, 04:49 AM
Make changes with the code i send and try uploading it somewhere and send the link i will check what is wrong.

Regards.

effpeetee
05-10-2010, 08:09 AM
frankle

Try this here. (http://exitfegs.co.uk/10_5.html)

Frank

frankle
05-10-2010, 09:53 AM
I can see its working fine.

Regards.

daveedking
05-10-2010, 02:16 PM
I can see its working fine.

Regards.

thanks a million [ons B]frankle[/B] but as u can see on your pic of the html the icons are not flush to the right of the scroll bar.

thanks for your time... i still need these icons to stick to the scrollbar...
-daveedking-

Rowsdower!
05-10-2010, 04:09 PM
are u kidding me... u soliciting on a forum... shame on U Rowsdower !!

I guess you missed my point it so I'll spell it out for you.

What I am suggesting not-so-tenderly is that you make an effort to learn and do these tasks yourself. The forum is not intended to be your free script generator and you are taking advantage of the generosity of other forum members when you treat it like one. You are supposed to ask educated questions and get guided answers that help you learn to code things for yourself.

Your threads (http://www.codingforums.com/search.php?do=finduser&u=90465&starteronly=1) used to at least include some code that you have tried, but this one is a full step into "gimme gimme" territory, which I don't personally appreciate. You never seem to have made a solid effort to actually learn but it looks like you aren't even pretending anymore. So, really, the whole point of my post was "Shame on you!"

effpeetee
05-10-2010, 04:32 PM
the icons are not flush to the right of the scroll

Try it now. (http://exitfegs.co.uk/10_5.html)


.notscroll {position:absolute;
top:30%;
right:-1%;
}


Frank

By the way, it is not a picture. It is a web page on my site. (view source.) I shall remove it when this post is finished.

daveedking
05-10-2010, 09:53 PM
Try it now. (http://exitfegs.co.uk/10_5.html)


.notscroll {position:absolute;
top:30%;
right:-1%;
}


Frank

By the way, it is not a picture. It is a web page on my site. (view source.) I shall remove it when this post is finished.

thanx effpeetee :) this thread is [RESOLVED]
Edit: Question>? why did the new side bar make my guest photos hover effects stop>? check it out in your html same problem...

frankle
05-11-2010, 04:58 AM
Try replacing with the code below:

<!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">
<head>
<base href="http://casalibrepr.com/" >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>casalibrepr.com</title>
<link rel="shortcut icon"
href="http://casalibrepr.com/images/favicon.ico" type="image/x-icon">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
* { margin: 0 auto;}
html, body {height: 100%; overflow:auto;}
.notscroll {position:absolute;top:30%;right:0px;}
* html .notscroll { position: absolute;}
</style>
<title>casalibrepr.com</title>
<link rel="shortcut icon"
href="http://casalibrepr.com/images/favicon.ico" type="image/x-icon">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

</head><body leftmargin="0" topmargin="0"
onload="MM_preloadImages('images/goto_03.jpg','images/goto_06.jpg','images/goto_08.jpg','images/goto_09.jpg','images/goto_10.jpg','images/goto_11.jpg','images/goto_12.jpg')"
bgcolor="#cccc66" marginheight="0" marginwidth="0">
<p><!-- ImageReady Slices (default.psd) --></p>
<table style="height: 482px;" id="Table_01" align="center" border="0"
cellpadding="0" cellspacing="0" width="753">
<!--DWLayoutTable-->
<tbody>
<tr>
<td colspan="3" height="118"><img
src="images/default_01.jpg" width="750" height="118"></td>
</tr>
<tr>
<td colspan="3" height="20"><img
src="images/default_02.jpg" width="750" height="20"></td>
</tr>
<tr>
<td width="190" height="46"><a
href="http://casalibrepr.com/welcome.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Welcome','','images/goto_03.jpg',1)"><img
name="Welcome" src="images/default_03.jpg" border="0"
width="190" height="46"></a></td>
<td width="371"><img src="images/default_04.jpg"
width="371" height="46"></td>
<td rowspan="7" width="192"><img
src="images/default_05.jpg" width="189" height="344"></td>
</tr>

<tr>

<td height="31"><a href="http://casalibrepr.com/getting_here.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Directions','','images/goto_06.jpg',1)"><img
name="Directions" src="images/default_06.jpg" border="0"
width="190" height="31"></a></td>
<td rowspan="6"><img src="images/default_07.jpg"
width="371" height="298"></td>
</tr>
<tr>
<td height="28"><a href="http://casalibrepr.com/rooms.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Rooms','','images/goto_08.jpg',1)"><img
name="Rooms" src="images/default_08.jpg" border="0"
width="190" height="28"></a></td>
</tr>
<tr>
<td height="47"><a
href="http://escape.topuertorico.com/tour/regions.shtml"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Attractions','','images/goto_09.jpg',1)"><img
name="Attractions" src="images/default_09.jpg"
border="0" width="190" height="47"></a></td>
</tr>
<tr>
<td height="29"><a href="http://picasaweb.google.com/CasaLibrePR/CasaLibre#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','images/goto_10.jpg',1)"><img src="images/default_10.jpg" name="Image13" width="190" height="29" border="0" id="Image13" /></a><a
href="http://picasaweb.google.com/CasaLibrePR/CasaLibre"
onmouseout="MM_swapImgRestore()" onMouseOver="MM_swapImage('Puerto
Rico','','images/goto_10.jpg',1)"></a></td>
</tr>
<tr>
<td height="30"><a href="#" onMouseOut="MM_swapImgRestore()"
onmouseover="MM_swapImage('Contact','','images/goto_11.jpg',1)"><img
name="Contact" src="images/default_11.jpg"
onmousedown="MM_openBrWindow('contact.html','Contact','width=350,height=375')"
border="0" width="190" height="30"></a></td>
</tr>

<tr>
<td height="133"><a href="http://casalibrepr.com/default.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/goto_12.jpg',1)"><img
name="Home" src="images/default_12.jpg" border="0"
width="190" height="133"></a></td>

</tr>
<tr align="center" valign="middle">
<td colspan="3" bgcolor="#0033cc" height="18">
<div align="center"><span style="font-family:
Arial,Helvetica,sans-serif;"><strong><span style="color: rgb(255, 255,
255);">Casa
Libre Puerto Rico --- A Carribean Bed and Breakfast</span></strong></span></div>
</td>
</tr>
<tr align="center" valign="bottom">
<td colspan="3" valign="top" height="68">
<p><br> <strong><em><span style="font-family:
Arial,Helvetica,sans-serif;">AMENITIES: </span></em></strong><span
style="font-size: xx-small;"><em><strong><span style="font-family:
Arial,Helvetica,sans-serif;">3 SUITES - PRIVATE BATHS - AIRCONDITIONING -
POOL - COMPLIMENTARY BREAKFAST<br> CABLE - INTERNET - DVD/VHS LIBRARY -
BOOK LIBRARY - SIGHTSEEING TOURS </span></strong></em></span><br> <span
style="color: rgb(255, 0, 0); font-size: xx-small;"><strong><span
style="font-family: Arial,Helvetica,sans-serif;"><br> NO PASSPORT
REQUIRED TO TRAVEL FROM THE UNITED STATES </span></strong></span></p>

</td>
</tr>
<tr align="center" valign="bottom">
<td colspan="3" bgcolor="#0033cc" valign="top" height="18"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr align="center" valign="bottom">
<td colspan="3" valign="top" height="18">
<div align="center"><span style="font-family:
Arial,Helvetica,sans-serif;"><a
href="http://casalibrepr.com/welcome.html"><span style="font-size:
x-small;">Welcome</span></a><span style="font-size: x-small;"> l <a
href="http://casalibrepr.com/getting_here.html">Getting Here</a> l <a
href="http://casalibrepr.com/rooms.html">Rooms</a> l <a
href="http://escape.topuertorico.com/tour/regions.shtml">Nearby
Attractions</a> l <a href="http://welcome.topuertorico.org/index.shtml">Puerto
Rico</a> l Telephone:<span style="font-family: Helvetica;">787.874.6414
or 787.412.8656 en espanol</span>&nbsp;I Copyright 2006</span></span></div>

</td>
</tr>
</tbody>
</table>
<p><!-- End ImageReady Slices --></p>
<div class="notscroll"><img src="images/3_con_final.png" border="0" usemap="#Map">
<map name="Map" id="Map">
<area shape="rect" coords="12,17,44,51" href="http://www.facebook.com/#!/group.php?gid=6823881542" target="_blank" alt="Facebook" />
<area shape="rect" coords="14,60,44,92" href="http://www.tripadvisor.com/Hotel_Review-g1207322-d1379548-Reviews-Casa_Libre_Puerto_Rico-Naguabo_Puerto_Rico.html" target="_blank" alt="Tripadvisor" />
<area shape="rect" coords="12,101,44,137" href="http://casalibrepr.com/contact.html" target="_blank" alt="Contact" />
</map></div>
</body></html>


Regards.

effpeetee
05-11-2010, 12:30 PM
frankle.

I have moved this code to my site here. (http://exitfegs.co.uk/10_5.html)

Frank

daveedking
05-11-2010, 02:26 PM
frankle.

I have moved this code to my site here. (http://exitfegs.co.uk/10_5.html)

Frank

hey thanks effpeetee/frankle my hover effects work again. [RESOLVED]
would u explain why the previous code disabled my hover effect over guest photos :O)
-daveed-



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum