Front-End
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>منوی کشویی</title>
<style>
ul{
list-style-type: none;
margin: 0;
padding: 0;
display: none;
}
ul:hover{
display: block;
}
li a{
width: 300px;
display: inline-block;
padding: 15px;
background-color: rgb(54, 54, 233);
color: white;
text-decoration: none;
box-sizing: border-box;
}
li:hover a{
background-color: rgb(121, 157, 203);
color:rgb(54, 54, 233) ;
}
#menu{
width: 300px;
padding: 8px;
box-sizing: border-box;
background-color: rgb(7, 117, 251);
}
#menu:hover+ul{
display: block;
}
</style>
</head>
<body>
<div id="menu">
Menu
</div>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">profile</a></li>
<li><a href="#">log out</a></li>
</ul>
HTML & CSS
C S S____________________________________
<style>
/******important*****/
ul{
width: 200px;
height: 40px;
background: rgb(13, 168, 152);
align-content: center;
text-align: center;
padding: 0;
list-style-type: none;
border-radius: 5px;
user-select: none;
font-weight: 1000;}
li{display: none;}
ul:hover li{
display:block;
width: 100%;
background-color: rgb(46, 123, 116);}
a{
display: block;
text-decoration: none;
color: rgb(248, 248, 248);}
/******unimportant*****/
ul:hover{
color: rgb(255, 255, 255);
text-shadow: 2px 2px 5px white, -2px -2px 5px white;}
ul:hover li{text-shadow: none;}
a:hover{
letter-spacing: 2px;
zoom: 120%;
width: 100%;
border-bottom: 1px solid rgb(236, 223, 223);}
</style>
H T M L_______________________________________________
<ul>
⥼ M U N U ⥽
<li><a href="#">one </a></li>
<li><a href="#">twe </a></li>
<li><a href="#">three</a></li>
<li><a href="#">four </a></li>
</ul>
HTML & CSS
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>منوی کشویی</title>
<style>
body {
font-family: Arial, sans-serif;
}
# Menu style
.navbar {
background-color: #333;
overflow: hidden;
}
.navbar a {
float: right;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.navbar a:hover {
background-color: #ddd;
color: black;
}
# Style style
.dropdown {
float: right;
overflow: hidden;
}
.dropdown .dropbtn {
cursor: pointer;
padding: 14px 16px;
background-color: #333;
color: white;
border: none;
outline: none;
font-size: 16px;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
text-align: left;
}
.dropdown-content a:hover {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block; # Show submenu
}
</style>
</head>
<body>
<div class="navbar">
<a href="#home">خانه</a>
<a href="#about">درباره ما</a>
<div class="dropdown">
<button class="dropbtn">خدمات</button>
<div class="dropdown-content">
<a href="#service1">خدمات 1</a>
<a href="#service2">خدمات 2</a>
<a href="#service3">خدمات 3</a>
</div>
</div>
<a href="#contact">تماس با ما</a>
</div>
</body>
</html>
HTML & CSS
Submitting answers is currently unavailable.
Things need: The system administrator should be able to log in after entering the Admin username and password 12345 and add a new employee and define the username and password for each employee. The program must be informed ...
Project
Python
Write a program that the user can add and delete the student name. After each deletion or adding the student, the list of existing students should be displayed as below Choose: 1.Add 2.Rmove1name: hooshang1 ....
Python
Write a program that receives the radius of the circle and prints its area and environmental area = radius * Pi (3.14) circle environment = diameter (radius * 2) * Pi (3.14)
Python
JavaScript
HTML & CSS
Write a program that receives a number and prints the first counters in the output
Python
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام If you don’t understand the exercise or can’t solve it for any reason, that’s completely
normal—don’t worry 😊
Try checking out easier exercises and reviewing different answers
submitted by others. Gradually, you can move on to more challenging exercises. Also, your answer
might be correct even if it’s different from others.