Neşeli Web – Web Tasarım & Yazılım

Sıkça Sorulan Sorular

Genel Stil

Yazı Tipi Stili Nasıl Değiştirilir ?

Adım 1:

Go To style.scss (src/assets/scss/styles.scss )

Başka bir yazı tipi ailesini değiştirmek istiyorsanız Google Yazı Tipleri sitesine gidin ve Birini Seçin Font Ailesi ve Styles.scss dosyasına aktarın

Yazı Tipi Ailesi Nasıl Seçilir

Örnek:

Adım 2:

Ve Seçtiğiniz yazı tipi ailesini style.scss dosyasına yapıştırın

Örnek:

Adım 3:

Ve Seçtiğiniz yazı tipi ailesini ekleyin _customs.scss(src/assets/scss/custom/_customs.scss)

Örnek:


body {
	font-size: 1rem;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #{$color};
	background-color: #{$background};
	line-height: 1.5;
	text-align: start;
	overflow-x: clip;
	padding: 0;
	margin: 0;
}

Menü simgeleri nasıl değiştirilir ?

Varsayılan olarak menü simgeleri Bootstrap simgeleridir; simgeleri değiştirmek istiyorsanız lütfen aşağıdaki adımları izleyin

Adım 1 :

değiştirmek için Menu icons, open header.html page and go through app-sidebar bu bölümde menünün Bootstrap simgelerini bulacaksınız. i etiketi, burada önceki simgeyi kendi simgenizle değiştirebilirsiniz. Örnek aşağıda gösterildiği gibi

Logo Nasıl Değiştirilir ?

klasörüne gidin "src/assets/images/brand" ve değiştirin senin Önceki Logoların yer aldığı logo görsel boyutundadır. not: Lütfen logo boyutlarını büyütmeyin. Logonuzu değiştirin verildi görüntü boyutu. aksi takdirde logo belirli bir yere sığmayacaktır. şablon tasarımını bozar.

RTL Sürümü Nasıl Etkinleştirilir

RTL Sürümü Nasıl Etkinleştirilir?

etkinleştirmek için lütfen aşağıdaki adımları izleyin RTL Version

Adım 1 :

etkinleştirmek için RTL Version açmanız gerekir custom-switcher.js (assets/js/custom-switcher.js) file dosyası ve için yorumları kaldırın rtl aşağıda gösterildiği gibi



	//RTL 
	if (!localStorage.getItem("hostmartl")) {
		// html.setAttribute("dir" , "rtl") // for rtl version 
	}

Adım 2 :

Etkinleştirmek için yorumları kaldırın rtl aşağıda gösterildiği gibi



		//RTL 
		if (!localStorage.getItem("hostmartl")) {
			html.setAttribute("dir" , "rtl") // for rtl version 
		}

Kutulu Sürüm Nasıl Etkinleştirilir

Kutulu Sürüm Nasıl Etkinleştirilir?

etkinleştirmek için lütfen aşağıdaki adımları izleyin Boxed Version

Step 1 :

etkinleştirmek için Boxed Version açmanız gerekir custom-switcher.js (assets/js/custom-switcher.js) dosyası için yorumları kaldırın Boxed aşağıda gösterildiği gibi



//Boxed styles
if (!localStorage.getItem("hostmaboxed")) {
	// html.setAttribute("data-width" , "boxed") // for boxed style
}

Adım 2 :

Etkinleştirmek için yorumları kaldırın boxed aşağıda gösterildiği gibi



//Boxed styles
if (!localStorage.getItem("hostmaboxed")) {
	html.setAttribute("data-width" , "boxed") // for boxed style
}

Dark Tema Stili

Koyu Tema Nasıl Etkinleştirilir?

etkinleştirmek için lütfen aşağıdaki adımları izleyin Dark Theme

Adım 1 :

etkinleştirmek için Dark Theme açmanız gerekir custom-switcher.js (assets/js/custom-switcher.js) dosyası için yorumları kaldırın dark-mode aşağıda gösterildiği gibi


//Dark Theme Style
if (!localStorage.getItem("hostmadarktheme")) {
	// html.setAttribute("data-theme-mode" , "dark") // for dark theme 
}

Adım 2 :

Etkinleştirmek için yorumları kaldırın dark-mode aşağıda gösterildiği gibi


//Dark Theme Style
if (!localStorage.getItem("hostmadarktheme")) {
	html.setAttribute("data-theme-mode" , "dark") // for dark theme 
}

LocalStorage(cookie) Temizleme

LocalStorage (çerez) nasıl temizlenir ?

Adım1:

açın custom-switcher.js dosyasını assets/js/custom-switcher.js

LocalStorage yükleme işlevlerini temizlemek için kaldırmanız gerekir localStorageBackup() function in custom-switcher.js gösterildiği gibi işlevi altında


function localStorageBackup() {
	// if there is a value stored, update color picker and background color
	// Used to retrive the data from local storage
	if (localStorage.primaryRGB) {
		if (document.querySelector('.theme-container-primary')) {
			document.querySelector('.theme-container-primary').value = localStorage.primaryRGB;
		}
		document.querySelector('html').style.setProperty('--primary-rgb', localStorage.primaryRGB);
	}
	if (localStorage.bodyBgRGB) {
		if (document.querySelector('.theme-container-background')) {
			document.querySelector('.theme-container-background').value = localStorage.bodyBgRGB;
		}
		document.querySelector('html').style.setProperty('--body-bg-rgb', localStorage.bodyBgRGB);
		let html = document.querySelector('html');
		html.setAttribute('theme-mode', 'dark');
		document.querySelector('#switcher-dark-theme').checked = true;
	}
	if (localStorage.hostmadarktheme) {
		let html = document.querySelector('html');
		html.setAttribute('theme-mode', 'dark');
	}
	if (localStorage.hostmartl) {
		let html = document.querySelector('html');
		html.setAttribute('dir', 'rtl');
		rtlFn();
	}
	if (localStorage.hostmaboxed) {
		let html = document.querySelector('html');
		html.setAttribute('width', 'boxed');
	}
	if(localStorage.hostmaltr){
		ltrFn()
	}
}

Adım2:

tamamını kaldırmak için LocalStorage kaldırmanız gerekir localstorage ile ilgili tüm arama işlevleri custom-switcher.js assets/js/custom-switcher.jsfile.

LocalStorage gibi ilgili işlevler localStorage.setItem, localStorage.removeItem, localStorage.getItem, localStorage.clear. şağıda öğrenebileceğiniz bazı örnekler verilmiştir.


localStorage.setItem("hostmadarktheme", true);
localStorage.removeItem("hostmalighttheme");
localStorage.getItem('hostmaboxed')
localStorage.clear();
localStorageBackup();

Önemli Lisans Koşulları

Son ürününüz son kullanıcılarınızdan bir ücret talep edemezsiniz. Normal Lisans.
Son ürün son kullanıcılarından ödeme toplamak istiyorsanız satın almanız gerekir Genişletilmiş Lisans son ürünün her biri için.
Yalnızca bir alan adı için bir lisans satın almanız gerekir.(yani Normal veya Uzatılmış)
Çoklu Etki Alanı, Çoklu İstemci, Çoklu Son Ürünleri aşağıdakilerle kullanamazsınız: lisanslardan herhangi biri (yani Normal veya Genişletilmiş).

daha fazla ayrıntı için tıklayın bağlantı