Merhabalar web sitemin header bölümünde dil sekmesi menüye eklenmesi gerekiyor yardıma ihtiyacım var. Bunu Nasıl yapabilirim..
<style>
.header-two .header-top {
background: #fff;
align-items: center;
position: relative;
z-index: 1;
overflow: unset;
border-bottom: 1px solid #EAECF2;
}
li.has-droupdown {
margin-right: 35px !important;
}.main-header .nav-main ul li {
margin: 0;
margin-right: 15px;
}.progress-wrap {
position: fixed;
right: 30px;
bottom: 67px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
z-index: 10000;
opacity: 1;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}.header-two .main-header .content .header-right button {
max-width: fit-content;
background: #FFECEC;
padding: 19px;
margin-left: 10px;
}.search-input-area .search-input-inner .search-close-icon {
cursor: pointer;
position: revert;
right: -21%;
top: -42px;
}@media only screen and (max-width: 1199px) {
.header-two .header-top {
display: unset;
}.header-two .header-top .content .right-header-top {
margin-left: 20px;
display: flex;
align-items: center;
}.header-two .header-top::after {
position: absolute;
left: 0%;
content: "";
top: 0;
width: 100%;
height: 100%;
background: var(--genel);
z-index: -1;
transform: skew(359deg);
}.header-two .header-top .content .right-header-top .ht-social ul li a i {
color: #ffffff;
transition: 0.3s;
}a.dropdown-toggle {
color: white;
}}.jquery-accordion-menu ul li a {
width: 100%;
padding: 14px 22px;
float: left;
text-decoration: none;
color: #fff;
font-size: 13px;
background: var(--genel);
white-space: nowrap;
position: relative;
overflow: hidden;
-o-transition: color .2s linear, background .2s linear;
-moz-transition: color .2s linear, background .2s linear;
-webkit-transition: color .2s linear, background .2s linear;
transition: color .2s linear, background .2s linear;
}.jquery-accordion-menu .jquery-accordion-menu-header, .jquery-accordion-menu .jquery-accordion-menu-footer {
width: 100%;
height: 50px;
padding-left: 22px;
float: left;
line-height: 50px;
font-weight: 600;
color: #fff;
background: var(--genel);
}ul li {
font-size: var(--font-size-b1);
line-height: var(--line-height-b1);
margin-top: 2px;
margin-bottom: 2px;
color: var(--color-body);
list-style: none;
}
</style>
<!-- start header area -->
<header class="header-two header--sticky">
<div class="header-top">
<div class="content">
<div class="hidden-xs left-header-top">
<p class="top-details">
<?php echo $hdil["_htumincele"]; ?> <a href="<?php echo $hlink["iletisim"]; ?>"> <?php echo $hdil["_hbaslik1"]; ?> <i class="fal fa-arrow-right"></i></a>
</p>
</div>
<div class="right-header-top">
<div class="dropdown">
<?php
if ($dildurum_sorgu_kontrol == 1){ }else{ ?>
<a href="#" role="button" class="dropdown-toggle" data-bs-toggle="dropdown"><img src="<?php echo $simge2; ?>"> <?php echo $dilkisa; ?></a>
<ul class="dropdown-menu">
<?php foreach ($dillersorgu as $dilsorgu) {
if ($ayarlardegisken["sitelink"] == "0"){
?>
<li> <a class="dropdown-item" href="./?bosalt=bosalt&dilsecildi=<?php echo $dilsorgu['dilid']; ?>"><img src="<?php echo $dilsorgu['bayrak']; ?>"> <?php echo $dilsorgu['baslik']; ?></a></li>
<?php } else { ?>
<li><a class="dropdown-item" href="./<?php echo $dilsorgu['dilid']; ?>"> <img src="<?php echo $dilsorgu['bayrak']; ?>"><?php echo $dilsorgu['baslik']; ?></a> </li>
<?php } } ?>
</ul>
<?php
}
?>
</div>
<div class="ht-social">
<span class="hidden-xs "> <?php echo $hdil["_sosyal_medya"]; ?>:</span>
<ul>
<?php echo $iletisim["facebook"] ? '<li><a href="'.$iletisim["facebook"].'" target="_blank"><i class="fab '.$icon1a.'"></i> </a></li>' : null; ?>
<?php echo $iletisim["twitter"] ? '<li><a href="'.$iletisim["twitter"].'" target="_blank"><i class="fab '.$icon2a.'"></i> </a></li>' : null; ?>
<?php echo $iletisim["instagram"] ?'<li><a href="'.$iletisim["instagram"].'" target="_blank"><i class="fab '.$icon4a.'"></i> </a></li>' : null; ?>
<?php echo $iletisim["youtube"] ? '<li><a href="'.$iletisim["youtube"].'" target="_blank"><i class="fab '.$icon3a.'"></i> </a></li>' : null; ?>
</ul>
</div>
</div>
</div>
</div>
<div class="main-header">
<div class="content">
<div class="header-left">
<a class="thumbnail" href="index.php">
<img src="<?php echo $site_logo; ?>" style="max-width: 185px;" alt="<?php echo $site_title; ?>">
</a>
<nav class="nav-main mainmenu-nav d-none d-xl-block">
<ul class="mainmenu">
<?php echo sitemenu($array); ?>
</ul>
</nav>
</div>
<div class="header-right">
<div class="call-area">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
<path d="M14.2251 11.5362C13.7279 11.5914 13.3688 12.061 13.3965 12.5858C13.4517 13.083 13.8936 13.4697 14.4461 13.4144C14.9985 13.3592 15.5509 13.5249 15.9376 13.9116C16.352 14.3259 16.5177 14.8784 16.4624 15.4308C16.4072 15.9832 16.7939 16.4252 17.2911 16.4804C17.5949 16.508 17.8711 16.3975 18.0645 16.2042C18.2026 16.0661 18.3131 15.8451 18.3407 15.6518C18.4512 14.4917 18.0645 13.3868 17.2635 12.5858C16.4901 11.8124 15.3852 11.4257 14.2251 11.5362ZM13.866 7.80729C13.3136 7.86253 12.9545 8.3321 13.0098 8.82928C13.0374 9.35409 13.507 9.71317 14.0318 9.68554C15.7443 9.51982 17.3739 10.0999 18.5617 11.2876C19.7218 12.4477 20.3294 14.105 20.1637 15.8175C20.1085 16.3147 20.4675 16.7842 20.9923 16.8119C21.2962 16.8395 21.5448 16.7566 21.7381 16.5633C21.9038 16.3975 21.9867 16.2042 22.042 15.9832C22.2905 13.7459 21.5171 11.5362 19.9151 9.93414C18.3131 8.3321 16.131 7.58632 13.866 7.80729ZM13.507 4.07841C12.9821 4.10603 12.6231 4.57559 12.6507 5.1004C12.7059 5.59758 13.1479 5.98428 13.6727 5.95666C16.4901 5.68045 19.2522 6.61957 21.2409 8.60831C23.202 10.5694 24.1688 13.3592 23.8926 16.1766C23.865 16.7014 24.2517 17.1433 24.7488 17.1986C25.0527 17.2262 25.3289 17.1157 25.5222 16.9223C25.6603 16.7842 25.7432 16.5909 25.7708 16.3423C26.1299 13.0001 24.9698 9.68554 22.5668 7.28249C20.1361 4.85181 16.8768 3.74695 13.507 4.07841ZM10.3581 15.0165C10.662 14.7679 10.8001 14.2983 10.6343 13.9116L9.22564 10.6799C9.05991 10.238 8.56273 10.017 8.14841 10.0999L5.11006 10.818C4.69574 10.9009 4.3919 11.3152 4.3919 11.7571C4.3919 19.3254 10.5515 25.485 18.1197 25.485C18.5617 25.485 18.976 25.1811 19.0588 24.7668L19.777 21.7285C19.8599 21.3141 19.6389 20.817 19.197 20.6512L15.9653 19.2425C15.5786 19.0768 15.109 19.2149 14.8604 19.5187L13.5346 21.1208C11.4353 20.1264 9.75045 18.4415 8.75608 16.3423L10.3581 15.0165Z" fill="#0B4DF5" />
</svg>
</div>
<div class="number-area">
<span><?php echo $hdil["_musteri_destek"]; ?></span>
<a href="tel:<?php echo $iletisim["telefon"]; ?>">
<h6 class="call"><?php echo $iletisim["telefon"]; ?></h6>
</a>
</div>
</div>
<a class="rts-btn btn-primary-2 menu-block-none" href="<?php echo $hlink["iletisim"]; ?>"><?php echo $hdil["_hizliiletisim"]; ?></a>
<button id="search" class="rts-btn btn-primary-alta"><i class="far fa-search"></i></button>
<div class="search-input-area">
<div class="container">
<form method="get" action="<?php echo $hlink["ara"]; ?>">
<div class="search-input-inner">
<div class="input-div">
<input class="search-input" type="text" value="<?php echo $_GET['urun']; ?>" name="tag" placeholder="<?php echo $hdil["_kelime_yazin"]; ?>">
<button><i class="far fa-search"></i></button>
</div>
<div id="close" class="search-close-icon"><i class="far fa-times"></i></div>
</div>
</form>
</div>
</div>
<button id="menu-btn" class="hidden-sm hidden-lg hidden-md menu rts-btn btn-primary-alta ml--20">
<img class="menu-dark" src="theme/ozel/style/images/icon/menu.png" alt="Menu-icon">
<img class="menu-light" src="theme/ozel/style/images/icon/menu-light.png" alt="Menu-icon">
</button>
</div>
</div>
</div>
</header>
<div id="anywhere-home"></div>
<div id="side-bar" class="side-bar">
<button class="close-icon-menu"><i class="far fa-times"></i></button>
<!-- inner menu area desktop start -->
<div class="rts-sidebar-menu-desktop">
<!-- inner menu area desktop start -->
<a class="logo-1" href="index.php"><img class="logo" src="<?php echo $site_logo; ?>" alt="<?php echo $site_title; ?>"></a>
<div class="body-mobile d-block d-xl-none">
<nav class="nav-main mainmenu-nav">
<ul class="mainmenu">
<?php echo mobilsitemenu($array); ?>
</ul>
</nav>
<div class="social-wrapper-two menu mobile-menu">
<?php echo $iletisim["facebook"] ? '<a href="'.$iletisim["facebook"].'" target="_blank"><i class="fab '.$icon1a.'"></i> </a>' : null; ?>
<?php echo $iletisim["twitter"] ? '<a href="'.$iletisim["twitter"].'" target="_blank"><i class="fab '.$icon2a.'"></i> </a>' : null; ?>
<?php echo $iletisim["instagram"] ? '<a href="'.$iletisim["instagram"].'" target="_blank"><i class="fab '.$icon4a.'"></i> </a>' : null; ?>
<?php echo $iletisim["youtube"] ? '<a href="'.$iletisim["youtube"].'" target="_blank"><i class="fab '.$icon3a.'"></i> </a>' : null; ?>
</div>
<a href="<?php echo $hlink["basvuru"]; ?>" class="rts-btn btn-primary ml--20 ml_sm--5 header-one-btn quote-btnmenu"><?php echo $hdil['_hizliiletisim']; ?></a>
</div>
</div>
<!-- inner menu area desktop End -->
</div>