lostyazilim
tr.link

Web Sitenizdeki Alıntılarınızı Tasarlayın

4 Mesajlar 586 Okunma
acebozum
tr.link

Adobewordpress Adobewordpress WM Aracı Kullanıcı
  • Üyelik 08.07.2011
  • Yaş/Cinsiyet 36 / E
  • Meslek Tasarımcı
  • Konum İstanbul Avrupa
  • Ad Soyad V** Ö**
  • Mesajlar 677
  • Beğeniler 58 / 418
  • Ticaret 1, (%100)
Alıntı fikri ve söylevi kaynak ile birlikte paylaşmaktır.



Çalışmamızda 3 adet stil atayacağız; alıntı işaretleri, metin ve kaynak.

İlk olarak alıntı yani blockquote kodundan bahsedelim.
tagını metni içine yazmak için kullanacağınız, cite tagı ile de kaynağımızı belirteceğiz.

Aşağıdaki HTML kodlama yukarıda görüntülediğiniz görsele aittir :


Adobe program dersleri ve WordPress blog sisteminin detaylarını konu alan interaktif Türkçe eğitim merkezi.


AdobeWordPress.com


Gelelim tasarıma. Blockquote için after ve before stillerini kullanacağız. CSS kodlamamız aşağıdaki gibi olacak.

blockquote {
display: block;
padding: 0 60px;
width: 350px;
font-family:Georgia, "Times New Roman", Times, serif;
}

blockquote:before, blockquote:after {
color: #bb5046;
display: block;
font-size: 300%;
width: 50px;
}

blockquote:before {
content: '\201C';
height: 0;
margin-left: -0.55em;
}

blockquote:after {
content: '\201D';
height: 50px;
margin-top: -30px;
margin-left: 360px;
}

blockquote cite{
font-style:italic;
color: #bb5046;
}


Bu iki işlemin ardından görseldekine yakın bir tasarım elde ediyoruz.

Bir sonraki CSS konulu yazımda görüşmek üzere…

Kaynak : http://www.adobewordpress.com/css-ile-alintilarinizi-sekillendirin/

Tarafımızdan hazırlanmıştır. İzinsiz kopyalanamaz.
Atakan

kişi bu mesajı beğendi.

adobewordpress.com ~ “güncel tasarım okulu”
wmaraci
reklam

kulturelbellek kulturelbellek Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 06.06.2011
  • Yaş/Cinsiyet - / E
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1387
  • Beğeniler 357 / 363
  • Ticaret 0, (%0)
Sitenizi çok beğeniyorum. Güzel işler yapıyorsunuz. İmzamdaki sitelerde sitenizin tanıtımını seve seve yapabilirim.
 

 

wordpressman wordpressman Webmaster Kullanıcı
  • Üyelik 18.03.2012
  • Yaş/Cinsiyet 34 / E
  • Meslek Webmaster
  • Konum
  • Ad Soyad S** A**
  • Mesajlar 541
  • Beğeniler 43 / 101
  • Ticaret 4, (%100)
teşekkürler hocam :)
 

 

Adobewordpress Adobewordpress WM Aracı Kullanıcı
  • Üyelik 08.07.2011
  • Yaş/Cinsiyet 36 / E
  • Meslek Tasarımcı
  • Konum İstanbul Avrupa
  • Ad Soyad V** Ö**
  • Mesajlar 677
  • Beğeniler 58 / 418
  • Ticaret 1, (%100)

kulturelbellek adlı üyeden alıntı

Sitenizi çok beğeniyorum. Güzel işler yapıyorsunuz. İmzamdaki sitelerde sitenizin tanıtımını seve seve yapabilirim.


Ne mutlu bize. Çok seviniriz. Reklamla, hileli seo taktikleriyle veya takipçi satın alarak değil, özgün olarak ve kaliteli yayınlar yaparak ilerlemeye çalışıyoruz. Bu tarz destekler ise bizleri fazlasıyla mutlu etmekte.

Saygılar.
GizemliLORD

kişi bu mesajı beğendi.

adobewordpress.com ~ “güncel tasarım okulu”
wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al