Tema Menülerini kullanabilmeniz için, "Site Yönetimi > Menüler (Header/Footer)" sayfasına gitmeniz gerekir.
https://siteadresiniz.com/admin/manage-website/menus
https://siteadresiniz.com/admin/manage-website/menus
HTML ve CSS bilginize göre örnek yapı ile ekleme veya düzenleme yapabilirsiniz. Kodlar örnek olarak verilmiştir. Kendinize göre düzenlemeniz gerekir.
Menü ve Temayı düzenlerken dikkatli olun. Hatalı düzenleme ve sonradan eklenen css kodları; tasarımı, düzeni tamamen kaydırabilir bozabilir.
Hatalı özelleştirmeler için destek sağlanmamaktadır.
Alanadı Menü Örnek Kodlar
<div class="hs-mega-menu w-100 main-sub-menu ptb-20" aria-labelledby="hostingMegaMenu">
<div class="row no-gutters">
<div class="col-md-6">
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="alan-adi">
<div class="media">
<div class="menu-item-icon"><i class="fa-solid fa-globe"></i></div>
<div class="media-body">
<span class="u-header__promo-title">Alanadı (Domain) Tescil</span>
<small class="u-header__promo-text">
<strong>210 TL</strong>'den başlayan fiyatlarla domain sahibi olun !</small>
</div>
</div>
</a>
</div>
</div>
<div class="col-md-6">
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="{SITE_URL}whois">
<div class="media">
<div class="menu-item-icon"><i class="fa-regular fa-circle-question"></i></div>
<div class="media-body">
<span class="u-header__promo-title">Alanadı (Domain) Whois <span class="badge badge-success ml-1">Yeni</span></span>
<small class="u-header__promo-text">Alanadını sorgulayın kime ait olduğunu öğrenin !
</small>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
Hosting Menü Örnek Kodlar
<div class="hs-mega-menu w-100 main-sub-menu" aria-labelledby="hostingMegaMenu">
<div class="row no-gutters">
<div class="col-md-6">
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="{SITE_URL}kategori/profesyonel-ssd-hosting">
<div class="media">
<img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/linux-logo.png" alt="">
<div class="media-body" style="padding-left: 10px;">
<span class="u-header__promo-title"> Web Hosting</span>
<small class="u-header__promo-text"> Yıllık 130 ₺'den Başlayan Fiyatlarla <strong>Paketlerimizi İnceleyebilirsiniz.</strong>
</small>
</div>
</div>
</a>
</div>
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="{SITE_URL}kategori/bayi-reseller-hosting">
<div class="media">
<img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/reseller.png" alt="">
<div class="media-body" style="padding-left: 10px;">
<span class="u-header__promo-title"> Bayi Hosting</span>
<small class="u-header__promo-text"> Aylık 30 ₺'den Başlayan Fiyatlarla<strong>Bayi Hosting Paketleri İnceyebilirisiniz.</strong></small>
</div>
</div>
</a>
</div>
</div>
<div class="col-md-6">
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="">
<div class="media">
<img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/kurumsal-eposta.png" alt="Email Hosting" style="padding-top:5px;">
<div class="media-body" style="padding-left: 10px;">
<span class="u-header__promo-title"> Email Hosting</span>
<small class="u-header__promo-text"> İşletmeniz için %100 inbox garantisi<br> <strong></strong></small>
</div>
</div>
</a>
</div>
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="">
<div class="media">
<img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/xenforo-2.png" alt="">
<div class="media-body" style="padding-left: 10px;">
<span class="u-header__promo-title"> Xeonfero Hosting <span class="badge badge-primary ml-1">Yeni</span></span>
<small class="u-header__promo-text"> Tamamen XenForo Uyumlu Web Hosting<strong>Paketlerimizi İnceleyebilirsiniz.</strong></small>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
Sunucu Menü Örnek Kodlar
<div class="hs-mega-menu w-100 main-sub-menu" aria-labelledby="homeMegaMenu">
<div class="row no-gutters">
<div class="col-lg-4">
<div class="menu-banner-wrap d-none d-md-none d-lg-block gray-light-bg" style="background-image: url('{TEMPLATE_URL}HostlarHD/assets/images/icons/servers-tech.png'); background-repeat: no-repeat; background-position: center center; background-size: cover;">
<div class="menu-banner-content" style="background-image: url('{TEMPLATE_URL}HostlarHD/assets/images/icons/serverimg.png'); background-repeat: no-repeat; background-position: center center; min-height:100%;">
<!---
<div class="mb-4 text-white">
<ul class="list-unstyled tech-feature-list">
<li class="py-1"> </li>
<li class="py-1"> </li>
</ul>
</div>
---->
</div>
</div>
</div>
<div class="col-lg-8">
<div class="row mega-menu-wrap">
<div class="col-sm-6">
<ul class="sub-menu-nav-group">
<li><a class="nav-link sub-menu-nav-link" href="{SITE_URL}kategori/fiziksel-sunucular-dedicated"><img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/sanalsunucu.png" width="25"> Sanal Sunucu</a></li>
<li><a class="nav-link sub-menu-nav-link" href="{SITE_URL}kategori/fiziksel-sunucular-dedicated"><img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/sanalsunucu.png" width="25"> Fiziksel Sunucu <span class="badge badge-danger ml-2">Popüler</span></a></li>
<li><a class="nav-link sub-menu-nav-link" href="{SITE_URL}minecraft-server"><img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/minecraft-icon.png" width="30"> MineCraft Sunucu</a></li>
</ul>
</div>
<div class="col-md-6">
<ul class="sub-menu-nav-group mb-3">
<li><a class="nav-link sub-menu-nav-link" href="{SITE_URL}kategori/fiziksel-sunucular-dedicated"><img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/sanalsunucu.png" width="25"> Sunucu Barındırma</a></li>
<li><a class="nav-link sub-menu-nav-link" href="{SITE_URL}kategori/fiziksel-sunucular-dedicated"><img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/sanalsunucu.png" width="25"> Yurtdışı Sanal Sunucu</a></li>
<li><a class="nav-link sub-menu-nav-link" href="{SITE_URL}cs-go-server"><img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/csgo-icon.png" width="30"> CS:GO Sunucu</a></li>
</ul>
</div>
<div class="col-md-6 col-lg-4 col-12">
<div class="technical-specifications-wrap mt-md-5 mt-lg-5">
<center>
<span class="ti-harddrives icon-md color-primary d-block mb-4"></span>
<span style="font-size:14px; font-weight:bold;">Web Hosting</span>
</center>
</div>
</div>
<div class="col-md-6 col-lg-4 col-12">
<div class="technical-specifications-wrap mt-md-5 mt-lg-5">
<center>
<span class="ti-panel icon-md color-primary d-block mb-4"></span>
<span style="font-size:14px; font-weight:bold;">cPanel Control Panel</span>
</center>
</div>
</div>
<div class="col-md-6 col-lg-4 col-12">
<div class="technical-specifications-wrap mt-md-5 mt-lg-5">
<center>
<span class="ti-server icon-md color-primary d-block mb-4"></span>
<span style="font-size:14px; font-weight:bold;">Databases</span>
</center>
</div>
</div>
<!---
<br/>
<center>
<span class="text-white1" style="font-weight:bold; font-size:14px;">İstediniz işletim sistemini seçip kurulum yapabilirsiniz .</span>
</center>
---->
</div>
</div>
</div>
</div>
Kurumsal Menü Örnek Kodlar
<div class="hs-mega-menu w-100 main-sub-menu" aria-labelledby="hostingMegaMenu">
<div class="row no-gutters">
<div class="col-md-6">
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="">
<div class="media">
<img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/sirketimiz_hakkinda.png" alt="">
<div class="media-body" style="padding-left: 10px;"> <span class="u-header__promo-title">Hakkımızda </span>
<small class="u-header__promo-text">Firmamız Hakıında Bilgiler <strong></strong>
</small>
</div>
</div>
</a>
</div>
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="">
<div class="media">
<img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/iletisim_bilgilerimiz.png" alt="">
<div class="media-body" style="padding-left: 10px;">
<span class="u-header__promo-title">İletişim Bilgilerimiz <span class="badge badge-success ml-1"></span></span>
<small class="u-header__promo-text">Kurumsal iletişim ağımızı ziyaret edin<strong></strong></small>
</div>
</div>
</a>
</div>
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="">
<div class="media">
<img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/referanslarimiz2.png" alt="">
<div class="media-body" style="padding-left: 10px;">
<span class="u-header__promo-title">Refanslar</span>
<small class="u-header__promo-text">Hizmet verdiğimiz kurumsal referanslarımız<strong></strong></small>
</div>
</div>
</a>
</div>
</div>
<div class="col-md-6">
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="">
<div class="media">
<img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/bankabilgileri.png" alt="">
<div class="media-body" style="padding-left: 10px;">
<span class="u-header__promo-title">Banka Hesaplarımız </span>
<small class="u-header__promo-text">Ödeme yapabileceğiniz resmi banka hesaplarımız<strong></strong></small>
</div>
</div>
</a>
</div>
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="status">
<div class="media">
<img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/sunucubarindirma.png" alt="">
<div class="media-body" style="padding-left: 10px;">
<span class="u-header__promo-title">Alt Yapi Ve Veri Merkezi </span>
<small class="u-header__promo-text">Türkiye'nin en kaliteli veri merkezleri ile çalışıyoruz<strong></strong></small>
</div>
</div>
</a>
</div>
<div class="title-with-icon-item">
<a class="title-with-icon-link" href="">
<div class="media">
<img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/guncel_kampanyalar.png" alt="">
<div class="media-body" style="padding-left: 10px;">
<span class="u-header__promo-title">Sistem Ve Duyurular</span>
<small class="u-header__promo-text">Tüm bakım çalışmalarının detaylarını inceleyin<strong></strong></small>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="secondary-bg">
<div class="u-header__product-banner-content position-relative z-index text-center text-white">
<div class="row" style="padding-left:20px;">
<a class="nav-link sub-menu-nav-link text-white" href="#" style="float:left;"><img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/sozlesme.png" alt="" width="25"> Hizmet Sözleşmesi</a>
<a class="nav-link sub-menu-nav-link text-white" href="#" style="float:left;"><img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/sozlesme.png" alt="" width="25"> Gizlilik Sözleşmesi</a>
<a class="nav-link sub-menu-nav-link text-white" href="#" style="float:left;"><img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/sozlesme.png" alt="" width="25"> İade Politikası</a>
<a class="nav-link sub-menu-nav-link text-white" href="#" style="float:left;"><img src="{TEMPLATE_URL}HostlarHD/assets/images/icons/sozlesme.png" alt="" width="25"> KVK</a>
</div>
</div>
</div>
</div>
HTML ve CSS bilginize göre örnek yapı ile ekleme veya düzenleme yapabilirsiniz. Kodlar örnek olarak verilmiştir. Kendinize göre düzenlemeniz gerekir.
Menü ve Temayı düzenlerken dikkatli olun. Hatalı düzenleme ve sonradan eklenen css kodları; tasarımı, düzeni tamamen kaydırabilir bozabilir.
Hatalı özelleştirmeler için destek sağlanmamaktadır.
