Kategoriler
ASP.NET CSS HTML JavaScript

ASP.NET ile URL Kısaltma Uygulaması

Projenin Amacı Uzun URL’ler için kısa yönlendirme linki oluşturmak. Proje Öncesi Amaca uygun olarak bir planlama yapıldı. Uzun linki bir kriptolama algoritması ile oluşturulan kısa kod ile mapleyen bir veritabanı düşünüldü. Uzun linke gitmek için de 301 yönlendirme yapan bir link oluşturulması gerektiği belirlendi. Uygulama Uygulama için kullanılan paketler; MySql.Data.Entity 6.10.9 (ASP.NET) bootstrap 4.6.0 (ASP.NET) […]

Kategoriler
CSS HTML JavaScript

HTML, CSS ve JS ile Sekmeli İçerik Yapımı

Tab menüler çok kolay bir mantığa dayanıyor. İşin özü görünen elemanı display: none yapıp görünecek elemanı da display: block yapmak. Görünecek elemanı da a etiketinin href‘ine yazdığımız eleman id‘sinden buluyoruz. Güzel görünmesi için de birkaç CSS yazmak gerek tabii ki. Ben biraz karmaşıklaştırmak için kapanan elemanın kayarak gideceği bir efekt yapmak istedim. Kodlar her zamanki gibi JSFiddle’da.

Kategoriler
CSS HTML

HTML ve CSS ile Elemanları Dikey ve Yatay Eksende Ortalamak

Bu işlemi yapmak için birden fazla yöntem mevcut. 1. yöntem table ve table-cell kullanmak. 2. yöntem display: flex ile yapmak. 3. yöntem de position: absolute ile elemanı tabiri caiz ise uçurmak. 3. yöntemin dezavantajı içerideki elemanın sabit bir yükseklik ve genişliği olması gerekiyor. Bana sorarsanız en kullanışlı yöntem display: flex ile yapmak. Tüm yöntemler aşağıdaki JSFiddle’da bulunuyor.

Kategoriler
HTML

HTML “mailto” Özelliği ile Mail Linki Oluşturma

HTML’de yer alan mailto özelliği ile mail gönderebilen linkler oluşturabilirsiniz. Bu linkler sayfalarda mail olarak paylaş butonları için kullanılabilir. Bu linklerde yönetebileceğiniz birkaç parametre mevcut. Taslak;mailto:mail_adresi?subject=mail_konusu&body=mail_icerigi&cc=bilgi_mail&bcc=gizli_bilgi_mail Parametre Açıklama mailto: Taslakta mail_adresi olarak belirtilmiştir. Gönderilecek mail adresleridir. Virgül (,) ile ayırarak birden çok mail adresi girilebilir. subject Taslakta mail_konusu olarak belirtilmiştir. Gönderilecek mailin konusudur. body Taslakta mail_icerigi olarak belirtilmiştir. Gönderilecek mailin içeriğidir. […]

Kategoriler
CSS HTML JavaScript

HTML, CSS ve JS ile Açılır Kapanır Menü Yapımı

HTML, CSS ve JS ile açılır kapanır menü yapmak oldukça kolay bir işlem. Bilmeniz gerekenler classList.toggle ve getElementById methodu ve addEventListener ile event ekleme. Gerisi tamamen CSS işlemleri. CSS ile yapacağımız işlem menü open classına sahipse transform özelliğini sıfır yapmak. Kodların her şeyi açıkladığını düşündüğüm için pek detaya girmeyeceğim. Karışık bir işlem değil. Sorularınız yorum yapabilir veya iletişim kısmından iletişime geçebilirsiniz. Aynı zamanda canlı […]