İndirilebilir Hazır Vektörel Tasarımlar

Yaşgünü afişleri doğum günlerinin olmazsa olmazı haline gelmiş durumda, aslında maliyeti çok ta fazla değildir fakat üzerine birde tasarım yapılması gerektiğinden maliyet neredeyse iki katına yakın çıkmaktadır, bu konuda genel kullanımda olan afiş türlerinden sizin için bir kaç tasarım yapmış bulunmaktayım, tasarımlardan ilginizi çekenleri linkten idirebilir, baskı yapacak firmada gerekli bilgileri düzenletip resim ekleterek tasarım yaptırmadan işinizi kolaylıkla çözebilirsiniz.


PDF İNDİRME LİNKİ   :    www.nurcanyurttas.com   

adwcleaner internet virüs temizleme programı

Bazen aradığınız dosyaları bilmediğiniz sitelerden indirmek zorunda kalabiliyoruz, bunun sonucu çoğu kez internetimize bulaşmış virüslerle uğraşmak oluyor.

Bende bu sorunu çözebilecek virüs programlarını denerken birçok program kullandım fakat en etkili programın adwcleaner olduğunu gördüm ve bu programı sizlerede tavsiye etmek istedim.

Programı birçok Tükçe siteden indirebilirsiniz.

addThis Sosyal Medya Paylaşım Butonları Eklemek

Prosmart Yazılım destek bölümü için hazırlamış oluğum AddThis (Sosyla Medya Paylaşım Butonları) ekleme dökümanlarını sizlerle paylaşıyorum umarım işinize yarar, şimdiden kolay gelsin. Öncelikle bu özellikten faydalanmanız için siteye üye olmanız gerekmektedir, bu nedenle üyelik işlemlerinde başlayacağım. SING IN butonuna tıklayarak üyelik işlemlerine başlayabiliriz.

Karşınıza çıkacak olan alandan Create an Account seçeneğini seçerek üyelik işlemlerinize devam ediyoruz.

Buradan üyelik formunu doldurarak Regüster butonuna tıklayıp üyelik işlemini tamamlıyorsunuz.

Sosyal Paylaşım butonlarını oluşturmak için SHERE seçene ile sosyal paylaşım butonlarını oluşturacağınız sayfaya geçiyorsunuz.

Clinck here to enter text, metin girmek için buraya tıklayın seçeneğini geçmek için EXIT butonuna tıklayınız.

sol üst menüden TOOLS seçeneğine tıklayarak işleminize devam ediyoruz.

Bu alan sosyal paylaşım butonlarının sayfanın neresinde görünmesini istediğinizi seçme imkanı sunmaktadır, buradan istediğiniz görünümü seçerek SETUP butonuna tıklayınız.

İsteğe bağlı olarak eklemek istediğiniz buton sayısı seçebilir ve size önerilen butonları
ekleyebilirsiniz.

Benim önerim ise çoğunlukta kullanılan sosyal paylaşım ağlarını seçerek görüntü kirliliği oluşturmamaktır. NOT: Sitenize addThis kodunu ekledikten sonra bu alanda yapacağınız değişikleri Update butonuna tıklayarak otomatik güncelleyebilirsiniz.

Oluşturulan kodu siteye kodu eklemek
addThis sizin için oluşturduğu kodu sayfadan kopyalayarak sitede </body> tagından önceki satıra yapıştırınız.
 NOT: Resimdeki anlatılan yönetim paneli ile ilgili yazılar sizin için geçerli değildir.

addThis sitede görünümü

bootstrap css html javascript jquery php

Zopim Destek Eklemek

prosmart yazılım destek bölümü için hazırlamış oluğum zopim destek ekleme dökümanlarını sizlerle paylaşıyorum umarım işinize yarar, şimdiden kolay gelsin. İlk adım olarak zopim destek sitesine üye olmanız gerekmektedir, aşağıda anlatmış olduğum üye olma şekli için öncelikle gmail adresinizin açık olması gerekmektedir, zopim destek sayfasına üye olacağınız gmail adresinizi açın, daha sonra zopim destek sayfasına www.zopim.com adresinden giriş yapın, zipim desteğin türkçe siteside bulunmaktadır ben size orjinal site üzerinden anlatacağım, bu sayfada siteyi Türkçe seçeneğine alıyorsunuz.


 


Zopim i deneyin butonu ile devam ediyoruz

üyelik sayfa üstünde bulunan şimdi kaydolun linki ile kaydımızı başlatalım

Gerekli olan bilgileri alanlara girelim ve kaydedelim

kaydetme işleminden sonra mailinize, mail onayınız için gönderilen onay işlemini gerçekleştirelim

mailinizi onayladıktan sonra karşınıza gelecek olan Zopim'e hoş geldiniz yazısını ileri butonu ile geçelim

Zopim destek için kullanacağımız adımızı soyadımız bu gerçek adınız soyadınızda olabilir ve zopim destekte görünmesini istediğiniz adınızı yazın ve ileri diyerek bu bilgileride kaydetmiş ve diğer sayfaya geçmiş olacağız

 burada zopim bize sitemize ekleyeceğimiz kodu veriyor (resmin sağ kısmında yazan kırmızı yazılar sizin için geçerli değildir) zopim kodunu kopyalayarak sayfanızın <head> </head> tagları arasına yapıştırın.

zopim kodunu sayfanıza yapıştırdıysanız artık sizinde sitenizde zopim destek var demektir, şimdi bakalım zopim desteği nasıl kullanacağız, Ana Sayfa butonu altında sitemizi ziyaret eden ziyaretcileri görebiliriz

Ziyaretçi Listesi, bu alanda gerçek zamanlı ziyaretçileri, sitemizi ziyaret ettikleri anda görebiliriz

Geçmiş butonu bize geçmişte yaptığımız konuşmaları ve çevrim dışı olduğumuz durumlarda yazılan mesajları gösterecektir

Pencere ögesi, sayfamıza eklemiş olduğumuz zopim destek menüsünün rengini şeklini beğenmedik veya sitemize uyum sağlasın istedik, işte o zaman Pencere ögesi butonuna tıklıyoruz ve ayarlarımızı yapıyoruz, ayarları yaparken siteden sonuçları bakmamıza gerek bırakmamak için zopim ayarların yanına yaptığımız değişiklikleri göreceğimiz sonuç penceresini de hemen sağ tarafa eklemiş

Kişisel butonu altında kişisel bilgilerimizi yeniden düzenleyebiliriz

buda prosmart yazılım için hazırlamış olduğum zopim destek paneli, sonucu da görmüş olduk.

css html php template

CSS Hazır Menüler (link yenilenmiştir)

 

Önceden eklemiş olduğum css menülerin indirme sürelerinin dolmuş olduğunu görünce, elimde bulunan işinize yarayacağını düşündüğüm css (bootstrap) uyumlu menülerden yeniden indirmeniz için yükledim.



Menüleri buradan indirebilirsiniz

css

Less ile Bootstrap Etiketlerini Kullanmak

Less ile Bootstrap Etiketlerini Kullanmak

Öncelikle

www.getbootstrap.com adresinden Download Bootstrap butonuna tıklayarak dowloand sayfasına gelin burada Source code seçeneği tıklayarak dökümanı indirin, indirdiğiniz dökümandan less klasörünü alın ve bootstrap uygulayacağınız çalışma klasörünüzün içene atın.

İkinci aşama olarak

www.lesscss.org adresinden Get Less.js başlığı altında bulunan Browser dowloads seçeneklerinden Download source code linkini tıkladığınızda size less.js dosyasını indirecektir.

İndirdiğiniz  klasör içerisinde bulunan dist klasörü içerisinde less.min.js dosyasını, bootstrap tan indirdiğiniz less klasörü içerine atın.

Son aşamamız

www.winless.org adresinde bulunan winless programını download butonu yardımıyla indirin, indirdiğiniz programının kurulumunu yaptıktan sonra programı çalıştırın,

programın üst kısmında iki seçenek bulunmaktadır buradan Less Files seçeneğinin seçin  ve  sol alt kısmında bununan Add Folder seçeneğinden, daha önce bootstrap sayfasından indirmiş olduğunuz less klasörünü seçerek programa dahil edin.

Daha sonra dosyaların listelendiği kısmın üzerindeki File seçeneğinden eklemiş olduğumuz listenin tamamının işaretini kaldırıp sadece kullanacağınız bootstrap.less dosyasını işaretleyin, işaretledikten sonra sağ alt kısımda bulunan Compile butonuna basın, bu işlemi yaptıktan sonra programın sol üst kısmında bulunan Less Files sekmesi yanında Compiler sekmesini göreceksiniz bu sekmeye tıklayarak burada bulunan özelliklerden dosyanın yolunu ve son derleme zamanını görebilirsiniz.

Daha sonra bootstrap’ın sitesinden indirmiş olduğunuz bootstrap.less dosyasının bulunduğu klasörün içine baktığınızda size bootstrap.css diye bir dosya oluşturduğunu göreceksiniz bu dosya yolunu, üzerinde çalışma yapacağınız sayfanın üst kısmına ekleyin.  

örneğin less klasörü içerisinde var olan dosya yolumuzu bu şekilde ekleyeceksiniz.

 <link href="less/bootstrap.css" rel="stylesheet">   

Program açıkken örneğin variables.less dosyasında yapacağınız bütün yenilikleri bootstrap.css dosyasına atayacaktır, bu atamayı iki şekilde yapar,  bootstrap.css dosyası açık ise yenilikleri kaydetmek istediğinizi soracaktır,  bootstrap.css dosyası kapalı ise program kendiliğinden otomatik değişiklikleri kaydedecektir.

Çalışma sayfalarınızın üst kısmına bootstrapla ilgili yalnızca aşağıdaki kodu eklemeniz yeterlidir.

<link href="less/bootstrap.css" rel="stylesheet">   

En alt kısmına da bootstrapla ilgili aşağıdaki kodu eklemeniz yeterli olacaktır.

<script src="js/bootstrap.js"></script>

bootstrap less

JavaScript Kullanım Özellikleri

Bu yazımda JavaScript kullanım özelliklerine iki örnek vereceğim.

Birinci yöntem; javascript kodunu kullanacağınız elamana yazarak alacağınız sonuçtur.

aşağıda bulunan örnekte button elemanının onclick özelliğene “document.getElementById” ile bir id veriyoruz daha sonra “.innerHTML” ile html bir döküman ekliyoruz.
 son olarak button elemanına vermiş olduğumuz id ile kullanmak istediğimiz p etiketinin id eşleştiriyoruz.

<button type="button" onclick="document.getElementById('birinci').innerHTML = 'eleman ile deneme'">
eleman deneme </button>

<p id="birinci">eleman ile deneme sonucu buraya gelecek</p>

ikinci yöntem; javascript kodunu fonksiyon oluşturarak alacağınız sonuçtur. aşağıda bulunan örnekte fonsiyonun ismi “ikinci” button elemanının onclick özelliğine yazılarak, fonksiyonun yapacağı işlemler onclick özelliğine atıyoruz.
daha sonra fonksiyonumuzda bulunan “document.getElementById” id ile kullanmak istediğimiz p etiketinin id eşleştiriyoruz.

<script>
function ikinci() {
document.getElementById("ikincideneme").innerHTML = "fonksiyon ile deneme";
}
</script>

<button type="button" onclick="ikinci()"> fonksiyon deneme </button>
<p id="ikincideneme">fonksiyonun sonucu buraya gelecek</p>

Yukarıda bulunan iki örnek arasındaki fark; Javascrip kodunu fonksiyon olarak kullandığınızda, atamak istediğiniz elemana bütün kodları tekrar tekrar yazmak yerine sadece id isimlerini eşleştirerek kullanabilirsiniz, bu şekilde yapacağınız işlemleri daha düzenli ve daha hızlı bir şekilde yapmış olursunuz.

Çalışmalara ait örnek link

javascript

CorelDraw Arayüz Tanıtım, Video Ders

CorelDraw Arayüz Tanıtım

Bu videoda Coreldraw genel kullanım özellikleri, menülerin yerleşim ve genel kullanım özellikleri anlatılmıştır. Daha sonraki videolarda münüler ve araçlar hakkında detaylı anlatım yapılacaktır.

VİDEO DERSİ BURADAN İZLEYEBİLİRSİNİZ

CorelDRAW coreldraw arayüz

Responsive Template Çalışmam

html, jquery, booststrap, less  ile yapılmıştır.

TEMAYA AİT DEMOYU BURADAN GÖREBİLİRSİNİZ

tema template

Html5 Ses ve Video Ekleme

Html5 ile gelen ses ve video etiketlerine ait en önemli özellikler.

Sitenize ses dosyası eklemek
<audio> </audio>  ses dosyası etiketidir.

Ses dosyası yolunu göstermek
<source src=""></source> ses dosyası kaynağını belirtir.

Ses etiketini ekranda göstermek veya gizlemek
Controls : etiketi audio etiketine ait görüntünün ekranda görünmesini sağlar bu etiketi eklemeseniz de audio ses özelliği çalışacaktır fakat ekranda ses etiketine ait hiçbir görüntü bulunmayacaktır, buda arkaplanda çalan ses efekti gibi olacaktır.

Ses dosyasını otomatik başlatmak
Autoplay: etiketi audio etiketinin sayfaya yüklendiği an otomatik çalışmasını sağlar.

Sesin tekrar başlaması
Loop: yüklemiş olduğunuz ses dosyası bittikten sonra tekrar başlamasını sağlar.

Örnek :
<audio autoplay="" controls="">
<source src="”ses.mp3″"></source>
</audio>

Sitenize video dosyası eklemek
<video> </video>  video dosyası etiketidir.

Video dosyası yolunu göstermek
<source src=""></source> video dosyası kaynağını belirtir.

Video etiketini ekranda göstermek veya gizlemek
Controls : etiketi video etiketine ait çerçeve görüntüsünün ekranda görünmesini sağlar bu etiketi eklemeseniz de video görüntüsü ekranda çalışacaktır fakat video etiketine ait hiçbir görüntü bulunmayacaktır.

Ses dosyasını otomatik başlatmak
Autoplay: etiketi audio etiketinin sayfaya yüklendiği an otomatik çalışmasını sağlar.

Sesin tekrar başlaması
Loop: yüklemiş olduğunuz ses dosyası bittikten sonra tekrar başlamasını sağlar.

Video boyutlandırma
Width: videolarınızı kullanacağınız alana göre boyutlandırmanızı sağlar.

Örnek:
<video autoplay="" controls="" width="”400″">
<source src="”video.flv”"></source>
</video>

html html5 html5 ses ekleme html5 video ekleme