PDA

Orijinalini görmek için tıklayınız : İletişim Kutuları



memur201
03-12-2012, 16:14
Site altına şekildeki gibi kutuları, arka plan rengini nasıl yaparım acaba?
http://img426.yukle.tc/images/4421adsiz.JPG

Sitenin alt kısmında bunun gibi 4 adet pozisyon var. ama siteye uygun kutu, arka plan ve yazıları nasıl yaparım.

Şenol
03-12-2012, 18:54
html modül oluşturup,arka plan resmini o renkte olan bir resim ataması yaparsan aynısı olur.

memur201
03-12-2012, 18:59
Onu düşünmedin değil şenol bey. Ama yazıları resmin üzerine yazamıyorum.

Ümit
03-12-2012, 20:32
http://forum.joomla.gen.tr/genel-konular/3024-tema-pozisyonu.html

Eğer sorun daha önce açmış olduğunuz yukarıdaki tema ile ilgili ise,


#user-bottom { background: #555 ; width: 960px; margin:0 auto; padding: 0; text-align: left; height: 100%;}.user1 { text-shadow: #000 0 1px; color: #fff; padding: 10px 10px 10px 30px; width: 200px;float: left; background: #555;}
.user1 h3, .user2 h3, .user3 h3, .user4 h3 {color:#fff;}
.user2 { text-shadow: #000 0 1px; color: #fff; padding: 10px 10px 0px 10px; float: right; width: 200px; background: #555;}
.user3 { text-shadow: #000 0 1px; color: #fff; padding: 10px 10px 0px 10px; float: right; width: 200px; background: #555;}
.user4 { text-shadow: #000 0 1px; color: #fff; padding: 10px 10px 0px 10px; float: right; width: 200px; background: #555;}

Yukarıdaki kodları aşağıdakiler ile değiştirin.


#user-bottom { background: #8D2C01 ; width: 960px; margin:0 auto; padding: 0; text-align: left; height: 100%;}.user1 { text-shadow: #000 0 1px; color: #fff; padding: 10px 10px 10px 30px; width: 200px;float: left; background: #DF6912;}
.user1 h3, .user2 h3, .user3 h3, .user4 h3 {color:#fff;}
.user2 { text-shadow: #000 0 1px; color: #fff; padding: 10px 10px 0px 10px; float: right; width: 200px; background: #DF6912;}
.user3 { text-shadow: #000 0 1px; color: #fff; padding: 10px 10px 0px 10px; float: right; width: 200px; background: #DF6912;}
.user4 { text-shadow: #000 0 1px; color: #fff; padding: 10px 10px 0px 10px; float: right; width: 200px; background: #DF6912;}

Lütfen aşağıdaki konulara göz atın.
Hızlı CSS Referansı (http://fatihhayrioglu.com/hizli-css-referansi/)
Cornershop - Rounded Graphics for CSS Box Corners (http://wigflip.com/cornershop/)
25 Rounded Corners Techniques with CSS - CSSJuice (http://www.cssjuice.com/25-rounded-corners-techniques-with-css/)
CSS ile Yuvarlak Köşeler Oluşturmak | Hakkı Ceylan (http://www.hakkiceylan.com/css-ile-yuvarlak-koseler-olusturmak)
Yuvarlak kenarlı kutular(border-radius) oluşturmak (http://fatihhayrioglu.com/yuvarlak-kenarli-kutularborder-radius-olusturmak/)

Renkleri bulmanız için; Software Downloads from Iconico Software (http://www.iconico.com/download.aspx?app=ColorPic&type=free)