Ps de çizilen alanı content alanı olarak nasıl kullanılır ?

Php, Asp, Perl, Html - Ps de çizilen alanı content alanı olarak nasıl kullanılır ? ...

Cevapla
Ps de çizilen alanı content alanı olarak nasıl kullanılır ?
TuTaMixx isimli Üye şimdilik offline konumundadır

TuTaMixx

Öğrenci (Diğer) / İstanbul

Standart

Ps de çizilen alanı content alanı olarak nasıl kullanılır ?

Alt 01-12-2012 #1
Sponsorlu Bağlantılar

merhaba arkadaşlar elimde şöyle bir png resim var ben psd to css i yavaş yavaş öğrenmeye çalışıyorum bir yerde bi video izlemiştim ama tekrar orayı bulamadım adam resimin köşelerini kesip tek tek kaydediyordu. daha sonra html/css te kod yazarak bunları birleştiriyordu. içine ne kadar çok içerik girilirse o oranla o alan büyüyor bende bu işlemi yaptırmak istiyorum.yani aşağıdaki resim benim içerik alanım olacak içine aşağı doğru yazıları doldurdukça aşağı tarafı uzayacak bu işlemi nasıl yapabilirim ?
elimdeki resim

Ps de çizilen alanı content alanı olarak nasıl kullanılır ?
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

albostan isimli Üye şimdilik offline konumundadır

albostan

Grafiker / Yurtdışı

Standart
Alt 31-01-2013 #2
                             Sponsorlu Bağlantılar
merhaba arkadaşlar elimde şöyle bir png resim var ben psd to css i yavaş yavaş öğrenmeye çalışıyorum bir yerde bi video izlemiştim ama tekrar orayı bulamadım adam resimin köşelerini kesip tek tek kaydediyordu. daha sonra html/css te kod yazarak bunları birleştiriyordu. içine ne kadar çok içerik girilirse o oranla o alan büyüyor bende bu işlemi yaptırmak istiyorum.yani aşağıdaki resim benim içerik alanım olacak içine aşağı doğru yazıları doldurdukça aşağı tarafı uzayacak bu işlemi nasıl yapabilirim ?
elimdeki resim

Ps de çizilen alanı content alanı olarak nasıl kullanılır ?
Merhabalar,

2 seçenek var:

bu resmi alıp bir "div" kutusunun içine koyup ve o div'in içindede bir div oluşturup o div'e scrollbar yani kayan haline getirmek...

Örnek veriyorum:
HTML
<div id="anakutu">
<div class="icerik">
ICERIK YAZISI
</div>
</div>

CSS
<style type="text/css">
#anakutu {
width: 706px;
height: 626px;
position: relative;
background: url("http://g1212.hizliresim.com/14/1/gglv0.png") no-repeat;
}
#anakutu .icerik {
position: absolute;
left: 50px;
top: 50px;
width: 630px;
height: 510px;
overflow: auto; 
}
</style>
Rakamlarla oynayıp istediğin gibi şekillendirebilirsin...

ikinci seçenek ise şöyle:

öncelikle png yi 3 e bölüyorsun "baş" - "gövde" - "alt" kısımlarına
ve gövde kısmını tekrarlatıyorsun...

onunda kodlarını hazırlayıp vereyim.

HTML
<div id="ust">&nbsp;</div>
<div id="govde">
<div class="icerik">
ICERIK YAZISI
</div>
</div>
<div id="alt">&nbsp;</div>

CSS
<style type="text/css">

#ust {
width: 706px;
height: 66px;
background: url("http://www.imageto.org/images/7PHki.png") no-repeat;
}
#alt {
width: 706px;
height: 66px;
background: url("http://www.imageto.org/images/yaWqi.png") no-repeat;
}
#govde {
width: 706px;
background: url("http://www.imageto.org/images/XgZpR.png") repeat-y;
}
#govde .icerik {
margin-left: 50px;
width: 650px;
}
</style>
kendim denedim oldu birde sen dene...

kolay gelsin
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Arkadaşlar belli bi alanı renkli yapıp diğer alanı nasıl siyah beyaz yapıyoruz anlayan bi baksın serdarxdxd Photoshop Soru ve Sorunlarınız 4 20-02-2012 12:54:50
Bu resmin altındaki alanı nasıl yapabilirim? flcn86 Photoshop Soru ve Sorunlarınız 4 11-08-2009 19:05:08
marque tool ile seçtiğim alanı resmin üstüne otomatik olarak nasıl ortalarım. angelman_34 Photoshop Dersleri 1 31-01-2009 19:58:16

Kapat
Şifremi Unuttum?