Logo Logo

GamePiN Dokümantasyon v1.0

Demo Satın Al
Tema Menülerini kullanabilmeniz için, "Site Yönetimi > Menüler (Header/Footer)" sayfasına gitmeniz gerekir.
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.

Kategoriler Menü Örnek Kodlar 

															
															<div class="rts-mega-menu" style="margin-top: -5px; margin-left: -180px;">
																<div class="wrapper">
																	<div class="row g-0">
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li style="margin-bottom: 0px;">
																					<a href="{SITE_URL}kategori/pubg" style="background: #de8d001c;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/pubg.png" alt="icon" style="background-color: #fdb100;">
																						<div class="info">
																							<p>PUBG Mobile</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #ff445424;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/valorant.png" alt="icon" style="background-color: #ff4454;">
																						<div class="info">
																							<p>Valorant</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #fe111523;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/brawl-stars.png" alt="icon" style="background-color: #fe1114;">
																						<div class="info">
																							<p>Brawl Stars</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #2633e81c;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/mobile-legends.png" alt="icon" style="background-color: #2633e8;">
																						<div class="info">
																							<p>Mobile Legends</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #b395561c;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/league-of legends.png" alt="icon" style="background-color: #b39556;">
																						<div class="info">
																							<p>League of Legends</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #00000038;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/roblox.png" alt="icon" style="background-color: #000;">
																						<div class="info">
																							<p>Roblox</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #13121124;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/steam.png" alt="icon" style="background-color: #131211;">
																						<div class="info">
																							<p>Steam</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #7741a11f;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/growtopia.png" alt="icon" style="background-color: #7741a1;">
																						<div class="info">
																							<p>Growtopia</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #c3780130;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/growtopia.png" alt="icon" style="background-color: #c37801;">
																						<div class="info">
																							<p>Clash of Clans</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #e826291c;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/hediye-kartlari.png" alt="icon" style="background-color: #e8262a;">
																						<div class="info">
																							<p>Hediye Kartları</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #f9c29521;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/diger-urunler.png" alt="icon" style="background-color: #f9c295;">
																						<div class="info">
																							<p>Diğer Ürün Satışları</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #ea44352b;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/lisans-hizmetleri.png" alt="icon" style="background-color: #ea4335;">
																						<div class="info">
																							<p>Lisans Hizmetleri</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																	</div>
																</div>
															</div>

Sosyal Medya Menü Örnek Kodlar 

															
															<div class="rts-mega-menu" style="margin-top: -5px; margin-left: -100px;">
																<div class="wrapper">
																	<div class="row g-0">
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li style="margin-bottom: 0px;">
																					<a href="{SITE_URL}kategori/sosyal-medya" style="background: #e1306b22;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/instagam.webp" alt="icon" style="background-color: #e1306c;">
																						<div class="info">
																							<p>İnstagram</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #3858991e;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/facebook.png" alt="icon" style="background-color: #385899;">
																						<div class="info">
																							<p>Facebook</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #1016261f;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/tiktok.webp" alt="icon" style="background-color: #101626;">
																						<div class="info">
																							<p>Tiktok</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #20a4e11c;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/telegram.png" alt="icon" style="background-color: #20a4e1;">
																						<div class="info">
																							<p>Telegram</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #ff00001e;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/youtube.png" alt="icon" style="background-color: #ff0000;">
																						<div class="info">
																							<p>Youtube</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #1ed6611b;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/spotify.png" alt="icon" style="background-color: #1ed660;">
																						<div class="info">
																							<p>Spotify</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #0000001c;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/x.png" alt="icon" style="background-color: #000;">
																						<div class="info">
																							<p>Twitter</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																				<li style="margin-bottom: 0px;">
																					<a href="#" style="background: #2868b228;">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/linkedin.png" alt="icon" style="background-color: #2868b2;">
																						<div class="info">
																							<p>LinkedIn</p>
																							<!-- <span>Açıklama</span> -->
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																	</div>
																</div>
															</div>

Diğer Menü Örnek Kodlar 

															
															<div class="rts-mega-menu">
																<div class="wrapper">
																	<div class="row g-0">
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li>
																					<a href="https://siteadresiniz.com/hakkimizda.html">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
																						<div class="info">
																							<p>Hakkımızda</p>
																							<span>Hakkımızda Sayfası</span>
																						</div>
																					</a>
																				</li>
																				<li>
																					<a href="https://siteadresiniz.com/iletisim">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
																						<div class="info">
																							<p>İletişim</p>
																							<span>İletişim Sayfası</span>
																						</div>
																					</a>
																				</li>
																				<li>
																					<a href="https://siteadresiniz.com/referanslar">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
																						<div class="info">
																							<p>Referanslar</p>
																							<span>Referanslar Sayfası</span>
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li>
																					<a href="https://siteadresiniz.com/bilgi-bankasi">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
																						<div class="info">
																							<p>Bilgi Bankası</p>
																							<span>Bilgi Bankası Sayfası</span>
																						</div>
																					</a>
																				</li>
																				<li>
																					<a href="https://siteadresiniz.com/yazilar">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
																						<div class="info">
																							<p>Blog</p>
																							<span>Blog Sayfası</span>
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li>
																					<a href="https://siteadresiniz.com/alan-adi">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
																						<div class="info">
																							<p>Alan Adı Tescil</p>
																							<span>Domain Sayfası</span>
																						</div>
																					</a>
																				</li>
																				<li>
																					<a href="https://siteadresiniz.com/yazilimlar">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
																						<div class="info">
																							<p>Yazılımlar</p>
																							<span>Yazılımlar Sayfası</span>
																						</div>
																					</a>
																				</li>
																			</ul>
																		</div>
																		<div class="col-lg-3">
																			<ul class="mega-menu-item">
																				<li>
																					<a href="https://siteadresiniz.com/whois">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
																						<div class="info">
																							<p>Whois</p>
																							<span>Whois Sayfası</span>
																						</div>
																					</a>
																				</li>
																				<li>
																					<a href="https://siteadresiniz.com/lisans-dogrula">
																						<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
																						<div class="info">
																							<p>Lisans Doğrulama</p>
																							<span>Sorgulama Sayfası</span>
																						</div>
																					</a>
																				</li>
																			</ul>
																		</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.
DESTEK