merhaba

veli süngütay yakını sınız sanırım :)

html kısmı

    <div class="boxModel_V2 pngFix">
      <div class="boxModel_V2_LT"></div><div class="boxModel_V2_BR"></div>
        <div class="boxModel_V2_icerik">

        icerik 

        </div>
    </div>

css kısmı

.boxModel_V2{
    position:relative;

    width:220px;
    background-color:#d1d0f3;
    margin-bottom:10px; 
}
.boxModel_V2_LT{
    background:url(images/top.png) no-repeat;

    position:absolute;
    width:16px;
    height:15px;
    top:0px;
    left:0px;
}
.boxModel_V2_BR{
    background:url(images/bottom.png) no-repeat;

    position:absolute;
    width:16px;
    height:15px;
    bottom:0px;
    right:0px;
}
.boxModel_V2_icerik{
    padding:10px 10px 10px 10px;
}

ekte göseler için kullandıgım png resmi var

png resimleri ie sorunyasatacaktır ben jQuery kullandıgım için jQuery_pngFix ile bu sorunu asıyorum farklı alternatifler var

gif resimleri de kullana bilirsiniz ancak gif te transparan geçiş olmadgın dan kenaralar tırtıklı ve kötü oluyor en iyisi png

çalısan hali MotionCoder BoxModel v2

kolaygelsin..<<

merhaba,

Cevap icin tesekkur ederim, maalesef ekli dosyalari acamadim.photoshop tanimadi.png , psd uzantilarini acmasi gerek anlayamadim.

Merhaba.

Demiş olduğunuz çerçeveyi bir hile ile halledebiliriz sanırım. :)

Mehmet Arkadaşımızın yöntemi asıl tercih edilmesi gereken yöntem olmakla beraber sitatic sitelerde tercih edilebilecek başka bir yöntemi de açıklamak faydalı olacaktır diye düşünüyorum.

Tasarımdaki sayfa genişliğimizi baz alarak Dreamweaver da oluşturacağımız sayfaının yapısı şöyle olmalı: Çerçeveli olmasını istediğiniz sayfa için 3 satır hücre açıyoruz.Daha önce hazırlamış olduğumuz top.gif imajını en üst hücreye, orta_bg.gif imajını orta hücreye background-image olarak ve bottom.gif imajını da en alt hücreye yerleştirip orta kısımdaki hücreyi istediğiniz gibi kullanarak güzel bir oval kenar görüntüsü yakalayabilirsiniz ( Genişlik üst ve alt ta kullandığımız imajların genişliğini aşmayacak şekilde olmalı tasarımın bozulmaması açısında )

Ekte örnek bir çalışma yaptım onu incelediğinizde daha kolay anlayacaksınız.

Kolay gelsin…

Onur Kaplan arkadasımıza katılıyorum internette sıkça karsılastıgımız yöntemler den birini örneklemis statik yapıdaki işlerde sonuca daha hızlı varıcagınız bir yöntemdir.

bu arada dün bihayli geçti yöntemi anlarmak için aceleden örnekledim simdi örnegi birazdaha düzenleyip pngFix ite aktif yaptım IE ve FF de düzgün görünüyor.

güncellenmis örnek MotionCoder-BoxModel V2 :)

kolaygelsin..<<