pullquote etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
pullquote etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

23 Kasım 2006

The Balancing Act ( Üçlü CSS Ayarlaması)


Art by ihtiyarusBugün yine burada yazımız içerisinde hem resim, hem Dropcaps, hemde pullquote uygulamasını bir arada dengeli bir biçimde sunulmasını anlatacağım. Esasında burada bahsi geçen pullquote daha önce anlattığımız pullquote uygulamasının bir başka biçimde sunulması şeklinde tarif edebiliriz. Bu uygulama biçimi de çok hoş. Grafik anlamda bizlere CSS in ayrı bir görsel şöleni gibi sanki. Hoşunuza gitti sanırım. Sizler bu uygulamada istediğiniz gibi renklerde değişiklik yaparak hoşlandığınız renkleri uygulayabilirsiniz. ...pullquote aleti işte CSS de bu oluyor dostlar. Yanlız burada değinmek istediğim bir şey aşağıda her ikisinide verdiğim kodlardan şablonunuzun css bölümüne pullquote ve thinborder la ilgili kodları ilave etmeyi unutmayınız. Post başlığı altında CSS property lerinin bulunduğu yere ilave edeceksiniz. Eğer neresi olduğunu anlayabilmeniz için tarayıcınızın görünüm sekmesinde kaynağı göster 'e basarakda şablon kodları arasında pullquote veya thinborder ifadelerini arayın sizde aynı yere kodlarınızı kopyala yapıştır yöntemiyle koyun. Kolay gelsin.Bu CSS uygulamasını burada olduğu gibi inline veya external olarak harici bir css dosyası ilede yapabilirsiniz. Ancak blogger sistemi için uygun olan uygulama burada anlattığım biçimde olanı.


UYGULAMA KODU :



CSS CLASSES KODU :


<style type="text/css">

.thinborder{
float:left;
border:solid 1px yellowgreen;
padding:5px;
margin-right:5px;
}

.pullout{
width:30%;
padding:10px;
background-color:yellowgreen;
color:#F5F5F5;
float:right;
font: bold 14pt/1em Arial,
Helvetica, sans-serif;
text-align:left;
letter-spacing: 0.05em;
margin:5px;
clear: both;
}
</style>

12 Kasım 2006

Michelle Goodrich

MANDARİN MEG yani Mandarin Design 'ın yaratıcısı Michelle Goodrich 'i kaybettik.



Mandarin Meg Michelle Goodrich

Mandarin Design 'ın yaratıcısı olan Michelle Goodrich'i kaybettik. Geçtiğimiz hafta boyunca hemen hemen hergün birkaç kere ziyaret ettiğim Mandarin Design 'ın sayfalarının açılmadığını gördüm. Önceleri sayfaların teknik bir sorundan dolayı açılmadığını düşündüm. Sayfaların bulunduğu host firmasına yönlendirildiğini farkettim. Bir uyarı yazısı vardı. Teknik bir sorun nedeniyle geçici olarak kapatıldığı yazıyordu. Bu birkaç gün daha devam edince merak edip araştırmaya başladım. Bu harika sayfaların ve uygulamaların yaratıcısı kimdi. Mandarin Meg diye anılan "MEG" kimdi. O güne kadar merak etmemiştim. Önceleri yaratıcı, zeki bir genç erkek veya bayandır diye tahmin ediyordum. Ama araştırmalarımın sonunda karşıma 53 yaşında gençliğindeki güzelliğinden hiç bir şey kaybetmemiş, Amerika Sacremento 'da yaşayan bir bayan çıktı. Çocukları ve torunları olan bir hatun kişi. Sayfalarından HTML, CSS konusunda çok şey öğrendiğim, Web Tasarımında bir sanatçı, estetik ve grafik uzmanı olan bu kişiden bahsedeceğim. Hiç haberi olmadı ama benin öğretmenimdi. Bu kişiyi çok merak ettiniz biliyorum. Evet bu kişi müthiş bayan Michelle Goodrich . İyi bir anne, tonton bir nine. Dünyanın dört bir tarafında dostları ve sevenleri olan birisi. Evinin bir köşesindeki bilgisayardan bulduğu boş vakitlerinde onlarca dostu nasıl edinmiş hayretler içinde kaldım. Bilgisayar ve İnternetin gücüne bir kez daha inandım. Yaşadığı şehirde de çok sevilen onlarca dostu olan bir insan olduğunu gördüm. Ama ne yazık ki bu muhteşem insanın geçtiğimiz haftalarda 25 Ekim 2006 da vefat ettiğini ve 30 Ekim 2006 da da defnedildiğini öğrendim. Michelle Goodrich Haziran 1953 de dünyaya gelmiş yani benimle yaşıt (Benden 1 ay büyük). Çok üzüldüm bunu öğrendiğimde, tamda sayın rahmetli Bülent ECEVİT 'in Ankara 'da cenaze törenini TV den izlerken. Ne tesadüf ikiside değerli insan. Cenaze törenine gidecektim ancak daha önce iki kere kalp krizi geçirdiğimi hatırlatan eşim gitmeme izin vermedi. Değerli insanları yitirdiğimiz bu günlerde, onlara elimizden rahmet dilemekten başka bir şey gelmiyor. Güle güle Michelle Goodrich dostlarının ona hitap ettiğ gibi Mandarin Meg ve güle güle Sayın Bülent Ecevit yani Karaoğlan. Bülent Ecevit için milyonlarca seveninden sadece birisiyim. Onun için bu gün okadar güzel şeyler söylendi ki bana söyleyecek bir şey kalmadı. Güle güle ey güzel insanlar buluşmak üzere..........

15 Ekim 2006

YENİ BİR UYGULAMA (pullquote text) -2

B
iliyorsunuz daha öncedeYENİ BİR UYGULAMA (pullquote text) diye bir uygulamadan bahsetmiştik. Bu uygulamanın binbir çeşitte uygulamalarını daha doğrusu kaynağını keşfettim. Burada başka çok güzel uygulamalarda var. Burada hem uygulamaların örneklerini hemde CSS kodlarını bulacaksınız. Benim şahsen çok hoşuma gitti, eminim sizinde hoşunuza gidecektir. Bir önceki yazımızda bahsettiğimiz MAGAZİNE STYLE DROP CAPS uygulamasının da esas kaynağının burası olduğunu gördüm. Burada bu uygulamanında değişik uygulanış biçimlerini de göreceksiniz.


  • CSS OPACITY
  • DROP CAPS
  • MAGAZINE STYLE
  • PURE CSS BANNERS
  • CSS PULLQUOTES
  • CHEAP TRICKS


Color:Green with Background:White


..işte buda başka bir pullguote örneği nasıl beğendinizmi....?Mutlaka beğenmişsinizdir.. ..kolay gelsin..




bu başlıklar altında değişik uygulamalar yapılmış ve örnekleri verilmiş. Daha doğrusu dikkatle incelerseniz vede CSS bilginiz de varsa burada tümüyle property ler düzenlenerek bir uygulamanın değişik şekillerine ulaşabileceğinii görürsünüz. Şahsen hepsi benim hoşuma gitti. Yazılarınızı daha estetik ve grafik görselliklerle süsleyerek yayınlama imkanı elde etmiş oluyorsunuz.

white

CSS OPACITY :

  • Opacity Background
  • Opacity Background: Fully Opaque Text
  • Opacity Heading
  • Opacity Heading on Image
  • Opaque Text on Picture
  • Opacity Table Background
  • Easy Opacity Image Rollover
  • Opacity Table Background
  • Transparency: The Opacity Property
  • Opacity Green Pull Quotes
  • Opacity Text

DROP CAPS :

  • Alphabet Blocks *NEW
  • CSS First Big Letter
  • CSS Magazine Style Drop Cap

MAGAZINE STYLE :

  • Blockquotes with Image
  • Blender Magazine Style
  • Magazine Style CSS
  • Magazine Style with Opacity

PURE CSS BANNERS :

  • Banner in CSS

CSS PULLQUOTES :

  • Feeling Groovy Pullquotes
  • Easy CSS Pullquotes
  • Easy Inline Pullquote
  • CSS Pullquotes in Orange
  • Transparency: The Opacity Property Green on Beige
  • Tranparency: Opacity Brown on Darksalmon

CHEAP TRICKS :

  • HTML IE Tricks: Flip Text Vertical
  • Shadow Float Right (IE)
  • Shadow Float Left (IE)
  • BOTTOM

Gördüğünüz gibi epeyce uygulama ve örneği var bu bahsi geçen uygulamaların hepsine buradan ulaşabilirsiniz. Yada side barda faydalı linkler altında Mandarin Design linkine tıklarsanız ulaşabilirsiniz. Kolay gelsin.

YADA MANDARİN DESİGN 'A BURADAN ULAŞABİLİRSİNİZ

Blog Trashed by Mandarin




04 Ekim 2006

Web 2.0 Logo Generator



Haydee..!Web2.0 Logomuzu Yapalım
Bu gün Sayın Yassaman Karakoç 'un blogunda Web 2.0 Logo Generator ile ilgili yazısını okudum. Aynen de aşağıya yazdıklarını yazdım. Başka ne yazacağımı da bilemedim. Affına sığınıyorum. Bu günlerde hırsızlama hadiseleri epeyce sayıda ve fütursuz örneklerle doruğa çıktığı için özellikle belirtmek istedim. Keşif Yassaman Karakoç 'a ait. Bende ondan öğrendim hemen bir uygulamasınıda yaptım zaten.

"Web 2.0 logo generator ile, sitenize web 2.0 tarzında logo yapabilirsiniz. İsteğe bağlı “reflection” efekti ve “beta” simgesini seçebilirsiniz."



Esasında Gfx Dizayn 'da daha çok güzel yazılar bulacaksınız. Ziyaret etmenizi tavsiye ederim. Photoshop ve CSS üzerine ve daha neler neler. Sık sık burayı ziyaret etmede yarar var.

26 Eylül 2006

YENİ BİR UYGULAMA (pullquote text)


Eveeet dostlar bu gün wordpress 'in temalarından cutline 'ın yaratıcısı Chris Pearson'ın blogunda Pullquotes la ilgili bir yazı okudum orda yazılan uygulamayıda aşağıda hemen denedim. Şahsen benim çok hoşuma gitti. Dilerseniz sizde deneyebilirsiniz. Nasıl yapacağınıza gelince, gerçi Chris Pearson kendi blogunda anlatıyor ama birde ben anlatayım. Şimdi aşağıdaki CSS Kodu'nu template inizde edit html bölümünde blockquote codunu bulup onun altına yerleştireceksiniz.

CSS kodu:


.pullquote_left { width: 200px; margin: 5px 15px 5px 0; font-size: 1.4em; text-align: center; float: left; }
.pullquote_right { width: 200px; margin: 5px 0 5px 15px; font-size: 1.4em; text-align: center; float: right; }

daha sonra normal postunuzu yazarkende yine postunuzu yazdığınız bölümde bu seferde edit html bölümüne aşağıdaki div kodu'nu yazıp daha sonra postunuzu yazacaksınız. Anlaşılmıştır umarım en aşağıda da uygulamanın nasıl olduğuna dair bir örnekte verdim zaten. Kolay gelsin.
DİV Kodu:

Örnek uygulama:


buraya yazmak istediğini yazacaksın
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam egestas, mauris id dignissim dignissim, leo augue rutrum lacus, id condimentum nisl elit ut nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.

İNTERNET SANSÜRÜ VE FİŞLEMEYİ AŞMANIN YOLU

      ...MEDYADAN SONRA İNTERNET NEDEN SANSÜRLENİYOR...!     ...