الگو:منوی مناطق: تفاوت میان نسخه‌ها

نسخهٔ ‏۸ مهٔ ۲۰۲۴، ساعت ۰۷:۴۴

 <a href="#home">مناطق و کشورها</a>

   <button class="subnavbtn">آسیای شرقی </button>

     <a href="#company">کشور اول</a>
     <a href="#team">کشور دوم</a>
     <a href="#careers">کشور سوم</a>

   <button class="subnavbtn">شبه قاره </button>

     <a href="#bring">کشور اول</a>
     <a href="#deliver">کشور دوم</a>
     <a href="#package">کشور سوم</a>
     <a href="#express">کشور چهارم</a>

   <button class="subnavbtn">آسیای مرکزی و قفقاز </button>

     <a href="#link1">کشور اول</a>
     <a href="#link2">کشور دوم</a>
     <a href="#link3">کشور سوم</a>
     <a href="#link4">کشور چهارم</a>

   <button class="subnavbtn">عربی </button>

     <a href="#link1">کشور اول</a>
     <a href="#link2">کشور دوم</a>
     <a href="#link3">کشور سوم</a>
     <a href="#link4">کشور چهارم</a>

   <button class="subnavbtn">آفریقا </button>

     <a href="#link1">کشور اول</a>
     <a href="#link2">کشور دوم</a>
     <a href="#link3">کشور سوم</a>
     <a href="#link4">کشور چهارم</a>

   <button class="subnavbtn">اروپای شرقی </button>

     <a href="#link1">کشور اول</a>
     <a href="#link2">کشور دوم</a>
     <a href="#link3">کشور سوم</a>
     <a href="#link4">کشور چهارم</a>

   <button class="subnavbtn">اروپای غربی </button>

     <a href="#link1">کشور اول</a>
     <a href="#link2">کشور دوم</a>
     <a href="#link3">کشور سوم</a>
     <a href="#link4">کشور چهارم</a>

@@ خط ۱: / خط ۱: @@
-.navbar {
-  overflow: hidden;
-  background-color: blue;
-}
-.navbar a {
-  float: right;
-  font-size: 16px;
-  color: white;
-  text-align: center;
-  padding: 14px 16px;
-  text-decoration: none;
-}
-.subnav {
-  float: right;
-  overflow: hidden;
-}
-.subnav .subnavbtn {
-  font-size: 16px;
-  border: none;
-  outline: none;
-  color: white;
-  padding: 14px 16px;
-  background-color: inherit;
-  font-family: inherit;
-  margin: 0;
-}
-.navbar a:hover, .subnav:hover .subnavbtn {
-  background-color: blue;
-}
-.subnav-content {
-  display: none;
-  position: absolute;
-  left: 0;
-  background-color: blue;
-  width: 100%;
-  z-index: 1;
-}
-.subnav-content a {
-  float: right;
-  color: white;
-  text-decoration: none;
-}
-.subnav-content a:hover {
-  background-color: #eee;
-  color: black;
-}
-.subnav:hover .subnav-content {
-  display: block;
-}
-</style>
-</head>
-<body>
 <div class="navbar">
    <a href="#home">مناطق و کشورها</a>