27 Mayıs 2015 Çarşamba

Android için En İyi Ses Kaydetme Uygulamaları


   Her ne kadar akıllı telefonlar üzerinde cihaza entegre olarak gelen bir ses kaydetme uygulaması sunuluyor olsa da bu seçenek bazen yetersiz kalıyor ve beklentileri karşılamakta zorluk çekiyor. Elbette ki birçok kullanıcının aklına "cihazımda hali hazırda bir ses kaydedici varken neden başka bir tane kullanayım?" sorusu gelebilir fakat emin olun ki profesyoneller tarafından özel olarak hazırlanan bazı uygulamalar ses kayıt gibi basit bir işlemin bile aslında ne kadar özen gerektirdiğini kanıtlıyor.

  Google Play'e şöyle bir göz attığımızda karşımıza tonla ses kaydetme uygulaması çıkıyor. Fakat bunların birçoğu varsayılan kaydetme uygulamasının sunduğu kalitenin ve kullanım deneyiminin üzerine çıkamıyorlar. Haliyle bunları kullanmanın pek bir mantığı olmuyor.Yani telefonunuzda bulunan ses kayıt özelliklerinden farkları olmuyor.Bu yüzden her isteğinizi karşılayabilecek profesyonelce olmasa da olur.

   Şimdi bu ses uygulamalarına göz atalım;

     1.  Skyro Voice Recorder
   Sadeliği karşısında hayranlığa kapıldığımız Skyro Voice Recorder'ın en önemli özelliği şık tasarımı ve herkes tarafından rahatlıkla kullanılabilecek arayüzü. Ücretsiz olarak sunulmasına rağmen hiçbir şekilde reklam içermeyen uygulama, üstün bir ses kaydetme kalitesine sahip.
İndir6.1 MB
Skyro Voice Recorder
Skyro Voice RecorderAndroid için Ses Kaydetme Uygulaması

     2.   eRecorder

   İş insanları, gazeteciler, öğrenciler ve ses kaydetme işlemini sık sık gerçekleştiren her meslek grubunun kullanması gereken uygulamalardan bir tanesi. SoundCloud desteğiyle öne çıkan eRecorder'da sunulan her özellik, basit arayüze düzenli bir şekilde dağıtılmış. Dolayısıyla kullanım esnasında herhangi bir sıkıntı yaratmıyor.
Android için En İyi Ses Kaydetme Uygulamaları
İndir1.6 MB
eRecorder
eRecorderAndroid için Ses Kayıt Uygulaması

     3.  PCM Recorder
 
   Basitliği ve kullanım kolaylığıyla ön plana çıkan PCM Recorder'da birkaç saniye içerisinde kavranabilecek bir arayüze yer verilmiş. Basitliğine rağmen şık görünmeyi de başaran bu arayüzde yer alan tüm birimler kullanıcının işini kolaylaştırmak üzere tasarlanmış.
Android için En İyi Ses Kaydetme Uygulamaları
İndir1.5 MB
PCM Recorder
PCM RecorderAndroid için Ses Kaydetme Uygulaması
     4.   Easy Voice Recorder

     Toplantılarımızı, derslerimizi, görüşmelerimizi veya röportajlarımızı kaydetmek amacıyla kullanabileceğimiz Easy Voice Recorder'ın en önemli özelliği arka planda dahi ses kaydetme işlemine devam edebilmesi. Bu özellik sayesinde bir yandan ses kaydı yaparken bir yandan da cihazımız üzerinde başka işlemler yapabiliyoruz.
Android için En İyi Ses Kaydetme Uygulamaları
İndir1.9 MB
Easy Voice Recorder
Easy Voice RecorderAndroid İçin Ses Kayıt Programı
     5.  Smart Voice Recorder

   Akıllı cihazlara yaraşır bir akıllı ses kaydedicisi. Bir ses kaydetme uygulaması nasıl akıllı olabilir ki? Smart Voice Recorder, akıllı sıfatını hak etmek için rakiplerinin çoğunda göremediğimiz bir görevi yerine getiriyor.
Android için En İyi Ses Kaydetme Uygulamaları
İndir321 KB
Smart Voice Recorder
Smart Voice RecorderAndoid İçin Ses Kaydedici
     6.  Tape-a-Talk

   Yüksek kaliteli ses kaydı alabilmek için özel olarak tasarlanmış olan bu uygulama ile bulunduğunuz ortamlardaki sesleri en ince ayrıntılarına kadar kayıt altına alabilirsiniz. Uygulamada hem düşük hem de yüksek kalitede ses kaydı alabilmek mümkün kılınmış. Bu sayede çok fazla önem arz etmeyen sesleri düşük kalitede kaydedebilir ve cihazda çok yer tutmalarını engelleyebilirsiniz. Buna ek olarak yapılan kayıtların gereksiz kısımlarını keserek geriye asıl ihtiyacınız olan kısmı da bırakabilirsiniz.
İndir
Tape-a-Talk Voice Recorder
Tape-a-Talk Voice RecorderAndroid İçin Ses Kayıt Uygulaması
     7.  Cogi

   Listemizin son uygulaması olan Cogi birçok otorite tarafından kategorisinin en iyileri arasında gösteriliyor. Sunduğu özelliklere göz gezdirdiğimizde bu sıfatı haklı bir şekilde elde ettiğini görebiliyoruz.
Android için En İyi Ses Kaydetme Uygulamaları
İndir9.8 MB
Cogi
CogiAndroid için Sesli Not Alma Uygulaması



Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:

26 Mayıs 2015 Salı

Numaralı Liste Nasıl Oluşturulur?


     Daha Önce rastlamadığınız kesinlikle görmediğiniz bir eklentiyi boyutu sunuyoruz inşallah begenirsiniz ziyaretinde.
Numaralı Liste Nasıl Oluşturulur eklentisinin Özelliği hover efekti ile oluşturulan maddelerin Üzerine gelindiğinde resimde de gördüğünüz gibi ok işareti belirir de değiştiğini göreceksiniz renkinin ok işareti beliren Maddenin arka planı ettik.

     Numaralı Liste Nasıl Oluşturulur? Sitemize nasıl ekleyebiliriz Blog?

* Kumanda Paneli> Şablon> HTML'yi düzenle sıralamasını takip ediyoruz.
* CTRL + F kısa yol tuşları ile altta ki kodu aratıyoruz.
1..
]]></b:skin>
Bazi temaların kodlama özelliğine göre degişiklik gösterebilir.Bunun için altta ki kodlardan birini aratarak arasına css kodlarını ekliyoruz.
2.
<style></style>kodları içine alıp  <head> ile </head> arasına ekleyebilirsiniz.
(]]></b:skin>) kodunu bulduktan sonra hemen üst kısmına altta ki kodları ekleyerek şablonu kaydedin.

CSS KODLARI:
/* BC61/KOM Kodlarla Mücadele Numaralı Liste
----------------------------------------------*/
ol {counter-reset:li;list-style: none;font:15px 'Roboto Condensed', 'Oswald';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em;}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;
margin:.5em 0 .5em 2.5em;background:#F0F0F0;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:hover{background:#E6E6E6;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
left:-2.5em;top:50%;margin-top:-1em;background:#7F8C8D;color:#fff;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;}
.post ol li:after{position:absolute; content:'';border: .5em solid transparent;
left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{left:-.5em;border-left-color:#7F8C8D;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#f9f9f9;}

Kullanımı konusunda bilgi vereyim;
  1.   Oluştur kısmından makalenizi yazarken maddeler halinde olusturmak istediğiniz başlıkları  alt alta yazıyorsunuz.
  2.   Daha sonra altta ki resimde yeşil  2 numaralı işaretli kısımdan numaralı liste seçeneğine tıklıyoruz.




Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif  Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler: ,

24 Mayıs 2015 Pazar

Brothers in Arms® 3 Savaş Oyunu


   Uluslararası başarıya sahip II. Dünya Savaşı serisi heyecan verici bir nişancı aksiyonu, inanılmaz öldürme kamerası (killcam) görüntüleri ve çok sayıda deneysel silahla geri dönüyor. Çavuş Wright olup Normandiya işgali sonrasında çarpıcı ve hayat değiştiren bir yolculuğa çık.
İyi eğitimli kardeşlerini yönet ve savaş sırasında onların özel yeteneklerini kullan. Silahlarını yükselt, askerlerinin becerilerini geliştir ve düşmanla savaş!

EŞSİZ MANGA TEMELLİ BİR SAVAŞ DENEYİMİ

> Kardeşlerinin cephanesini kullanarak taktiksel avantaj yakala!
> Çeşitli yeteneklerini kullan: Hava Saldırısı, Molotof Kokteyli, Roket Patlaması, Havan Ateşi ve çok daha fazlası.
> Yeni müttefiklerin kilidini aç. Onları deneyimli askerlere yükselt: hasar verimi, yetenek soğuması, SP sistemi, etki bölgesi hasarı ve daha fazlası!

CANLANDIRICI, AKSİYON DOLU BİR NİŞANCI OYUNUNA DAL
> Serbest hareketli, akıcı bir siper temelli 3. şahıs nişancı aksiyonu.
> Saldırı, keskin nişancı, kuşatma ve gizlilik gibi çeşitli görev türleri.
> Düşman askerleri üzerinde etkileyici öldürme kamerası yakınlaştırmaları.

EN SEVDİĞİN SİLAHI SEÇ
> Yeni silahların kilidini aç ve atış oranı, geri tepme, doldurma hızı ve şarjör boyutu yükseltmeleriyle en güçlü cephaneliği oluştur!
> Deneysel silahların yenilikçi gücünü keşfet ve bir orduyu alt et!
> Havalı yetenekleriyle büyük hasarlar ver: üç katı veya sonsuz mermi, elektrik boşalımı ve daha fazlası!

GÖZ ALICI GÖRSEL EFEKTLERİN KEYFİNİ SÜR
> Şahane iç ve dış oyun ortamları.
> Çeşitli hava şartları ve zaman aralıkları.
> AAA kalitesinde bir oyun için konsol tarzı grafikler.

ÖZEL ETKİNLİKLERDE MUHTEŞEM ÖDÜLLER KAZAN
> Aşamalı meydan okuma: daha iyi ödüller için giderek zorlaşan görevler.
> Özel ürün toplamalı sınırlı süreli etkinlikler.




Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:

jQuery & Css Açılır(Dropdown) Menü


   CSS ve jQuery kullanılarak nasıl açılır menü yapılacağını anlatmaya çalışacağım. Göreceksiniz ki bu kısacık işlem için hiç internetten kod araştırması yapmanıza dahi gerek yok. Mantığı çok basit. Burada anlatacağım mantık kullanılarak istediğiniz şekilde hoş açılır menüler oluşturabilirsiniz.
<ul id="nav">
    <li><a href="#">Anasayfa</a></li>
    <li><a href="#">Hakkımızda</a>
        <ul>
            <li><a href="#">Biz Kimiz</a></li>
            <li><a href="#">Neden Biz</a></li>
            <li><a href="#">Daha Fazlası</a>
                <ul>
                    <li><a href="#">Daha Fazlası 1</a></li>
                    <li><a href="#">Daha Fazlası 2</a></li>
                    <li><a href="#">Daha Fazlası 3</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#">İşelem Sonrası Hizmet</a></li>
    <li><a href="#">Ürün Kategorisi</a>
        <ul>
            <li><a href="#">Beyaz Eşya</a></li>
            <li><a href="#">Bilgisayar</a>
                <ul>
                    <li><a href="#">Tablet</a></li>
                    <li><a href="#">Diz Üstü</a></li>
                    <li><a href="#">Masa Üstü</a></li>
                </ul>
            </li>
            <li><a href="#">Cep Telefonları</a></li>
        </ul>
    </li>
    <li><a href="#">İletişim</a></li>
</ul>
Yukarıda standart liste çeklinde yapımızı oluşturuyoruz. Oluşturduğumuz yapı içindeki
tagının içine bir ul yapısı daha oluşturuyoruz. Yukarıdaki yapı HTML için. İlk sayfa yüklendiğinde direk görünecek. Ancak ilk içindeki yapısı ilk etapta görünmeyecek. Ürünlerin içinde bulunduğu tagı üzerine geldiğimizde jquery ile basit bir efekt yapıp göstericez. Hemen Css kodunu verelim.
</pre>
body {
 font-family: helvetica, arial, sans-serif;
 font-size:12px;
 background: #e3e3e3;
 text-align: center;
}
 
/* MENU */
 
#nav {
 background: #e5e5e5;
 float: left;
 margin: 0; padding: 0;
 border: 1px solid white;
 border-bottom: none;
}
 
#nav li a, #nav li {
 float: left;
}
 
#nav li {
 list-style: none;
 position: relative;
}
 
#nav li a {
 padding: 1em 2em;
 text-decoration: none;
 color: white;
 background: #6F6C75;
 background: -moz-linear-gradient(top, black, #919191 1px, #292929 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #919191), to(#6F6C75));
 border-right: 1px solid #919191;
 border-left: 1px solid #6F6C75;
 border-bottom: 1px solid #232323;
 border-top: 1px solid #545454;
}
 
#nav li a:hover {
 background: #88A2EA;
 background: -moz-linear-gradient(top, #78A7DF, #88A2EA);
 background: -webkit-gradient(linear, left top, left bottom, from(#78A7DF), to(#88A2EA));
}
/* Submenu */
 
.hasChildren {
 position: absolute;
 width: 5px; height: 5px;
 background: black;
 right : 0;
 bottom: 0;
}
 
#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}
 
#nav li:hover > ul {
 display: block;
}
 
#nav li ul li, #nav li ul li a {
 float: none;
}
 
#nav li ul li {
 _display: inline; /* for IE6 */
}
 
#nav li ul li a {
 width: 150px;
 display: block;
}
 
/* SUBSUB Menu */
 
#nav li ul li ul {
 display: none;
}
 
#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}
#nav li ul
<pre>
Yukarıdaki CSS çok ince ayarlı bişey değil. Sadece temel yapı oluşturuldu. Siz kullanırken Background rengi position ayarlamalarını yapabilirsiniz. Takıldığınız bir husus olursa konu altından yazarsanız yardımcı olurum. Son olarak Ürünler başlığı üstüne gelince alt menünün animasyon ile açılmasını sağlayacak jQuery kodunu yazalım ve bitirelim.
var site = function() {
    this.navLi = $('#nav li').children('ul').hide().end();
    this.init();
};
 
site.prototype = {
 
    init : function() {
        this.setMenu();
    },
 
    // Enables the slidedown menu, and adds support for IE6
 
    setMenu : function() {
 
    $.each(this.navLi, function() {
        if ( $(this).children('ul')[0] ) {
            $(this)
                .append('<span />')
                .children('span')
                    .addClass('hasChildren')
        }
    });
 
        this.navLi.hover(function() {
            // mouseover
            $(this).find('> ul').stop(true, true).slideDown('slow', 'easeOutBounce');
        }, function() {
            // mouseout
            $(this).find('> ul').stop(true, true).hide();
        });
 
    }
 
}
 
new site();
Şimdi sonuç olarak yukarıda ki anlattığım konuyu toparlarsak böyle bir sonuç karşımıza çıkıyor.




Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:

jQuery Smooth Featured SlideShow


   Yazılarınızın İÇERİSİNDE kullanabilir VEYA gadget ekleme method ile görüntüleyin ana sayfanızda resimlerinizi sergileyebilirsiniz.

Fazla uzatmadan hemen bu resim slayt widgetini sitenize Eklemek İçin Gadget ekleme method ile ekleyebilirsiniz.
<Style> 
.nivoSlider { 
 position: relative; 
} 
.nivoSlider img { 
 position: absolute; 
 top: 0px; 
 left: 0px; 
} 
.nivoSlider a.nivo-ImageLink 
Slider * / de dilim 
.nivo-dilim { 
 display: block; 
 position: absolute; 
 z-index: 50; 
 height: 100%; 
} 
/ * Başlık stilleri * / 
.nivo-caption { 
 position: absolute; 
 left: 0px ; 
 bottom: 0px; 
 background: # 000; 
 color: #fff; 
 donukluk: 0.8; / * CaptionOpacity ayarı * / tarafından Geçersiz kılındı 
 ​​genişlik: 100%; 
 z-index: 89; 
} 
.nivo-başlığı p { 
 :, dolgu 5px 
 ; 0: margin 
} 
.nivo-başlığı, bir { 
 display: inline önemli;! 
} 
.nivo -HTML-caption { 
    display: none; 
} 
/ * Yön nav stilleri (örneğin Next & Önceki) * / 
.nivo-directionNav bir { 
 position: absolute; 
 top: 45%; 
 z-index: 99; 
 imleç: işaretçi; 
} 
. nivo-prevNav { 
 left: 0px; 
} 
.nivo-nextNav { 
 sağ: 0px; 
} 
/ * Kontrol nav stilleri (örneğin 1,2,3 ...) * / 
.nivo-controlNav bir { 
 position: relative; 
 z-index : 99; 
 imleç: işaretçi; 
} 
.nivo-controlNav a.active { 
 font-weight: bold; 
} 
table { 
 border-collapse: separate; 
 border-spacing: 0; 
} 
başlık, inci, td { 
 text-align: left; 
 font-weight: normal; 
} 
blockquote: önce blockquote: sonra, 
q: önce q: {sonra 
 içeriği: ""; 
} 
Blockquote, q { 
 tırnak: "" ""; 
} 
/ * HTML5 etiketleri * / 
header, bölüm , altbilgi, 
bir kenara, nav, makale, şekil { 
 display: block; 
} 
a, a: {ziyaret 
 :; # 2d3536 renk 
 text-decoration: none; 
 :; border-bottom 1px noktalı # 826a4d 
} 
a: hover a: aktif { 
 color: # 9e805c; 
 text-decoration: none; 
} 
# kaymak-sarıcı 
    no-repeat; 
    genişlik: 494px; 
    height: 310px; 
    margin: 0 auto; 
    padding-top: 23px; 
    margin-top: 50px; 
} 
#slider 
 no-repeat 50% 50%; 
} 
#slider img { 
 position: absolute; 
 top: 0px; 
 sol: 0px; 
 display: none; 
} 
a {#slider 
 sınırında: 0; 
 display: block; 
} 
.nivo-controlNav { 
 pozisyon: absolute; 
 left: 163px; 
 :; Alt 12px 
 ; # 000000: Arka plan 
 -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    padding: 3px; 
    border: 2px solid #CCC; 
    donukluk: 0.7; 
    z index: 99; 
 } 
 .nivo-controlNav: hover {donukluk: 1;} 
.nivo-controlNav bir 
 no-repeat; 
 text-indent: -9999px; 
 border: 0; 
 margin-right: 0px; 
 float: left; 
} 
.nivo-controlNav a.active { 
 background-position: 0 -22px; 
} 
.nivo-directionNav bir 
 no-repeat; 
 text-indent: -9999px; 
 border: 0; 
} 
a.nivo-nextNav { 
 background-position: -35px 0; 
 sağ: -40px; 
} 
a.nivo-nextNav: hover {sağ: -41px;} 
{a.nivo-prevNav 
 ;: -40px sol 
} 
a.nivo-prevNav: hover {sol: -41px;} 
.nivo-başlığı { 
    text-shadow: none; 
    font-family: Helvetica, Arial, sans-serif; 
} 
.nivo-caption bir { 
    color: # efe9d1; 
    text-decoration: underline; 
} 
.nivo-directionNav bir {top: 40%;} 
.Clear { 
 clear: both; 
} 
</ style> 
    <br /> 
<div id = "kapsayıcı"> 
<div id = "kaymak-sarıcı"> 
<div class = "nivoSlider" id = "kaymak"> 
<img alt = "" /> 
<img alt = "" /> 
<img alt = "" /> 
<img alt = "" /> 
</ div> 
</ div> 
</ div> 
<script src = "http://bloggertrixcode.googlecode.com/files/jquery-1.4.3.min.js" type = "text / javascript"> < / script> 
<script src = "http://bloggertrixcode.googlecode.com/files/jquery.nivo.slider.pack.js" type = "text / javascript"> </ script> 
<script type = "text / javascript "> 
    $ (pencere) .Load (function () { 
        $ ('# kaymak') nivoSlider ({directionNavHide.)} false; 
    }); 
    </ script>










Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:

Google Custom Search Box CSS3 Gezinti Çubuğu

 
   Google Custom Search Box CSS3 Gezinti Çubuğu sabit menülere Sahip, facebook, twitter ettik RSS abonelik butonlarının yanı Sıra arama motoru da mevcuttur.Menülere ait başlıkları ona zaman ki gibi Kendinize Göre works.

   Google Custom Search Box CSS3 Gezinti Çubuğu sitemize Eklemek İçin;
* Kumanda Paneli> Şablon sırlamasını izleyelim.
* Daha Sonra HTML düzenle kısmına Tıklayarak temamızın kodlarına ulaşmış oluyoruz.

   Şimdi yapmamız Gereken CSS Kodlarını temamıza tanıtmak Javascript
Eklendi bunun CTRL + F Click Tuşları ile altta ki kodu Aradip bulalım.
]]></b:skin>
Üste ki kodu bulduktan Sonra hemen Üst kısmına altta ki CSS Kodlarını ekleyerek Değişiklikleri kaydedin.
# Btrix1nav {border: none 5px # 000000;
-moz-border-radius-topleft: 15px;-moz-border-radius-topright:14px;-moz-border-radius-bottomleft:14px;-moz-border-radius-bottomright:14px;-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:14px;-webkit-border-bottom-left-radius:14px;-webkit-border-bottom-right-radius:14px;
2px 5px # 000000 3px; -webkit-box-shadow: 2px 5px # 000000 3px; box-shadow: 2px # 000000 5px 3px;
        genişliği: 900px;   
 margin: 0 0 0 0px;
 padding: 12px 0 8px 0;
 clear: both; 
 background: # 696969 sol alt no-repeat; }
# Btrix1nav .catList {padding: 35px 0 0 4px; yüzer: Sol; margin-top: -3px; }
# Btrix1nav .pageList {padding: 0px 8px 0 0; yüzer: hakkı; }
# Btrix1nav ul li {float: left; marjı: 0 18 pikselden 0 0;}
{: #fff; List-style: none renk; text-decoration: none;} # Bir btrix1nav
# Btrix1nav a: hover {color: # 919191;}
# Btrix1nav li {list-style: none; text-decoration: none;}
#search {margin: 20px 0 -2px 0; yüzer: hakkı; }
#updatesBox {margin-left: 100px; }
Şimdi tekrar kumanda paneline geri dönelim ettik ikinci Işlem Click şunları Yapın.
* Kumanda Paneli> Yerleşim> Gadget ekle Yolunu izleyin.
* HTML / Javascript sıralamasını bulup altta ki menü HTML Kodlarını ekleyerek gadgeti kaydedin.
* Görünmesini İstediğiniz Kisima gadgeti sürükleyerek BıRakın Değişiklikleri kaydedin ettik.
<Div class = "Clearfix" id = "btrix1nav">
<Ul class = "CatList">
<Li class = "kedi-madde kedi madde-5"> <a href="#"> Ev </a> </ li>
<Li class = "kedi-madde kedi madde-3"> <a href="#"> Yüklemeler </a> </ li>
<Li class = "kedi-madde kedi madde-6"> <a href="#"> Araçları </a> </ li>
<Li class = "kedi-madde kedi madde-4"> <a href="#"> CSS3 </a> </ li>
<Li class = "kedi-madde kedi madde-4"> <a href="#"> HTML </a> </ li>
<Li class = "kedi-madde kedi madde-4"> <a href="#"> İpuçları </a> </ li>
<Li class = "kedi-madde kedi madde 31"> <a href="#"> Hakkında </a> </ li>
<Li class = "kedi-madde kedi madde-11"> <a href="#"> Bize </a> </ li>
</ Ul>
<Div id = "arama">
<Form action = "http://www.google.com/cse" id = "cse-arama-box" target = "_ blank">
<Div>
<Input name = "cx" type = "gizli" value = "004972222991511809341: kobh4_l5t3m" />
<Input name = "yani" type = "gizli" value = "ISO-8859-1" />
<Input class = "googleSearchField" name = "q" size = "20" style = "background-color: white; background-image: url (http://www.google.com/cse/intl/en/images/ google_custom_search_watermark.gif); background-position: 0% 50%; background-repeat: no-tekrar no-repeat; border: 1px solid rgb (126, 157, 185); padding: 2px; " type = "text" />
<Input class = "button" name = "sa" type = value = "Ara" "Gönder" /> </ div>
<Input name = "siteurl" type = "gizli" value = "bloggertrix.com/" /> <input name = "ref" type = "gizli" value = "" /> <input name = "ss" type = " gizli "value =" "/> </ form>
<Script src = "http://www.google.com/cse/brand?form=cse-search-box&lang=en" type = "text / javascript"> </ script>
    </ Div>
<Div id = "updatesBox">
<Bir alt = class = "updatesIcon" href = "http://feeds.feedburner.com/" RSS Abone " bilgicafem61 tarzı "RSS Abone" = "target =" _ blank "title =" margin-left: 80px; "> <img style = ""> </a>
<a alt="Follow Us" class="updatesIcon" href="http://twitter.com/ bilgicafem61 "target="_blank" title="Follow Us"> <img /> </a>
<a alt="Become bir Fan" class="updatesIcon" href="http://www.facebook.com/ bilgicafem61 "target="_blank" title="Become bir Fan"> <img /> <a </ Div>
</ Div>



Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:

Blogger Mega Drop Down Açılır Menü


     Blogger Mega Açılır Açılır Menü resimde de gördüğünüz gibi blogger sitenize kolaylıkla ekleyerek kullanabilirsiniz.Alt Açılır kategoriler deki başlıkları isteğinize Göre düzenleyerek azaltabilir VEYA çoğaltabilirsiniz.Menünün ziyaretinde başlıkların renklerini de Kullandığınız temaya uyumlu renkle değiştirerek works.
 
     Blogger Mega Açılır Açılır Menü sitenize Eklemek İçin;
* Kumanda paneli> Yerleşim> Gadget ekle Yolunu izliyoruz.
* Açılan ekrandan HTML / Javascript tıklıyoruz.
* Tekrar Açılan ekranda ki Kutuya aşağıda verecek olduğum kodları ekleyerek gadgeti kaydedin.
* Kodun Sonunda Bulunan menülere ait kısımları Kendinize göre düzenleyin.
* Genişlik  yükseklik değerlerinden sitenize uyumlu Olmasını sağlayabilirsiniz.
* Blogger Mega Açılır Açılır Menü sitenizin başlık Kısmı Altında görünmesini istiyorsanız blog başlığınızın bulundugu gadgetin hemen Altına bu menü gadgetini sürükleyerek BıRakın kaydedin 


<Style> ul.ldd_menu {
    margin: 0px;
    padding: 0;
    display: block;
    height: 50px;
    background-color: # D04528;
    list-style: none;
    font-family: "Trebuchet MS", sans-serif;
    border-top: 1px solid # EF593B;
    border-bottom: 1px solid # EF593B;
    border-left: 10px katı # D04528;
    -moz-box-shadow: 0px 3px # 591E12 4px;
    -webkit kutu gölge: 0px 3px # 591E12 4px;
    -Box-shadow: 0px 3px # 591E12 4px;
}

ul.ldd_menu a {
    text-decoration: none;
}

ul.ldd_menu> li {
    yüzer: Sol;
    position: relative;
}

ul.ldd_menu> li> yayılma {
    yüzer: Sol;
    color: #fff;
    background-color: # D04528;
    height: 50px;
    line-height: 50px;
    İmleç: varsayılan;
    padding: 0px 20px;
    text-shadow: 0px 0px 1px #fff;
    border-right: 1px solid # DF7B61;
    border-left: 1px solid # C44D37;
}

ul.ldd_menu .ldd_submenu {
    position: absolute;
    Üst: 50px;
    genişliği: 550px;
    display: none;
    donukluk: 0.95;
    Sol: 0px;
    font-size: 10px;
    background: # C34328;
    border-top: 1px solid # EF593B;
    -moz-box-shadow: 0px 3px # 591E12 gömme 4px;
    -webkit-box-shadow: 0px 3px # 591E12 gömme 4px;
    -Box-shadow: 0px 3px # 591E12 gömme 4px;
}

a.ldd_subfoot {
    background-color: # f0f0f0;
    color: # 444;
    display: block;
    clear: both;
    padding: 15px 20px;
    text-transform: büyük harf;
    font-family: Arial, serif;
    font-size: 12px;
    text-shadow: 0px 0px 1px #fff;
    -moz-box-shadow: 0px 0px # 777 ek 2px;
    -webkit-box-shadow: 0px 0px # 777 ek 2px;
    -Box-shadow: 0px 0px # 777 ek 2px;
}

ul.ldd_menu ul {
    list-style: none;
    yüzer: Sol;
    border-left: 1px solid # DF7B61;
    margin: 20px 0px 10px 30px;
    padding: 10px;
}

li.ldd_heading {
    font-family: Georgia, serif;
    font-size: 13px;
    font-style: italic;
    color: # FFB39F;
    text-shadow: 0px 0px 1px # B03E23;
    padding: 0px 0px 10px 0px;
}

ul.ldd_menu ul li a {
    font-family: Arial, serif;
    font-size: 10px;
    line-height: 20px;
    color: #fff;
    padding: 1px 3px;
}

ul.ldd_menu ul li a: hover {
    -moz-box-shadow: 0px 0px 333. 2px;
    -webkit-box-shadow: 0px 0px 333. 2px;
    box-shadow: 0px 0px 333. 2px;
    background: # AF412B;
} </ Style>  

<Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </ script>
<Script type = "text / javascript">
    $ (Function () {
        / **
         * Menü
         * /
        var $ menüsü = $ ('# ldd_menu');

        / **
         * Her liste elemanı için,
         * Biz gezinip zaman alt menüsünü göstermek ve
         * 510px span elemanı (başlık) genişletmek
         * /
        $ Menu.children ('li'). Each (function () {
            Bu var $ $ = (this);
            var $ açıklık = $ this.children ('yayılma');
            $ Span.data ('width', $ span.width ());

            $ This.bind ('MouseEnter', function () {
                $ Menu.find ('. Ldd_submenu'), ((doğru, true) .hide durdurun.);
                $ Span.stop (). Hareketlendirmek ({
                    'Width': '510px'
                }, 300, fonksiyon () {
                    $ This.find ('. Ldd_submenu') slideDown (300).;
                });
            }). {((Fonksiyonu 'MouseLeave') bağlamak
                $ This.find ('. Ldd_submenu'), ((true, true) .hide durdurun.);
                $ Span.stop (). Hareketlendirmek ({
                    'Width': $ span.data (width) + 'px'
                }, 300);
            });
        });
    });
</ Script>

<Ul id = "ldd_menu" class = "ldd_menu">
 <Li>
 <Span> Tatil </ span>
 <! - Genişliği 510px için artışlar ->
 <Div class = "ldd_submenu">
  <Ul>
   <Li sınıfı = "ldd_heading '> Konum By </ li>
   <Li> <a href="#"> Güney Amerika'nın </a> </ li>
   <Li> <a href="#"> Antartika </a> </ li>
   <Li> <a href="#"> Afrika </a> </ li>
   <Li> <a href="#"> Asya ve Avustralya </a> </ li>
   <Li> <a href="#"> Avrupa'nın </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Kategori </ li>
   <Li> <a href="#"> Sun & amp; Plaj </a> </ li>
   <Li> <a href="#"> Macera </a> </ li>
   <Li> <a href="#"> Bilim ve amp; Eğitim </a> </ li>
   <Li> <a href="#"> Extreme Sports </a> </ li>
   <Li> <a href="#"> Rahatlatıcı </a> </ li>
   <Li> <a href="#"> Spa ve Wellness </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Tema By </ li>
   <Li> <a href="#"> Cennet Adaları </a> </ li>
   <Li> <a href="#"> Cruises & amp; Tekne </a> </ li> Gezileri
   <Li> <a href="#"> Vahşi Hayvanlar & amp; Safaris </a> </ li>
   <Li> <a href="#"> Doğa Saf </a> </ li>
   <Li> diğerlerini & amp Helping <a href="#">; Umut </a> </ li> için
   <Li> <a href="#"> Dalış </a> </ li>
  </ Ul>
  <a class="ldd_subfoot" href="#"> + Yeni Fırsatlar </a>
 </ Div>
 </ Li>
 <Li>
 <Span> Ekipman </ span>
 <Div class = "ldd_submenu">
  <Ul>
   <Li sınıfı = "ldd_heading '> Konum By </ li>
   <Li> <a href="#"> Güney Amerika'nın </a> </ li>
   <Li> <a href="#"> Antartika </a> </ li>
   <Li> <a href="#"> Afrika </a> </ li>
   <Li> <a href="#"> Asya ve Avustralya </a> </ li>
   <Li> <a href="#"> Avrupa'nın </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Kategori </ li>
   <Li> <a href="#"> Sun & amp; Plaj </a> </ li>
   <Li> <a href="#"> Macera </a> </ li>
   <Li> <a href="#"> Bilim ve amp; Eğitim </a> </ li>
   <Li> <a href="#"> Extreme Sports </a> </ li>
   <Li> <a href="#"> Rahatlatıcı </a> </ li>
   <Li> <a href="#"> Spa ve Wellness </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Tema By </ li>
   <Li> <a href="#"> Cennet Adaları </a> </ li>
   <Li> <a href="#"> Cruises & amp; Tekne </a> </ li> Gezileri
   <Li> <a href="#"> Vahşi Hayvanlar & amp; Safaris </a> </ li>
   <Li> <a href="#"> Doğa Saf </a> </ li>
   <Li> diğerlerini & amp Helping <a href="#">; Umut </a> </ li> için
   <Li> <a href="#"> Dalış </a> </ li>
  </ Ul>
  <a class="ldd_subfoot" href="#"> + Yeni Fırsatlar </a>
 </ Div>
 </ Li>
 <Li>
 <Span> Mekanlar </ span>
 <Div class = "ldd_submenu">
  <Ul>
   <Li sınıfı = "ldd_heading '> Konum By </ li>
   <Li> <a href="#"> Güney Amerika'nın </a> </ li>
   <Li> <a href="#"> Antartika </a> </ li>
   <Li> <a href="#"> Afrika </a> </ li>
   <Li> <a href="#"> Asya ve Avustralya </a> </ li>
   <Li> <a href="#"> Avrupa'nın </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Kategori </ li>
   <Li> <a href="#"> Sun & amp; Plaj </a> </ li>
   <Li> <a href="#"> Macera </a> </ li>
   <Li> <a href="#"> Bilim ve amp; Eğitim </a> </ li>
   <Li> <a href="#"> Extreme Sports </a> </ li>
   <Li> <a href="#"> Rahatlatıcı </a> </ li>
   <Li> <a href="#"> Spa ve Wellness </a> </ li>
  </ Ul>
  <Ul>
   <Li class = "ldd_heading"> Tema By </ li>
   <Li> <a href="#"> Cennet Adaları </a> </ li>
   <Li> <a href="#"> Cruises & amp; Tekne </a> </ li> Gezileri
   <Li> <a href="#"> Vahşi Hayvanlar & amp; Safaris </a> </ li>
   <Li> <a href="#"> Doğa Saf </a> </ li>
   <Li> diğerlerini & amp Helping <a href="#">; Umut </a> </ li> için
   <Li> <a href="#"> Dalış </a> </ li>
  </ Ul>
  <a class="ldd_subfoot" href="#"> + Yeni Fırsatlar </a>
 </ Div>
 </ Li>
</ Ul>

Her ihtimale Karşı kodlarda bozulma olursa buradan kodları tekrar Indirebilirsiniz.

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:

23 Mayıs 2015 Cumartesi

Prorat 1.9 Server Nasıl Oluşturulur?


   1) ProRat 1.9 Pro Group tarafından yazılmış bi tür remote(uzaktan yönetim) programıdır.Uzak Pc'lere bağlanmaya yarar. Hiç bir art niyet uğruna üretilmemiştir.Eğer kullanmasını biliyorsanız bu programla istediğiniz her şeyi yapabilirsiniz.

   2) Öncelikle rar dosyası içinden çıkan ProRat.exe dosyasını Çalıştırınız. Daha Dil seçimi bölümünden istediğiniz dili belirleyebilirsiniz. Türkçe dilinde anlatım yapıyorum. Oluştur butonunu göreceksiniz programın alt kısmında. Oraya tıklayın yanda menüler çıkacaktır. Oradan Prorat server oluştur seçeneğini seçiniz.
   3) Mail Adresinizi ve icq numaranızı ayarlıyorsunuz.Serveri açan kişinin Ip, Port Bilgileri mailinize-icq uza gelecektir. Not; İcq Numarası isteğe bağlıdır.

Daha sonra Genel ayarlar bölümüne tıklıyorsunuz.
   Bu bölümde Victim yazan bölüme gönderdiğiniz kişinin ismini lakabını yazabilirsiniz. Şifre bölümünede bir şifre yazınız. (Bağlanırken sorulucaktır.) Diğer bölümlere dokunmayınız..

   Dosya birleştir bölümünde ise ProRat serveri istediğiniz bir dosya ile birleştirirsiniz. Nitekim kurbana "jpg" uzantılı bir resim ile birleştirilmiş server yollandığında kurban serverı açtığında resim karşısına çıkınca şüphelenmeyecektir.
Not: Birleştirilecek dosya 10 MByı Geçemez.

   Son olarakta server simgesi bölümünden istediğiniz simgeyi seçerek server oluştur diyorsunuz ve ProRat klasörünün içinde aynı dizince bind_server veya server adında serverınız oluşuyor. Bundan gerisi size kalmış..

    Her mail adresine ProRat bildirisi gelmiyor. Örneğin bir çoğunuzun kullandığı Mynet Maillerine. Hotmail ve Yahoo Önerilir. Veya bizim vazgeçemediğimiz mail servisi Spymac Mail. Mail Geldi ne yapacağım maildeki IP Numarasını alıp ProRat IP Bölümüne Yapıştırıp bağlan diyorsunuz. Daha server oluştururken yazdığınız şifreyi size soracak.(Unutmuşsanız mailde oda yazar). Bağlandığı takirde gerisi size kalmıştır. Eğer bağlanamıyorsa Serverı yolladığınız kişi Firewall Kullanıyor demektir


Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:

21 Mayıs 2015 Perşembe

CSS İle Yatay Açılır Menü Yapımı


   CSS ile kodlama ile hazırladığımız bu menüyü kullanıcılar için kendine göre düzenleyerek kullanabilirsiniz.Tarayıcı uyumluluğunu için CSS sıfırlama gerekebilir.

   Menüyü blog sitenize gadget ekleme yöntemi ile ekleyerek blog başlığınızın bulunduğu gadgetin altına sürükleyerek bırakın.Ayrıca açılır alt menüleri çoğaltabilir veya azaltabilirsiniz.
<html>
<head>
 <title>CSS-Yatay Açılır Menü</title>
 <style type="text/css">
  body { margin:0px; padding:0px; }
  #menum ul {
    list-style:none;
  margin:0px; padding:0px; }
  #menum li {
    float:left; position:relative; width:150px; }
  #menum li ul {
    display:none; left:0; position:absolute; top:21px; }
  #menum ul li a{
    background:#EFEFEF;
    border-color:#CCCCCC #888888 #555555 #BBBBBB;
    border-style:solid;
    color:#000;
    display:block;
    font:bold 12px Arial, Helvetica, Sans-serif;
    margin:0px;
    padding:2px 3px;
   text-decoration:none;
    line-height:16px; }
  #menum ul li a:hover {
    background-color:#FFF; color:#FF0000; }
  #menum li:hover ul { display:block; }
 </style>
</head>
<body>
<div id="menum">
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Hakkımızda</a>
  <ul>
    <li><a href="#">Şirket Tarihçesi</a></li>
  <li><a href="#">Yöneticilerimiz</a></li>
  <li><a href="#">Çalışanlarımız</a></li>
  <li><a href="#">Faaliyetlerimiz</a></li>
  </ul>
<li><a href="#">Hizmetlerimiz</a>
  <ul>
    <li><a href="#">Web Tasarım</a></li>
  <li><a href="#">Hosting</a></li>
  <li><a href="#">Logo Tasarım</a></li>
  <li><a href="#">Danışmanlık</a></li>
  </ul>  
<li><a href="#">Referanslarımız</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>
</body>
</html>



Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:

Shotcut - Video Düzenleme Ve Filtreleme Programı


   Shotcut programı bilgisayarınızda video düzenleme ve editleme işlemlerini kolayca yapmanızı sağlayan ücretsiz bir video kodlama aracı. Programın sahip olduğu temiz arayüz ve çabuk öğrenilen yapısı sayesinde videolarınız üzerinde gerçekleştirmek istediğiniz işlemler oldukça kolay hale geliyor.

   Video düzenleme işlemleri sırasında videoya yorumlar eklemek, en boy oranını değiştirmek, kodlamak ve özel filtreler eklemek mümkün hale geldiği için neredeyse tüm basit ihtiyaçlarınızı karşılayabiliyor. Kendi filtrelerinizi kendini oluşturabileceğiniz gibi aynı zamanda içerisinde hazır gelen video filtrelerini kullanarak hızlıca işlemleri tamamlayabilirsiniz Bu hazır filtreler arasına renk değişimi, bulanıklaştırma, ayna efektleri, doygunluk, keskinleştirme ve parlaklık yer alıyor.

   Oynatma listelerini de yönetebilen program sürükle bırak desteği ve tam ekran modu ile çalışmalarınızı hızlıca tamamlamanızı sağlıyor. Çizgili ve karlı görüntüleri temizlemek için araçları da barındıran Shotcut'ı kesinlikle denemenizi öneriyorum.Bu yazılımla yapamadığınız hiç bir şey kalmayacak.


Shotcut Sistem Gereksinimleri
Lisans :Ücretsiz
Dil Desteği : İngilizce
İşletim Sistemi : Windows 7/8/Win 8.1/XP/Vista
Boyut : 137 MB
Sürüm : 15.05.06
Üretici : Dan Dennedy / Web sitesi 
Kategori : Video Düzenleme

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin

Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:

GetThemAll - Windows Phone Için Dosya İndirme Yöneticisi


   GetThemAll uygulaması ile her türde dosyayı Windows Phone’lu cihazınıza indirebilirsiniz. Video, ses, grafik dosyaları, pdf, txt, html ve daha pek çok formattaki dosyaları indirmenize imkan tanıyan uygulama 3 seçenek sunmaktadır: HTML5 ve HD videoları indirebilir, ses dosyalarını indirebilir veya bir web sayfasındaki tüm içeriği indirebilirsiniz.Üstelik android cihazlar için ve Google chrome tarayıcısı içinde eklentisi mevcut.

Ücretsiz ve popüler uygulamalar arasında yer alan GetThemAll uygulamasının başlıca özellikleri:

  • HTML5 ve HD videoları indirebilme
  • Müzik dosyalarını indirebilme
  • Resim dosyalarını indirebilme
  • Akıllı ve hızlı indirme yöneticisi
  • Duraklatma/Durdurma özelliği
  • Entegre dosya yöneticisi ile tüm indirilenleri düzenleme
  • Web sayfalarındaki tüm içerikleri indirebilme
  • Dahili filtre seçeneği

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin

Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:

18 Mayıs 2015 Pazartesi

Classic Style Css3 Navigation Bar


   Blogger menüleri kategorimize yeni ve sade bir menü seçeneği daha ekliyoruz.Navigation CSS3 ile yazılmış bu menü oldukça kullanışlı ve blog sitenize ekleme veya kaldırma kolaylığı ile işinizi rahatlıkla yapabilirsiniz.CSS3 kodlarında değişiklikler yaparak daha kullanışlı ve farklı bir tasarım elde edebilirsiniz veya renkleri temanıza göre de düzenleyebilirsiniz.

   Şimdi bu menüyü blog sitemize nasıl ekleyebilir ona göz atalım.
1. Kumanda paneli > Şablon > HTML Düzenle yolunu izleyelim.
2. CTRL+F kısa yol tuşları ile aşağıda ki kodu aratın.
]]></b:skin>
3. Yukarıda ki kodu bulduktan sonra hemen üst kısmına altta ki CSS3 kodlarını ekleyin.
/* The CSS Code for the menu starts here http://etralibela-61.blogspot.com/ */
#blogtrix_classic-menu{width:900px;background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrs4mNrq6z0oGtMh2e6qWtd4ibbhxFfSFSWs13lzix1IH6VWVDUOVkKZDH_6oDGFuTeqI-JR_BsZoLZVqz_fO9-y6dMbbuqUwYr5uVim3tpTt29rwmyGNPyBF5kepL_tt9oGMfybswP3c/s1600/btrixfooter_bg.png) repeat-x scroll top;color:#ddd;height:35px;-webkit-box-shadow:0 1px 5px #aaa;-moz-box-shadow:0 1px 5px #aaa;-ms-box-shadow:0 1px 5px #aaa;-o-box-shadow:0 1px 5px #aaa;box-shadow:0 1px 5px #aaa;border-bottom:1px solid #000;padding-top:8px;border:none 5px #000000;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#blogtrix_classic-menu ul,#blogtrix_classic-menu li{margin:0 auto;padding:0 0;list-style:none}
#blogtrix_classic-menu ul{height:35px;width:980px}
#blogtrix_classic-menu li{float:left;display:inline;position:relative;font:14px Skranji;text-transform:uppercase;}
#blogtrix_classic-menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#ddd;}
#blogtrix_classic-menu li a:hover{color:#fff}
#blogtrix_classic-menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#blogtrix_classic-menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#blogtrix_classic-menu label span{font-size:12px;position:absolute;left:35px}
#blogtrix_classic-menu ul.menus{height:auto;overflow:hidden;width:180px;background:#f1eeed url(http://3.bp.blogspot.com/-7ppDp44Yxtc/UUa_IMHEhpI/AAAAAAAAAjQ/F9QEGUl5S3w/s1600/index.png);position:absolute;z-index:99;display:none;}
#blogtrix_classic-menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;text-shadow:none}
#blogtrix_classic-menu ul.menus a{color:#333}
#blogtrix_classic-menu li:hover ul.menus{display:block}
#blogtrix_classic-menu a.prett{padding:0 27px 0 14px}
#blogtrix_classic-menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#ddd transparent transparent transparent;position:absolute;top:14px;right:9px}
#blogtrix_classic-menu ul.menus a:hover{background:#ddd;color:#333}
.page-blogtrix_classic-menu{width:70%;margin:18px auto;padding:0;float:right;text-shadow:0 1px 0 rgba(0,0,0,0.7)}
.page-blogtrix_classic-menu ul{list-style:none;color:#ddd;width:700px;margin:0 auto;padding:0}
.page-blogtrix_classic-menu ul li{list-style:none;line-height:32px;display:inline-block}
.page-blogtrix_classic-menu li a{color:#ddd;display:block;font-size:14px;font-family:Arial;position:relative;text-decoration:none;text-transform:capitalize;padding:0 10px}
.page-blogtrix_classic-menu li a:hover,.page-blogtrix_classic-menu .selected{color:#fff;text-decoration:none;background: rgba(0,0,0,.4);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset}
4. Şablonu kaydedip tekrar kumanda paneline giriş yapalım ve altta ki sıralamayı tekrar yapalım.
    1. Kumanda paneli > Yerleşim > Gadget ekle > HTML/Javascript yolunu izleyin
    2. Açılan gadget içerisine altta ki HTML kodlarını ekleyin ve kendinize göre düzenledikten sonra kaydedin.
    3. Menülerin ana sayfanız da görünmesini istediğiniz kısıma sürükleyerek bırakın.
<div id="blogtrix_classic-menu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="#">Menu 1</a></li>
<li><a class="prett" href="#">Drop list</a>
<ul class="menus">
<li><a href="#">Drop list 1</a></li>
<li><a href="#">Drop list 2</a></li>
<li><a href="#">Drop list 3</a></li>
</ul>
</li>
<li><a href="#">Menu 2</a></li>
<li><a class="prett" href="#">Drop list 1</a>
<ul class="menus">
<li><a href="#">Drop list 1</a></li>
<li><a href="#">Drop list 2</a></li>
<li><a href="#">Drop list 3</a></li>
</ul>
</li>
</ul>
</div>



Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Gönderen zaman: Hiç yorum yok:
Etiketler:
Kaydol: Kayıtlar (Atom)