Merhabalar;
Discord botu web sitesi için elimde bir script var ve /komutlar kısımını otomatik çekiyor. Fakat istediğim tasarım da değil. Bu link'teki sayfanın komutları gibi yapmaya çalışıyorum fakat sistem sökmesin de o kadar da iyi değilim.
Yardım edebilecek arkadaşlar var mı?
Bendeki hali şöyle:
(Komutlar adını,komut açıklamasını otomatik çekiyor bu kısımların değişmesini değil de html ve css ile açtığı kısımlarının değişmesini istiyorum. Yaptığımda karışık bir şeyler ortaya çıkıyor
bu konu hakkında yardım eder misiniz acaba?
Yapmak istediğim kısım: Buradan
Discord botu web sitesi için elimde bir script var ve /komutlar kısımını otomatik çekiyor. Fakat istediğim tasarım da değil. Bu link'teki sayfanın komutları gibi yapmaya çalışıyorum fakat sistem sökmesin de o kadar da iyi değilim.
Yardım edebilecek arkadaşlar var mı?Bendeki hali şöyle:
(Komutlar adını,komut açıklamasını otomatik çekiyor bu kısımların değişmesini değil de html ve css ile açtığı kısımlarının değişmesini istiyorum. Yaptığımda karışık bir şeyler ortaya çıkıyor
bu konu hakkında yardım eder misiniz acaba?
Kod:
<!--HEADER-->
<!DOCTYPE html>
<html lang="tr">
<head>
<**** name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="<%="x"%>">
<**** name="author" content="<%=bot.user.tag%>">
<**** name="keywords" content="EKLENECEK">
<**** property="og:site_name" value="<%=bot.user.username%>">
<**** property="og:image" content="<%="x"%>">
<**** property="og:description" content="Gelişmiş Türçe Discord Botu x">
<**** name="description" content="Gelişmiş Türçe Discord Botu x">
<**** name="theme-color" content="#0070fa">
<**** charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700&subset=latin-ext" rel="stylesheet">
<link href="https://bootswatch.com/4/cyborg/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/v/bs4/dt-1.10.16/cr-1.4.1/r-2.2.0/datatables.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment.min.js" integrity="sha256-zG8v+NWiZxmjNi+CvUYnZwKtHzFtdO8cAKUIdB8+U9I="
crossorigin="anonymous"></script>
<link rel="stylesheet" href="/css/main.css" />
<link rel='icon' href='<%="eklenecek"%>'>
<title><%=bot.user.username%> Web Paneli</title>
</head>
<body>
<nav style="background-color:#2a2d32" class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand" href="/anasayfa"><img src="https://cdn.discordapp.com/avatars/<%=bot.user.id%>/<%=bot.user.avatar%>.png" width="30" height="30"
class="d-inline-block align-top rounded-circle" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarColor02">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a href="/anasayfa" class="nav-link">Ana Sayfa</a></li>
<li class="nav-item"><a href="/istatistikler" class="nav-link">İstatistikler</a></li>
<li class="nav-item"><a href="/sunucular" class="nav-link">Tüm Sunucular</a></li>
<li class="nav-item"><a href="/botuekle" class="nav-link">Botu Sunucuna Ekle</a></li>
</ul>
<ul class="navbar-nav">
<%if(!user) {%>
<li class="nav-item"><a href="/giris" class="nav-link">Giriş Yap</a></li>
<%}%>
<%if(user) {%>
<li class="dropdown">
<a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="https://cdn.discordapp.com/avatars/<%=user.id%>/<%=user.avatar%>.png?size=32" width="25" height="25" class="d-inline-block align-middle rounded-circle" alt=""> <%=user.username%>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink" style="background-color:#2a2d32">
<a class="dropdown-item" href="/panel" style="color:#ffffff"><i aria-hidden="true"></i>Sunucularım</a>
<% if(bot.ayarlar.sahip.includes(user.id)) { %>
<a class="dropdown-item" href="/yonetici" style="color:#ffffff"><i aria-hidden="true"></i>Yönetici Paneli</a>
<% } %>
<a class="dropdown-item" href="/cikis" style="color:#ffffff"><i aria-hidden="true"></i>Çıkış Yap</a>
</div>
</li>
<%}%>
</ul>
</div>
</nav>
<%
let tema = '222'
let yazıTema = 'fff'
let t
let array = []
let a
if (bot.ayar.has(`panel_tema`) === true) {
for (var i = 0; i < bot.ayar.fetch('panel_tema').length; i++) { a = i }
tema = 'e5e5e5'
yazıTema = '000'
t = 'fff'
}
%>
<h1 align="center" style="color:#<%=yazıTema%>">
Tüm Komutlar
</h1>
<% const help = {};
bot.commands.forEach((command) => {
const cat = command.conf.kategori;
if (!help.hasOwnProperty(cat)) help[cat] = [];
help[cat].push(command);
});
%>
<div class="container">
<div class="row justify-content-md-center">
<% for (const category in help) { %>
<br>
<div class="row justify-content-md-center">
<% var k = category
.replace("eğlence", "eğlence komutları")
.replace("kullanıcı", "kullanıcı komutları")
.replace("sunucu", "sunucu komutları")
.replace("profil", "profil sistemi")
.replace("davet", "Gelişmiş Davet Sistemi")
.replace("moderasyon", "moderasyon komutları")
.replace("bot", "bot komutları")
.replace("iletisim", "bot iletişim - destek komutları")
.replace("yapımcı", "bot yapımcısı komutları")
.replace("oyun", "oyun komutları")
.replace("ayarlar", "ayarlar")
.replace("özel", "özel komut sistemi")
.replace("genel", "genel komutlar")
.replace("efekt", "çerçeve ve efekt komutları")
.replace("premium", "premium komutlar (Ücretsiz)")
.replace("lvl", "Seviye sistemi")
.replace("sistemm", "geliştirilmiş sistemsel komutlar")
.replace("kisiozel", "Kişiye özel komutlar")
%>
<h3 style="color:#<%=yazıTema%>;"><%= k.charAt(0).toUpperCase() + k.slice(1) %></h3>
</div>
<br>
<div class="card-columns" style="padding: 20px; border-radius: 40px;">
<% for (const command of help[category]) { %>
<div class="card" style="background-color:#<%=t%>; margin: 3px; border-radius: 40px;">
<h3 class="card-header" style="color: #383838;"><center><a href="#" data-toggle="modal" data-target="#<%= `${command.help.name}` %>Modal" style="text-decoration: none; color:#78C2AD;"><%= command.help.name %></a></center></h3>
<div style="color:white" class="card-block">
<p class="card-text" style="color:<%=yazıTema%>"><center><%= command.help.description %></center></p>
<h6 class="card-subtitle text-muted" align="right"><center>Gerekli Yetki: <%= command.conf.permLevel.toString().replace('0', 'Yetki gerekmiyor').replace('1', 'Mesajları Yönet').replace('2', 'Üyeleri At').replace('3', 'Üyeleri Yasakla').replace('4', 'Yönetici').replace("ozel", "Sunucu Sahibi").replace('5', 'Bot Sahibi') %></center><br /></h6>
</div>
</div>
<div id="<%= `${command.help.name}` %>Modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header btn-info disabled" style="background-color:#<%=tema%>; border: 0px;">
<h4 class="modal-title" style="color:#<%=yazıTema%>"><%= command.help.name %></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body" style="background-color:#<%=tema%>; border: 0px;">
<% let x;
if (command.conf.enabled === true) {
x = "Evet! Gerekli yetkiye sahip herkes kullanabilir."
}
if (command.conf.enabled === false) {
x = "Hayır! Bu komut henüz yapım aşamasında."
}
%>
<p style="color:#<%=yazıTema%>"><b>Örnek Kullanım:</b> <%= bot.ayarlar.prefix+command.help.usage || command.help.name %></p>
<p style="color:#<%=yazıTema%>"><b>Gerekli Yetki:</b> <%= command.conf.permLevel.toString().replace('0', 'Yetki gerekmiyor').replace('1', 'Mesajları Yönet').replace('2', 'Üyeleri At').replace('3', 'Üyeleri Yasakla').replace('4', 'Yönetici').replace("ozel", "Sunucu Sahibi").replace('5', 'Bot Sahibi') %></p>
<p style="color:#<%=yazıTema%>"><b>Komutun Diğer Adları:</b> <%= `${command.conf.aliases.join(', ') || 'Bulunmuyor'}` %></p>
<p style="color:#<%=yazıTema%>"><b>Komut Kullanılabilir Durumda Mı?</b> <%= x %></p>
</div>
<div class="modal-footer" style="background-color: #222; border: 0px;"><button type="button" class="btn btn-outline-danger" data-dismiss="modal">Kapat</button></div>
</div>
</div>
</div>
<% } %>
</div>
<% } %>
<% include footer.ejs %>Yapmak istediğim kısım: Buradan
