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)… Okumaya devam et ASP.NET ile URL Kısaltma Uygulaması
Etiket: html
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.
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.
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.… Okumaya devam et HTML “mailto” Özelliği ile Mail Linki Oluşturma
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ı… Okumaya devam et HTML, CSS ve JS ile Açılır Kapanır Menü Yapımı