facebook bottom bar - uCoz Community

Message # 1 | 6:57 AM 2009-09-27

hello, ucoz community most expensive scripts writer is back. this scripts is build a bar that is like facebook bottom bar. it is most secure than normal bar. created by sandakelum senevirathna from sri lanka.

features

> Home Page Button
> Forum Page Button
> Guestbook Page Button
> Link To Logged User Profile Page (If Not User Was Logged Prompting A Error Box Like "You Are Not Logged In To View Your Profile. Please Authorize Yourself")
> Blog Page Link
> Exit From Page Button (If Browser Not Support For This Event Code Is Promting An Error Box Like "Sorry, An Error In Your Browser. Operation Is Failed. Click Home Button In Your Browser To Exit From This Page")
> Fully Customizable 100%
> completible with any web browser (SPECIAL FEATURE)
> Loading In Approx. 1 Sec (Low Size, But More Powerful !!!)
> Floating Animation
> Silver Bar Theme (More Themes Comming Soon Through Samanalee Online Forum (http://www.samanaleeonline.com/forum))
> Selection Marker Technology (90% Like Facebook Bar)
> More Versions Comming Soon. Keep In Touch......

READ BELOW NOTES CAREFULLY

if you place this scripts in forum page, it is showing only forum page. if you want show this bar in every page place this script in those pages. place this script only i am provided places (example : <head></head> tags). do not place this script in other locations. if you place this script in wrong location you can see element errors in your page. EXTREMELY DANGER.
enter your web pages addresses to last script hyperlinks and enter your alternative description to title tag. please edit showing places only. any help send the problem to admin@samanaleeonline.com

DO NOT CHANGE IMG TAG SRC. IT IS CORRECT

PLEASE EDIT ONLY SHOWING PLACES. DO NOT EDIT OTHER CODES

live example - http://www.samanaleeonline.com

here is the code for screen.css

Code

@charset "utf-8";

html, body {
    margin:0px;
    overflow:hidden;
}

#main_container {
    width:100%;

    height:100%;
    overflow:auto;
    position:absolute;
}

    #main_container .content_wrapper {
     margin-left:auto;
     margin-right:auto;
     width:100%;
    }

    #main_container .spacer {
     height:30px;
    }

#nav_menu_wrapper {

    height:28px;
    width:100%;

    bottom:0px;
    position:absolute;

    overflow:hidden;
}

    #nav_menu_wrapper .nav_menu {
     height:28px;
     width:900px;

     margin-left:auto;
     margin-right:auto;

     background-color:#EEEEEE;
     border:#666666 solid 1px;
    }

     #nav_menu_wrapper .nav_menu ul {
      margin-top:5px;
      list-style:none;
     }

     #nav_menu_wrapper .nav_menu li {
      display:inline;
     }

     #nav_menu_wrapper .nav_menu li a {
      padding-top:100%;
      padding-bottom:5px;
      padding-left:7px;
      padding-right:7px;
     }

     #nav_menu_wrapper .nav_menu a:link, #nav_menu_wrapper .nav_menu a:visited {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:12px;
      color:#333333;
      text-decoration:none;
      background-color:#EEEEEE;
     }

     #nav_menu_wrapper .nav_menu a:hover {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:12px;
      color:#FFFFFF;
      text-decoration:none;
      background-color:#0099FF;
     }

here is the code for screen_ie.css

Code

@charset "utf-8";

html, body {
    margin:0px;
    overflow:hidden;
    height:100%;
}

#main_container {
    width:100%;
}

here is the code for your html page

add this between <head> </tags> tags

Code

add this after <body> tag (before $ADMIN_BAR$)

Code

add this after $GLOBAL_BFOOTER$ (before </body> tag)

Code

</div><div class="spacer" align="center"></div></div>
<script LANGUAGE="JavaScript">
if (document.layers)
window.home();
</script>
<div id="nav_menu_wrapper" align="center">
<div class="nav_menu" align="center">
<ul>
<table><td align="left" height="15" width="450"><li><a href="ENTER YOU HOME PAGE ADDRESS"><img src="http://www.samanaleeonline.com/images/home.png" title="ENTER YOUR PAGE DESCRIPTION" border="0"></a></li>
<li><a href="ENTER YOUR FORUM ADDRESS"><img src="http://www.samanaleeonline.com/images/map.png" title="ENTER YOUR FORUM DESCRIPTION" border="0"></a></li>
<li><a href="ENTER YOUR GUESTBOOK ADDRESS"><img src="http://www.samanaleeonline.com/images/highlighter.png" title="ENTER YOUR GUESTBOOK DESCRIPTION" border="0"></a></li></td>
<td width="450" height="15" align="right"><li><?if($USER_ID$=0)?><script type="text/javascript">function error() { alert('You Are Not Logged In To View Your Profile. Please Authorize Yourself'); }</script><a href="javascript://" onclick="error();"><?else?><a href="$PERSONAL_PAGE_LINK$"><?endif?><img src="http://www.samanaleeonline.com/images/yin-yang.png" title="ENTER A PROFILE DESCRIPTION" border="0"></a></li>
<li><a href="ENTER YOUR BLOG ADDRESS"><img src="http://www.samanaleeonline.com/images/buy.png" title="ENTER YOUR BLOG DESCRIPTION" border="0"></a></li>
<li><a href="javascript://" onClick="if (document.layers) window.home(); else alert('Sorry, An Error In Your Browser. Operation Is Failed. Click Home Button In Your Browser To Exit From This Page');"><img src="http://www.samanaleeonline.com/images/cross.png" height="16" width="16" title="ENTER EXIT DESCRIPTION" border="0"></a></li></td></table>
</ul>
</div>
</div>

now enjoy your user toolbar !!!

more codes comming soon......

admin@samanaleeonline.com

Added (2009-09-27, 0:57 Am)
---------------------------------------------
check it and post your comments here

Post edited by samanalee - Sunday, 2009-09-27, 6:43 AM