ככה זה נראה:
http://www.2send.us/uploads/891e0dc819.JPG
בפיירפוקס הכל טוב,
זה הקוד HTML:
HTML קוד:
<html dir="rtl">
<head>
<title>מערכת</title>
<script type="text/javascript">
function show(id){
var obj=document.getElementById(id)
obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
}
</script>
<style type="text/css">
@import url(style.css);
</style>
</head>
<body>
<div id="menu">
<div id="user">
<img src="./images/msg.gif" alt="" />
ברוך הבא הבא <strong>גל שפריר</strong> ( התנתק )
</div>
<div id="user_menu">
<div class="item" style="padding-right: 0px;">
<a href="#">ניהול</a>
</div>
<div class="item" onmouseover="show('manage')" onmouseout="show('manage')">
<a href="#">ניהול קבצים</a>
<div id="manage" class="links" style="width:150px;">
<a href="#" class="p">עמוד ראשי</a>
<a href="#" class="p">הוספת קובץ</a>
<a href="#" class="p">מחיקת קבצים</a>
</div>
</div>
<div class="item" onmouseover="show('config')" onmouseout="show('config')">
<a href="#">הגדרות מערכת</a>
<div id="config" class="links" style="width:150px;">
<a href="#" class="p">הגדרות SAFE MOD</a>
<a href="#" class="p">הגדרות מערכת</a>
</div>
</div>
<div class="item" onmouseover="show('user_config')" onmouseout="show('user_config')">
<a href="#">הגדרות משתמש</a>
<div id="user_config" class="links" style="width:150px;">
<a href="#" class="p">שנה שם משתמש</a>
<a href="#" class="p">הגדרות סיסמה ודוא"ל</a>
</div>
</div>
<div class="item">
<a href="#">אפשרויות מחיקת קבצים</a>
</div>
</div>
</div>
<div id="site">
<h2>ברוך הבא למערכת העלאת הקבצים שלך - פאנל הניהול</h2>
</div>
</body>
זה הקוד CSS:
HTML קוד:
body {
margin: auto;
font-size: 10pt;
}
#menu {
width: 100%;
color:#ffffff;
padding-top: 10px;
padding-bottom: 10px;
background-image: url(background.jpg);
border-bottom: solid 3px #D2DDE9;
margin-bottom: 2px;
height: 40px;
}
div .item {
padding-right: 40px;
float: right;
display: inline;
}
div.links {
width:100%;
position:absolute;
visibility:hidden;
margin-left:2px;
text-align: right;
}
div.item a {
padding-top: 5px;
padding-bottom: 5px;
display:block;
width:100%;
color:#ffffff;
text-decoration:underline;
}
div.links a {
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
display:block;
width:100%;
color:#ffffff;
text-decoration:none;
background-color:#013370;
}
div.links a:Hover {
background-color:#00499E;
}
#user,#user_menu {
margin-right: 10px;
}
.p {
padding-right: 10px;
}
#site {
width: 80%;
margin-right: 10px;
}
h2 {
width: 80%;
font-size: 11pt;
font-weight: bold;
color: #003C84;
text-align: right;
letter-spacing: 1.8px;
padding-bottom: 10px;
border-bottom: 1px solid #EAEAEA;
}
input, textarea {
font-family: "Trebuchet MS";
font-size: 14px;
padding: 2px;
border: solid 1px #EEEEEE;
}
.msg {
color:#003C84;
width: 70%;
background: #ecf4ff url('./images/msg.gif') center no-repeat;
background-position: 99% 50%;
text-align: right;
padding: 5px 30px 5px 45px;
font-size: 10pt;
margin-top: 2px;
margin-bottom: 2px;
}
תודה לעוזרים מראש.
