İçeriğe atla

Aylık arşivler: Mart 2018

Bootstrap Sayfa Yerleşim Düzeni

Bootstrap Sayfa Yerleşim Düzeni

Bootstrap ızgara sistemini devreye almamıza sağlayan sistem için geçerlidir.

Div acıyoruz

1. container : Ortalama

<div class="container">
sayfa içeriği
</div>

1. container :full screen

<div class="container-fluid">
sayfa içeriği
</div>

Place Holder Nedir? Kullanımı

Place Holder Nedir? Kullanımı

Tasarım oluştururken resim kullanmak yerine place holder dan çözürlüğünüze göre resim alabilirsiniz.

örnegin bir alanda 150*150 resim bulmanız yerine place holder dan çözünürlüğe resim oluşturabilirsiniz.

Bootsrap Nedir?

Bootstrap Nedir?

19 Ağustos 2015 tarihinde twitter da çalışan 2 mühendis tarafından geliştirilmeye başlandı.
Tasarımınızı response uyumlu olmasını sağlıyor. Buton, modal vb. eklentilerde içerisinde mevcuttur.

Front-end developerlar için geliştirilmiştir.
Ücretsiz ve açık kaynak kodludur.

Fron-end developer:
Tasarım Geliştiricisi. Html,css ve javascript kullanarak tasarımını yapan kişiye denir.

Neden Bootstrap Kullanmalısınız?

Bootsrap sayesinde tek tasarımla bilgisayar, tablet, cep telefonu uyumlu tasarımlar yapabilirsiniz.
İçerisinde bulunan form,tablo,buton,menü,etiket vb. tasarım ögeleri mevcuttur.
Daha hızlı ve kolay tasarım yapabilirsiniz.

Bootstrapda div class ları

Bootstrapda div class ları

Bootstrap kullanan herkes col-lg tarzında yazılar yazmaktadır. Şimdi bunların ne işe yaradıgını anlatıyım.

col-lg = Ekstra küçük, telefonlar ve tablet için
col-md = Orta, dizüstü bilgisayarlar için
col-lg = Büyük, masaüstü bilgisayarlar için
col-xl = Ekstra büyük, TV ler için

Farklı Çözünürlüklerde Div Gösterimi

Eğer belli bir çözünürlük altı veya üstünde divi göstermek isterseniz aşagıdaki kodu kullanabilirsiniz. Ben minumum 1200 px altında göstermesini istedim.

    <style type="text/css">
        .fiyat {
            display: none;
        }
        @media (max-width: 1200px){
            .fiyat {
                display:block
            }
        }
    </style>
<div class="fiyat">{{ icerik.id|cevirisutun(dilbu,'icerik') }}</div>

Mikrotik Kullanıcı Bul / Değiştir / Ekle

Mikrotik Kullanıcı Bul / Değiştir / Ekle Değiştirme işlemleri

<?php
use PEAR2\Net\RouterOS;

require_once 'PEAR2_Net_RouterOS-1.0.0b6.phar';
$util = new RouterOS\Util($client = new RouterOS\Client('192.168.0.1', 'admin', 'sifre'));

$util->setMenu('/ip hotspot user');
$mikrotikuser = 'a';

$mikrotikuserfound = $util->find(RouterOS\Query::where('name', $mikrotikuser));
if($mikrotikuserfound) {
    $util->set(
        $mikrotikuserfound,
        array(
            'password' => 'guncelle',
            'profile' => 'default'
        )
    );
} else {
    $util->add(
        array(
            'name' => $mikrotikuser,
            'password' => 'yeni',
            'profile' => 'default'
        )
    );
}
?>