WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Rejected Adding A Floating Menu! Fri Mar 05, 2010 11:23 pm

Joel

Joel
Registered Member
Registered Member
Its simple:) Just add this to your Homepage Message

Code:
<style type="text/css">
#topbar{
position:absolute;
padding: 2px;
border-right: #455690 1px solid;
border-top: #B9C9EF 1px solid;
border-left: #B9C9FF 1px solid;
border-bottom: #455690 1px solid;
background-color: #E0E9F8;
width: 200px;
height: 115px;
visibility: hidden;
z-index: 100;
background-image: url(http://i85.photobucket.com/albums/k57/RoNo1/bg_bluegrad2.jpg);
}
</style>
<script type="text/javascript">
/***********************************************
* Floating Top Bar script- ©️ Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 7 //set x offset of bar in pixels
var startY = 7 //set y offset of bar in pixels
var verticalpos="frombottom" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document)

Questions? PM me! By the way, all credits goes to Forum Tutorials and Mystic_gohan!

http://www.advertisehotspot.info/

2Rejected Re: Adding A Floating Menu! Sat Mar 06, 2010 1:03 am

Sanket

Sanket
Administrator
Administrator
Hi joel, thanks for submitting the tutorial. Smile

The code looks incomplete. Also, do you have permissions to post them on other forums?

http://www.webartzforum.com

3Rejected Re: Adding A Floating Menu! Sat Mar 06, 2010 11:45 am

Joel

Joel
Registered Member
Registered Member
why not? Sharing is caring.

http://www.advertisehotspot.info/

4Rejected Re: Adding A Floating Menu! Sat Mar 06, 2010 11:53 am

Sanket

Sanket
Administrator
Administrator
Joel wrote:why not? Sharing is caring.

Sorry, Sharing is not caring. Its a professional world, we don't want to copy anyone's work. I would also suggest you not to do it.

Thank you for your willingness to contribute to WebArtz. It would be appreciated, if you add some tutorial of your own. It could be anything simple as well.

Tutorial Rejected | Thread Locked

http://www.webartzforum.com

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum