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
<ul class="submenu has-homemenu has-menu-hosting">
<li class="border-none">
<div class="homemenu-items">
<div class="row">
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/domain_register.png" alt="img">
</div>
<div class="content">
<h6><a href="{SITE_URL}alan-adi">Domain Sorgula</a></h6>
<p>
4.95$’dan başlayan fiyatlar ile domain sahibi olun.
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/domain_whois.png" alt="img">
</div>
<div class="content">
<h6><a href="{SITE_URL}whois">Domain Whois</a></h6>
<p>
Hızlı bir şekilde alan adının kime ait olduğunu öğrenin.
</p>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
Hosting Menü Örnek Kodlar
<ul class="submenu has-homemenu has-menu-hosting">
<li class="border-none">
<div class="homemenu-items">
<div class="row">
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/share-host.png" alt="img">
</div>
<div class="content">
<h6><a href="{SITE_URL}kategori/hosting">Ekonomik Hosting</a></h6>
<p>
Ekonomik Hosting Planları
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/reseller-shost.png" alt="img">
</div>
<div class="content">
<h6><a href="#">Reseller Hosting</a></h6>
<p>
Reseller Hosting Planları
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/dedicated-host.png" alt="img">
</div>
<div class="content">
<h6><a href="#">Profesyonel Hosting</a></h6>
<p>
Profesyonel Hosting Planları
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/vps-host.png" alt="img">
</div>
<div class="content">
<h6><a href="#">DDOS Hosting</a></h6>
<p>
Daha Güvenli!
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/wordpress-host.png" alt="img">
</div>
<div class="content">
<h6><a href="#">WordPress Hosting</a></h6>
<p>
Wordpress Jet Hızında!
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/cloud-host.png" alt="img">
</div>
<div class="content">
<h6><a href="#">Kurumsal Hosting</a></h6>
<p>
Kurumsal Hosting Planları
</p>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
Sunucu Menü Örnek Kodlar
<ul class="submenu has-homemenu">
<li class="border-none">
<div class="homemenu-items">
<div class="row">
<div class="col-lg-4">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/service.png" alt="img">
</div>
<div class="content">
<h6><a href="{SITE_URL}kategori/server">Fiziksel Sunucu</a></h6>
<p>
Fiziksel Sunucular
</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/service.png" alt="img">
</div>
<div class="content">
<h6><a href="{SITE_URL}kategori/ssd-sanal-sunucular-vds-vps">Profesyonel VDS</a></h6>
<p>
VDS Paketleri
</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/service.png" alt="img">
</div>
<div class="content">
<h6><a href="#">Profesyonel VPS</a></h6>
<p>
VPS Paketleri
</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/service.png" alt="img">
</div>
<div class="content">
<h6><a href="#">Yurtdışı Lokasyon Sunucu</a></h6>
<p>
Yurtdışı Paketleri
</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/service.png" alt="img">
</div>
<div class="content">
<h6><a href="#">Bulut Sunucular</a></h6>
<p>
Bulut Sunucu Paketleri
</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/data-center.png" alt="img">
</div>
<div class="content">
<h6><a href="#">Diğer Hizmet</a></h6>
<p>
Sunucu durumları
</p>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
Kurumsal Menü Örnek Kodlar
<ul class="submenu has-homemenu has-menu-hosting">
<li class="border-none">
<div class="homemenu-items">
<div class="row">
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/about.png" alt="img">
</div>
<div class="content">
<h6><a href="{SITE_URL}hakkimizda.html">Hakkımızda</a></h6>
<p>
Firmamız Hakkında Bilgiler
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/about.png" alt="img">
</div>
<div class="content">
<h6><a href="{SITE_URL}referanslar">Referanslar</a></h6>
<p>
Mutlu Müşterilerimiz
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/about.png" alt="img">
</div>
<div class="content">
<h6><a href="#">Banka Hesaplarımız</a></h6>
<p>
Kurumsal Banka Hesaplarımız
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="homemenu-list">
<div class="icon">
<img src="{TEMPLATE_URL}VortexHD/theme/img/menu-icon/about.png" alt="img">
</div>
<div class="content">
<h6><a href="{SITE_URL}">İletişim</a></h6>
<p>
Kurumsal ağımızı ziyaret edin.
</p>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
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.
