19 Şubat 2015 Perşembe

Csharp'ta Bool Örneği (True-False) -Are you Major? -41

using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace ConsoleApplication19 { class Program { static void Main(string[] args) { Person person = new Person(); Console.WriteLine("Welcome, or Wellcome!"); Console.Write("Print your name please: "); person.Name = Console.ReadLine(); Console.Write("Print you surname please: "); person.Surname = Console.ReadLine(); Console.Write("Are you Major: "); var answer = Console.ReadLine().ToUpper(); Console.WriteLine("Thanks. The system will check if you are the Major or not. Please wait!"); Console.WriteLine("\n... \n...\n..."); if (answer == "YES") { person.AreYouMajor = true; Console.WriteLine("Gratz {0}, you are the Major! Salute!", person.Name); } if (answer == "NO") { person.AreYouMajor = false; Console.WriteLine("Sorry You are'nt the Major that i am looking for. Please become a Major or leave me alone!"); } if (answer != "YES" & answer != "NO") { Console.WriteLine("We could'nt solve what you are. Go away please!"); } Console.ReadKey(); } public class Person { public string Name; public string Surname; public bool AreYouMajor; } } }

Csharp'ta Switch Case Kullanımı - 38

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace switch_case { class Program { static void Main(string[] args) { Console.Write("Lütfen 1 ile 5 arası bir sayı giriniz: "); var sayi = int.Parse(Console.ReadLine()); Console.WriteLine(); switch (sayi) { case 1: Console.WriteLine ("Girdiğiniz sayı {0} ile {1} arasındadır.", sayi - 1, sayi + 1); break; case 2: Console.WriteLine ("Girdiğiniz sayı {0} ile {1} arasındadır.", sayi - 1, sayi + 1); break; case 3: Console.WriteLine ("Girdiğiniz sayı {0} ile {1} arasındadır.", sayi - 1, sayi + 1); break; case 4: Console.WriteLine ("Girdiğiniz sayı {0} ile {1} arasındadır.", sayi - 1, sayi + 1); break; case 5: Console.WriteLine ("Girdiğiniz sayı {0} ile {1} arasındadır.", sayi - 1, sayi + 1); break; default: Console.WriteLine(); Console.WriteLine ("Geçersiz bir sayı girdiniz. Program kapanacaktır."); Console.ReadKey(); Environment.Exit(0); // Environment.exit ile programı bu satırda kapatıyoruz. break; } Console.WriteLine("Geçerli bir sayı girdiniz ve programı başarıyla tamamladınız. İyi günler!"); Console.ReadKey(); /* case 1: de anlatılmak istenen: "sayi değişkeninin değeri 1 olduğunda bu satırı çalıştır.." dır. case'lerin hiçbiri çalışmadığında ise "default" satırı çalışacaktır. Örneğin, 1 ile 5 arası dışında bir sayı girildiğinde; bu değer için herhangi bir koşul (case) yazmadığımız için "default" kısmı çalışacaktır. */ } } }

14 Şubat 2015 Cumartesi

Making a Photo Gallery in Javascript


HTML
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <div>
            <button onclick="prev()"> Prev </button>
            <img id="slider" src="http://www.sololearn.com/uploads/slider/1.jpg" width="200px" height="100px"/>
            <button onclick="next()"> Next </button>
        </div>
    </body>
</html>

CSS

button {
    margin-top:30px;
    float:left;
    height:50px;
}
img {
    float:left;
    margin-right:10px;
    margin-left:10px;
}

JS
var promptName = prompt("Whats your Name?");
var promptAge = prompt("How old are you?");

function person(){
    this.name = promptName;
    this.age = promptAge;
    this.birth = gelenYear;
}

function gelenYear(){
    return 2016 - this.age;
}

var p1 = new person();

document.write("Your name is " + p1.name + " and your birth year is " + p1.birth());

Animated div in JavaScript

HTML
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <div id="container">
           
            <div id="box"> </div>
           
            <button onclick="go()" id = "newB">Start!</button>
        </div>
    </body>
</html>

JAVASCRIPT
function go(){
    var pos = 0;
    var box = document.getElementById("box");
    var time = setInterval(go, 10);
   
    function go(){
        if(pos < 150){
            pos += 1;
            box.style.left = pos + "px";
           
            if(pos == 150){
                alert("Done!");
            }
        }
    }
}


:before & :after Attributes in CSS

Use of before & after attributes. We have used list class in this following example:
HTML
<html>
<head></head>
<body style="background-color:#272822">
<ul>
    <a href=""><li class="customStyle"><span>Anasayfa</span></li></a>
    <a href=""><li class="customStyle"><span>Kitaplar</span></li></a>
    <a href=""><li class="customStyle"><span>Yazarlar</span></li></a>
</ul>
</body>
</html>

CSS
ul {
    list-style: none;
    padding:3;
    margin:10;
}
li {
    padding-left: 5em;
    text-indent: -.em;
}
li:before {
    content: "• ";
    color: red; /* or whatever color you prefer */
}
li:hover:before{
    content:" ○";
    color:white ;
}
li:after{
    content:" •";
    color:green;
}
li:hover:after{
    content:" ○";
    color:white;
}
a{text-decoration:none; color:pink;}
/*a:hover{background-color:white;}*/

.customStyle:hover{
background-color:gray;
transition-duration:0.4s;
color:red;
}     
/*li span{color:red;}*/   
li span{width:600px;  text-indent:1em; display:inline-block;}
li span:hover{color:black !important;

Bootstrap col-md, col xs, col sm ayarları


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>

    <!-- Bootstrap -->
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="~/BenimStyles.css" rel="stylesheet" />

    <div class="container">
         <!-- Her row, Container içinde bulunmalı -->
        <!-- Her row'un genişlik ayarı ayrı ayrı düşünülmeli (her satır 12 ye tamamlanmalı)-->
        <!-- Genişlik ayarı girilen bir satır başka bir genişlik girdisiyle override edilmediği sürece (örneğin col-xs-6 gibi)
        kendi ve kendinden büyük genişlik ayarları için geçerli olacaktır

        örneğin col-xs-6 değeri girilmiş ise;
        Bu değer medium ve large sayfalar için de geçerli olacaktır (otomatikman)
            Aşağıdaki örnekler browser'da çalıştırıldığında konu anlaşılacaktır.
        -->

        <div class="row">
            @*  row 1  *@
            <div class="col-md-2">
                <div class="Benim-Row">Left</div>
            </div>

            <div class="col-md-8">
                <div class="Benim-Row">Main</div>
            </div>

            <div class="col-md-2">
                <div class="Benim-Row">Right</div>
            </div>
        </div>

        <div class="row">
            @*  row 2  *@
            <div class="col-md-2">
                <div class="Benim-Row"> Left Content</div>
            </div>

            <div class="col-md-8">
                <div class="Benim-Row">Main Content</div>
            </div>

            <div class="col-md-2">
                <div class="Benim-Row"> Right Content</div>
            </div>
        </div>

        <div class="row">
            @*  row 3  *@
            <div class="col-md-3 col-lg-9 col-sm-6">
                <div class="Benim-Row"> Column 1</div>
            </div>

            <div class="col-md-3 col-lg-3 col-sm-6">
                <div class="Benim-Row">Column 2</div>
            </div>

            <div class="col-md-3 col-lg-9 col-sm-6">
                <div class="Benim-Row"> Column 3</div>
            </div>
            <div class="col-md-3 col-lg-3 col-sm-6">
                <div class="Benim-Row"> Column 4</div>
            </div>
        </div>

        <div class="row">
            @*  row 3  *@
            <div class="col-sm-6">
                <div class="Benim-Row"> Column 1</div>
            </div>

            <div class="col-sm-6">
                <div class="Benim-Row">Column 2</div>
            </div>

            <div class="col-sm-6">
                <div class="Benim-Row"> Column 3</div>
            </div>
            <div class="col-sm-6">
                <div class="Benim-Row"> Column 4</div>
            </div>
        </div>

        <div class="row">
            @*  row 3  *@
            <div class="col-xs-3">
                <div class="Benim-Row"> Column xs 1</div>
            </div>

            <div class="col-xs-3">
                <div class="Benim-Row"> Column xs 2</div>
            </div>

            <div class="col-xs-3">
                <div class="Benim-Row"> Column xs 3</div>
            </div>
            <div class="col-xs-3">
                <div class="Benim-Row"> Column xs 4</div>
            </div>
        </div>
    </div>