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