Forum Web

Hoşgeldin, Ziyaretçi

Sitemizden yararlanabilmek için Kayıt olmalısınız.

Forumda Ara

(Gelişmiş Arama)

Forum İstatistikleri

» Toplam Üyeler: 15
» Son Üye: Wxpwrt
» Toplam Konular: 42
» Toplam Yorumlar: 52

Detaylı İstatistikler

Son Yorumlar

FlipSide Tema
Yazar Dream41
10-31-2016, 01:07 AM

İçerde 5.Bölüm
Yazar Dream41
10-24-2016, 13:03 PM

İçerde 3.Bölüm
Yazar Dream41
10-06-2016, 16:23 PM

İçerde 2.Bölüm
Yazar Dream41
09-28-2016, 02:21 AM

İçerde 1.Bölüm
Yazar Dream41
09-28-2016, 01:32 AM

CSS Rank Yapımı
Yazar Dream41
09-25-2016, 16:38 PM

Photoshop cs6 basit logo ...
Yazar Dream41
09-25-2016, 16:33 PM

Postbit sağ tarafa alma
Yazar Dream41
09-25-2016, 11:07 AM

Forum isimlerine renk ver...
Yazar Dream41
09-25-2016, 11:06 AM

[1.8] Mybb Avatar Köşeler...
Yazar Dream41
09-25-2016, 11:06 AM

Temaya Multi Color Eklendi

Yazar: admin - 05-22-2016, 01:15 AM - Forum: Duyurular & Kurallar - Yorum Yok

	Evet arkadaşlar temamız multi color temadır renkleri menüden multi color renklerden seçebilirsiniz

BildiğinForum Logo Çalışması

Yazar: admin - 05-19-2016, 16:36 PM - Forum: Tasarımlarınız - Yorumlar (2)

CSS Nedir?

Yazar: admin - 05-19-2016, 15:46 PM - Forum: CSS - Yorum Yok

Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir Web teknolojisidir.
İnternet sayfaları için genelgeçer şablonlar hazırlama olanağı verdiği gibi, bağımsız olarak harflerin stilini, yani renk, yazı tipi, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki esnekliktir.
Bir Web sayfası içerisinde birbiriyle uyumlu birkaç renk ve birkaç yazı tip kullanılır ve bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün Web sayfalarında ortak olarak kullanılabilir. Böylece sayfaların hafızadaki boyutu epey küçüldüğü gibi güncelleme yapmak da kolaylaşır.
CSS kodları, HTML kodlarının içine yazılabildiği gibi harici bir CSS dosyası oluşturularak da işlem yaptırılabilir. Türüne göre

Kod:

<BODY>

veya

Kod:

<HEAD>

bölümlerinde yer alabilirler. Ayrıca <link rel="stylesheet" type="text/css" href="style.css" /> koduyla CSS dosyası çalışma sayfasına eklenebilir. Onları ayrı dosyada veya dosyalarda saklamak, onları değişik HTML sayfalarınca kullanılmasını sağlar, aynı sayfanın değişik aygıtlara göre formatlandırılmasını kolaylaştırır, sunumla yapıyı ayırarak değişiklik yapılmasını ekonomikleştirir.

Örnek bir CSS kodu

Kod:

<html>

<head>



<style>

#WikipediaBox{

    width:250px; 

    height:250px; 

    border:solid 2px;

}



.WikipediaLogo{

    background:url(http://upload.wikimedia.org/wikipedia/commons/e/e6/Wikipedia-logo-tr.png);

}

</style>



</head>

<body>



<div id="WikipediaBox">

    <div class="WikipediaLogo"></div>

</div>



</body>

</html>

CSS kodlarının, HTML dosyasına eklenmesi temelde üç farklı şekilde yapılabilir.

HTML dosyası harici CSS dosyasına referans verebilir.

Kod:

<html>

<head>

    <link rel="stylesheet" type="text/css" href="dosya.css"> 

</head>

<body>

    <div>Eğer dosya.css sunucuda bulunuyorsa, HTML'in sunumunda kullanılacaktır.</div>

</body>

</html>

HTML dosyası satıriçi CSS içerebilir.

Kod:

<html>

<head>

    <style>

        div {

            color: red;

        }

    </style>

</head>

<body>

    <div>Bu yazı kırmızıdır.</div>

</body>

</html>

JavaScript yoluyla HTML dosyasına CSS eklenebilir.

Kod:

<html>

<head>

    <script>

        var css = document.createElement("style");

        css.type = "text/css";

        css.innerHTML = "div { color: red; }";

        document.body.appendChild(css);

    </script>

</head>

<body>

    <div>Bu yazı kırmızıdır.</div>

</body>

</html>

Kaynak:

Kod:

https://tr.wikipedia.org

Üyelere Toplu Mail Gönderme

Yazar: admin - 05-19-2016, 15:42 PM - Forum: Eklenti & Modifikasyonlar - Yorum Yok

Eklentiyi Buradan İndirebilirsiniz. Zip Dosyasının İçindeki EMail Users Klasörünü Her Zamanki GibiWp-content/plugins Dizinine Atıp Yönetim Panelinden Etkinleştiriyoruz. Daha Sonra Ayarlar Bölümünde Oluşan EMail Users Sekmesinden Gerekli Kodları Görebilir İster Html İster Düz Yazı Olarak Mesajınızı Yazabilir Hemde Önizlemesini Yapabilirsiniz. Mail Gönderme İşlemleri İçin Yine Yönetim Panelinde Bulunan E Mail Sekmesinden Tercihlerinize Göre Mail Yollama İşini Sonlandırabilirsiniz.

MyBB Forumdan Son Konular Gösterme

Yazar: admin - 05-19-2016, 15:27 PM - Forum: Eklenti & Modifikasyonlar - Yorum Yok

Blogger Multi Color CSS3 Menü

Yazar: admin - 05-19-2016, 15:23 PM - Forum: Eklenti & Modifikasyonlar - Yorum Yok

Aşağıda yer alan kodu buluyoruz..

PHP Kod:

]]></b:skin>

Bir satır üstüne , alttaki kodları ekliyoruz..

PHP Kod:

/* CSS3 Multi color blogger menu widget başlangıç kodu eklentileri.blogspot.com */
.cbdb-menu li {
    display: block;
    float: left;
    line-height: 35px;
    list-style:none;
    margin: 0 5px;}
.cbdb-menu li a {
    /* This generators the gradient on top of the solid color */
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(255,255,255,.5)),
        color-stop(1, rgba(0,0,0,.1))
    );
    background-image: -moz-linear-gradient(
        center top,
        rgba(255,255,255,.5) 0%,
        rgba(0,0,0,.1) 100%
    );
    color: #f4f4f4; /* IE */
    color: rgba(255, 255, 255, 0.8);
    display: block;    
    font: bold 18px "Myriad Pro","Lucida Grande",Helvetica,Arial,sans-serif;        
    outline:none;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);    }
    .cbdb-menu li a:active {
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0,rgba(255,255,255,.5)),
            color-stop(.1,rgba(255,255,255,.2)),
            color-stop(.85, rgba(0,0,0,.2)),
            color-stop(100, rgba(0,0,0,.4))
        );
        background-image: -moz-linear-gradient(
            center bottom,
            rgba(255,255,255,.5) 0%,
            rgba(255,255,255,.2) 10%,
            rgba(0,0,0,.2) 85%,
            rgba(0,0,0,.4) 100%
        );
    }
/* Dark Text */
.cbdb-menu li a.dark {
    color: #333; /* IE */
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}
/*********** COLORS *************/
/* Create your own class for your own colors */
.red {
    background: #B80202;
    border: #B80202 1px solid}
    .red:hover, .red:focus{
        background-color:#e30606
   }
.green {
    background: #46c431;
    border: #46c431 1px solid}
    .green:hover,.green:focus {
        background-color:#44e329
    }
.yellow {
    background: #D9CE1C;
    border: #D9CE1C 1px solid}
    .yellow:hover,.yellow:focus {
     background-color:#eee117}
.cyan {
    background: #23c6de;
    border: #23c6de 1px solid}
    .cyan:hover,.cyan:focus {
     background-color:#18d8f4
    }
.blue {
    background: #3271d9;
    border: #3271d9 1px solid}
    .blue:hover,.blue:focus {
     background-color:#377ef2
    }

Yukarıdaki işlemi yaptıysanız , şablonunuzu kaydedin ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele aşağıdaki kodlarımızı ekliyelim

PHP Kod:

<ul class="cbdb-menu">

 <li><a href="http://uzmandepo.com/" class="red">Ana Sayfa</a> </li>
 <li><a href="http://uzmandepo.com/" class="green">Deneme</a></li>
 <li><a href="http://uzmandepo.com/" class="yellow">Deneme</a></li>
 <li><a href="http://uzmandepo.com/" class="cyan">Deneme</a></li>
 <li><a href="http://uzmandepo.com/" class="blue">iletişim</a></li> 
</ul>

WPLog Kişisel Blog Teması

Yazar: admin - 05-19-2016, 15:22 PM - Forum: Tema Paylaşımları - Yorum Yok

Son Mesajda Avatar Yapımı

Yazar: admin - 05-19-2016, 15:16 PM - Forum: Tema yapımı - Yorum Yok

AdminKP - Temalar-Şablonlar - Şablonlar - Kullandığınız Temanın Şablonu - Forum Bit Şablonlar » forumbit_depthforum2_lastpost -

Tümünü Sil Aşağıdaki Kodları Ekle Kaydet

Kod:

<table><tr><td align="left"><div class="avatar"><img width="40px" height="40px" onerror="this.style.display='none'" src="{$mybb->settings['bburl']}/uploads/avatars/avatar_{$lastpost_data['lastposteruid']}.png"><img width="40px" onerror="this.style.display='none'" height="40px" src="{$mybb->settings['bburl']}/uploads/avatars/avatar_{$lastpost_data['lastposteruid']}.jpg"><img width="40px" onerror="this.style.display='none'" height="40px" src="{$mybb->settings['bburl']}/uploads/avatars/avatar_{$lastpost_data['lastposteruid']}.gif"><img width="40px" onerror="this.style.display='none'" height="40px" src="{$mybb->settings['bburl']}/uploads/avatars/avatar_{$lastpost_data['lastposteruid']}.bmp"><img width="40px" onerror="this.style.display='none'" height="40px" src="{$mybb->settings['bburl']}/uploads/avatars/avatar_{$lastpost_data['lastposteruid']}.jpeg"></div></td><td align="left">

<span class="smalltext">

<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>

<br />{$lastpost_date}<br />{$lang->by} {$lastpost_profilelink}</span>

</td></tr></table></div>



<style>.avatar {

border: 1px solid #e0e0e0;

background: #f5f5f5 url('images/default_avatar.png') center center no-repeat;

background-size: 40px 40px;

padding: 4px;

border-radius: 30px; 

width: 45px;

height: 45px;

}



.avatar:hover {

border: 1px solid #098D84;



}

.avatar img { 

background: #f5f5f5;

border-radius: 30px;





}

}</style>

Alıntıdır

Konu Şeçenekleri Açılır Dropdown Menü Yapımı

Yazar: admin - 05-19-2016, 15:14 PM - Forum: Tema yapımı - Yorum Yok

Uyumlu Versiyonlar: MyBB 1.8.x

Admin Kp- Temalar- Şablonlar-Temalar-Temanız-Global.css -Gelişmiş Düzenleme - En Alta Ekle Kaydet

Kod:

.droppanel {

 background-color: #efefef;

 width: 170px;

 margin: 0px auto;

 text-align: center;

 font-size: 11px;

 padding-bottom: 3px;

 border-radius: 0px 0px 4px 4px;

 border: 1px solid #ccc;

 border-width: 0px 1px 1px;

 border-style: none solid solid;

}

Admin Kp - Temalar- Şablonlar- Şablonlar - Temanızın Şablonu - Forum Görüntüleme Şablonlar - forumdisplay_threadlist

</table> Bul Altına Ekle

Kod:

<div class="droppanel">

 <a href="#" class="exibition_topic">Konu Gösterim Şeçenekleri</a>

</div>

<script type="text/javascript">

 var elements = $("form").filter(':eq(1)');

 elements.hide();

 $(".exibition_topic").click(function(e) {

 e.preventDefault();

 elements.toggle();

 });

</script>

Görünüm-

Admin Kp - Temalar- Şablonlar- Şablonlar - Temanızın Şablonu - Yeni Konu Şablonlar

</table> Bul Altına Ekle

Kod:

    <div class="droppanel">

 <a href="#" class="post_options">Konu Yönetimini Aç</a>

</div>

<script type="text/javascript">

 var elements = $("tr").filter(':eq(13), :eq(14), :eq(15), :eq(16)');

 elements.hide();

 $(".post_options").click(function(e) {

 e.preventDefault();

 elements.toggle();

 });

</script>

Görünüm-

Mybb Şık Yukarı Çıkış - İniş Çapası Yapımı

Yazar: admin - 05-19-2016, 15:12 PM - Forum: Tema yapımı - Yorum Yok

Uyumlu Versiyonlar: MyBB 1.8.x

Admin Kp - Temalar - Şablonlar - Şablonlar - Temanızın Şalonu - Headerinclude - [Gruplandırılmamış] Şablonlar - Headerinclude - Aç En Alta Yapıstır Kaydet

Kod:

<script type="text/javascript">

jQuery(document).ready(function(jQ){

    appear();

    

    jQ(window).scroll(function(){

        appear();

    });

                      

    function appear() {

        if (jQ(this).scrollTop() > 200) {

            jQ('#scroll_up').fadeIn('slow');

        } else {

            jQ('#scroll_up').fadeOut('slow');

        }

        if (jQ(this).scrollTop() < (jQ('body').height() - (200+jQ(window).height()))) {

            jQ('#scroll_dn').fadeIn('slow');

        } else {

            jQ('#scroll_dn').fadeOut('slow');

        }

    };

    

    jQ('#scroll_up').click(function(){

        jQ('body').stop().animate({scrollTop: 0}, 600);

    });

    jQ('#scroll_dn').click(function(){

        jQ('body').stop().animate({scrollTop: jQ('body').height()}, 600);

    });

});

</script>

Admin Kp- Temalar- Şablonlar-Temalar-Temanız-Global.css -Gelişmiş Düzenleme - En Alta Ekle Kaydet

Kod:

#scroll_up, #scroll_dn {

  position: fixed;

  right: 5px;

  width: 35px;

  height: 35px;

  cursor: pointer;

  display: none;

  z-index: 999;

  background:  #fff url(http://i.hizliresim.com/a3z4y5.png) center no-repeat;

}

#scroll_up {

    bottom: 50px;

}

#scroll_dn {

    bottom: 10px;

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

Admin Kp - Temalar - Şablonlar - Şablonlar - Temanızın Şalonu - Alt Kısım Footer Şablonlar - Footer En Üste Yapıstır Kaydet

Kod:

<span id='scroll_up'></span><span id='scroll_dn'></span>

Görünüm-

Toplam ({1}) Sayfa: « Önceki 1 2 3 4 5 Sonraki »

Giriş Yap
Kullanıcı Adı:
Şifreniz:	Şifremi Unuttum?
	Beni Hatırla