Aşağıdan Yukarıya Doğru Yazı Kaydırma Mektup Okuma Html

Evet Arkadaşlar bu yazımda mektup okunması gibi yazı kaydırma.
eski filmlerde olurdu ya ben şimdi çok uzaklardayın diye başlar arkada hüzünlü bir müzik ile beraber oynardı.

işte şimdi onun nasıl yapıldığını öğreneceksiniz.


Aşağıdaki kodları uygun şekilde kopyalayıp yapıştırın.
istediğiniz sonucu elde edeceksiniz.

Sorularınızı alabilirim.

Orjinal link emeğe saygı :)  http://codepen.io/davidastout3/pen/BNpRRv


html Kodları

        <div id="eventHorizon"><div id="eventHorizoncontent">

            <p>
Mest WEb Tasarım
Web Tasarım Yazılım Seo Rehberi Bu web site bloggerimizde tüm web yazılımcı tasarımcı ve seocu olmak isteyen yada olanları ilgilendiren güzel paylaşımların güzel bir dille
    </p>
    </div></div>




Css Kodları

#eventHorizon
{
    position: absolute;
    width: 18em;
    height: 50em;
    bottom: 0;
    left: 50%;
    margin-left: -9em;
    font-size: 2000%;
    font-weight: bold;
    text-align: justify;
    overflow: hidden;
    transform-origin: 25% 100%;
    transform: perspective(900px) rotateX(10deg);
}

#eventHorizon:after
{
    position: absolute;
    content: ' ';
    left: 0;
    right: 0;
    top: 0;
    bottom: 60%;
    background-image: linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
    pointer-events: none;
}

#eventHorizoncontent
{
    position: absolute;
    top: 100%;
    animation: scroll 50s linear 0s infinite;
}

@keyframes scroll {
    0% { top: 100%; }
    100% { top: -170%; }
}

Linux -- Windows Alternatifi yada Windows Linux Seçenekleri

Windows da kullandığımız ve ayrılamadığımız bir çok programın alternatiflerini Linux işletim sisteminde bulabilirsiniz.

Hemde Ücretsiz.

http://linuxappfinder.com/alternatives?page=2

web adresinde bununla alakalı tüm içerikleri bulabilirsiniz.

Windows and OS X Software	Linux Alternatives
3D GameStudio	Crystal Space Doom 3 Panda3D Torque
3ds
ableton
ACDSee	blueMarine Cornice Digikam F-Spot GJay Imgv jBrout Lphoto Picasa
Acoustica CD/DVD Label Maker	Fusion Kover KoverArtist
Acronis True Image Workstation	True Image Server Clonezilla Ghost for Linux g4u Mondo Partition Image
Adobe Acrobat	PDFedit PDF Mod poppler-utils
Adobe After Effects	Fusion Jahshaka LiVES Shake
Adobe Audition	Audacity Jokosher
Adobe Captivate	Salasaga Wink
Adobe Dreamweaver	Amaya Aptana Bluefish KompoZer Nvu phpMyEdit Quanta Screem TruStudio
Adobe Fireworks	CinePaint Gimp Image Editor Inkscape
Adobe Flash Player	Flash Plug-in Installer Gnash Mozilla VLC Plug-in Swf-Player VMware Player
Adobe Illustrator	Gimp Image Editor Inkscape Karbon sK1 Skencil Sodipodi Synfig Studio Xara LX
Adobe Indesign	Scribus

Domain Transfer / Transfer Nasıl Yapılır? Sitemi kendi üzerime almak.

Öncelikle domain sizin üzerinizde mi ? yoksa karşı tarafta mı bunu anlamanız gerekiyor. yada öğrenmeniz.

Domain sizin üzerinize ise, sunucu hizmetinden faydalandığınız firma ile iletişime geçiniz. yada sisteme giriş yapınız.

Giriş yaptıktan, Domainler (Alan Adlarım) bölümünden transfer etmek istediğiniz domaini seçerek "Transfer Et" e tıklayarak transfer için yeni bir pencere açılacak, açılan bu pencerede transfer kodunu mail olarak sunucu hizmeti aldığınız firmada tanımlı mail adresine gönderecek gelen bu mail aracılığıyla bu yeni hizmet almak istediğiniz herhangi bir sunucu firmasına ekleyerek önce domain satın alıp, akabinde transfer kodunu yapıştırarak gerçekleştirirsiniz.

Aşağı yukarı 10 - 15 gün bekledikten sonra bir aksilik olmadığı takdirde transfer sağlanmış olacaktır.

sorusu olanlara Allah Rızası için yardımcı olunur.

Neon Dots Havalı Açılış Sayfası

 Neon Dots ile Havalı Açılış Sayfası yapabilirsiniz.
bunun yapmanız gerekn şey, aşağıdaki linke tıklayarak web sitesine ulaşın.
kodları uygun şekilde kopyalayıp kendisi sayfanızı yapıştırın.

sonrası malum kendi sunucunuza göndermekten ibaret akabinde bu şekilde güzel açılış sayfanız olacaktır.


http://codepen.io/acarva1/pen/pJbOvB

Js Küçültme Sıkıştırma

Seo açısında çok önemli olan js dosyalarının sıkıştırılması konusuna el atmak istiyorum.
js dosyaların ne kadar boyutları düşük ise web site hızı o oranda artmaktadır.

http://jscompress.com/

kodu kopyala
yapıştır yap sonra alttaki butona tıklayarak optimize etsin.
optimize ettikten sonra kodu kopyala-yapıştır yap tekrardan js dosyanıza ekleyin.

bu kadar

Js ile Beğeni sayısını gösterme yada beğenmeyen sayısını gösterme

bu yazımda sizlere faydalı olacağını düşündüğüm sürekli karşımıza çıkan, hani genellikle haber sitelerinde yorumlar listelenir her yoruma bir beğeni yada beğenmeye sayısı gösterilir ya bizimkisi de bu misal üzerine nasıl yapıldığını js kodlarıyla anlatağız İnşaAllah.

kodlarımız aşağıdaki gibidir.

<head>
 
  <!-- The template named "main" automatically renders into the document body -->
  <script type="text/spacebars" name="main">
    MapleStory Simulator
 <button id="number-a">{{a}}</button>
  </script>

  <script src="http://meteor.github.io/blaze/blaze-0.1.js"></script>
 
  <script>
var numberA = new Blaze.Var(1);
var numberB = new Blaze.Var(1);

Template.main.helpers({
  a: function () { return numberA.get(); },
  b: function () { return numberB.get(); },
  c: function () { return numberA.get() * numberB.get(); }
});

Template.main.events({
  'click #number-a': function () {
    numberA.set(numberA.get() + 1);
  },
  'click #number-b': function () {
    numberB.set(numberB.get() + 1);
  }
});
  </script>

</head>

örnek görmek için ise http://codepen.io/anon/pen/DIwty