HTML yapın şöyle olacak
<aside>
SİDEBAR
</aside>
<main>
<header>
HEADER
</header>
<section class="content">
İÇERİK ALANI
</section>
<footer>
FOOTER
</footer>
</main>
Ve temel olarak CSS kodların ise şöyle
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
}
body {
display: flex;
}
aside {
width: 300px;
min-width: 300px;
background: #333;
color: #fff;
}
main {
flex: 1;
display: flex;
flex-direction: column;
}
main header {
height: 50px;
border-bottom: 1px solid #ddd;
background: #f8f8f8;
min-height: 50px;
}
main .content {
flex: 1;
padding: 20px;
overflow: auto;
}
main footer {
height: 50px;
min-height: 50px;
border-top: 1px solid #ddd;
background: #f8f8f8;
}
sonuç mu? şuradan bakabilirsin
https://codepen.io/tayfunerbilen/pen/xxRWYOa
Evet yapabilirsin, en basit şekilde şöyle
$('li').each(function(){
if ($('>ul', this).length){
$('>a', this).addClass('altvar');
}
});
Bir yazım formatı, her dilde çeviricisi mevcut. Amaç bir standart oluşturmak.
https://prototurk.com/makaleler/markdown-nedir-nasil-kullanilir
şöyle denedin mi
<video src={"../media/chess.mov"} autoPlay controls loop muted />
Güncel yazmışsın ancak verdiğin slider linki çalışmıyor :) lütfen biraz daha dikkatli soru soralım.
Prototürk'ünde sunucularının bulunduğu burtinet.com'u tavsiye ederim.
Ayrıca digitalocean'da phpmyadmin vs. kullanmak için bir sunucu alıp kendin kurman gerekiyor, kurulumu bilmiyorsan yazdığım makaleye bakabilirsin http://www.erbilen.net/centos-sunucu-uzerinde-apache-php-mysql-ve-phpmyadmin-kurulumu-ve-cloudflare-ayarlari/
bunu aslında tab mantığında genel bir kod olarak yazmak daha doğru olur şöyle bir html kodun olsun;
<div data-tab>
<nav data-tab-list>
<ul>
<li>
<a href="#">Giriş yap</a>
</li>
<li>
<a href="#">Kayıt ol</a>
</li>
</ul>
</nav>
<div class="tab-contents">
<div data-tab-content>1. tab</div>
<div data-tab-content>2. tab</div>
</div>
</div>
Ve jquery kodların şöyle olacak;
const tabs = $('[data-tab]');
tabs.each(function(el){
let tab = $('[data-tab-list] li', el),
contents = $('[data-tab-content]', el);
tab.filter(':first').addClass('active');
contents.filter(':not(:first)').hide();
tab.on('click', function(e) {
e.preventDefault();
tab.removeClass('active').filter(this).addClass('active');
contents.hide().filter(':eq(' + $(this).index() + ')').fadeIn(300);
// buradı removeClass().addClass() ile class eklemelide yapabilirsin sana kalmış
});
});
return ile döndürmen lazım ancak çalışmazsa en kötü ihtimalle şöyle yapabilirsin;
class Category {
public function get()
{
ob_start();
$this->find();
$categories = ob_get_clean();
return $categories;
}
public function find($parent = 0, $categoryID = 0)
{
$sira = 1;
$kategorilistele = $GLOBALS["baglan"]->prepare("SELECT * FROM kategoriler WHERE ustkatno = ? ORDER BY sira ASC");
$kategorilistele->execute(array($parent));
echo "<ul>";
foreach($kategorilistele as $kategorii)
{
echo "<li> ".$sira.") ";
echo $kategorii["baslik"];
if($kategorii["sira"] != 0) {
echo "<div> <a class='btn btn-primary' href='index.php?menu=kategoriler&tur=yeni&katsira=".$kategorii["sira"]."'>Alt Kategori Ekle</a> <a class='btn btn-warning' href='index.php?menu=kategoriler&tur=duzenle&katsira=".$kategorii["sira"]."'>Düzenle</a> <a class='btn btn-danger' href='index.php?menu=kategoriler&tur=sil&katsira=".$kategorii["sira"]."' onclick='return confirm("Silmek istediginizden Emin misiniz ? Bu kategoriyi sildiğinizde bağlı olan içerikler KATEGORISIZ olarak görünecektir. ")'>Sil</a></div>";
}
$this->find($kategorii["sira"], $categoryID);
echo "</li>";
$sira++;
}
echo "</ul>";
}
}
$category = new Category;
echo "<ul>";
echo $category->get();
echo "</ul>";
ee soru nedir? açıklama yazmışsın soruyu yazmamışsın....