Slm.
Çok güzel bir Resim Eklentisi ve adı neyse buldum ve çok hoşuma gitti,
aynısını yapmak için ne gerekli ve sadece html olarak yapılması mümkün mü acaba.
Örnek: http://www.akdenizgroupmobilya.com/Default.aspx
Özellikle resimlerin Ortasına YAZI çok hoş görünüyor.
Yardımcı olursanız çok sevinirim.
Seffah Resim + Yazı Nasıl Yapılır. |
7 Mesajlar | 1.351 Okunma | ||
- Üyelik 15.12.2013
- Yaş/Cinsiyet 53 / E
- Meslek Turizm
- Konum Antalya
- Ad Soyad S** İ**
- Mesajlar 84
- Beğeniler 6 / 1
- Ticaret 1, (%100)
www.platinsport.com
- Üyelik 24.06.2013
- Yaş/Cinsiyet 36 / E
- Meslek Webmaster
- Konum İstanbul Avrupa
- Ad Soyad G** B**
- Mesajlar 77
- Beğeniler 20 / 15
- Ticaret 0, (%0)
Buyur kardeşim bütün iş bu kodlarda bitiyor.
Yukardaki CSS kodlarınını ve aşağıda ki html kodlarını birleştirirsen aynısı ortaya çıkmış olur..
#anasayfa a { font-size:1.4em; color:#fff; text-decoration:none; }
#anasayfa a:hover{ font-size:1.6em; color:#000; }
#anasayfa .dugme { background:rgba(23, 23, 23, 0.8); border:dotted 2px #999; text-align:center; width:216px; height:166px; display:table-cell; vertical-align:middle; }
#anasayfa .dugme:hover { background:rgba(23, 23, 23, 0.1); }
#anasayfa #oturma { display:inline-block; background:url(../../Resim/oturma-grubu-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }
#anasayfa #yemek { display:inline-block; background:url(../../Resim/yemek-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }
#anasayfa #yatak{ display:inline-block; background:url(../../Resim/yatak-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }
#anasayfa #kose { display:inline-block; background:url(../../Resim/kose-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }
#anasayfa #duvar { display:inline-block; background:url(../../Resim/duvar-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }
#anasayfa #dinlenme { display:inline-block; background:url(../../Resim/dinlenme-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }
#anasayfa #genc{ display:inline-block; background:url(../../Resim/genc-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }
#anasayfa #aksesuar { display:inline-block; background:url(../../Resim/aksesuarlar-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }
Yukardaki CSS kodlarınını ve aşağıda ki html kodlarını birleştirirsen aynısı ortaya çıkmış olur..
- Üyelik 15.12.2013
- Yaş/Cinsiyet 53 / E
- Meslek Turizm
- Konum Antalya
- Ad Soyad S** İ**
- Mesajlar 84
- Beğeniler 6 / 1
- Ticaret 1, (%100)
Cevabın için teşekkür ederim ama ben bir türlü yapamadım. css olmadan sadece html kod olarak yapılırmı acaba ?
www.platinsport.com
- Üyelik 24.06.2013
- Yaş/Cinsiyet 36 / E
- Meslek Webmaster
- Konum İstanbul Avrupa
- Ad Soyad G** B**
- Mesajlar 77
- Beğeniler 20 / 15
- Ticaret 0, (%0)
tek başına html ile yapamazsın..
- Üyelik 15.12.2013
- Yaş/Cinsiyet 53 / E
- Meslek Turizm
- Konum Antalya
- Ad Soyad S** İ**
- Mesajlar 84
- Beğeniler 6 / 1
- Ticaret 1, (%100)
O zaman benim bulduğum 2 farklı HTML kod var, bunlara resim ortasına yazı eklemek ve saydamlığı daha koyu nasıl yapılır ?
Örenek 1:
Örnek 2:
Örenek 1:
Örnek 2:
www.platinsport.com
- Üyelik 04.10.2013
- Yaş/Cinsiyet 32 / E
- Meslek Bilgisayar Mühendisi
- Konum Ankara
- Ad Soyad Ö** A**
- Mesajlar 504
- Beğeniler 20 / 127
- Ticaret 44, (%98)
O zaman benim bulduğum 2 farklı HTML kod var, bunlara resim ortasına yazı eklemek ve saydamlığı daha koyu nasıl yapılır ?
Örenek 1:
Örnek 2:
Örenek 1:
Örnek 2:
saydamlık derecesini opacity ye verdiğin değeri arttırarak, arttırabilirsin. ayrıca text-align:center; da yazıları ortalamanda yardımcı olur. Bunlarla vakit kaybetme otur en baştan css öğren.