İçeriğin rss beslemesi kullanımda değil Soru - Cevap Bölümü / Kategori: Tasarım

17/08/2008 - 23:18:45 cevap (4) Okunma : 942 Bu yazıyı 2 kişi tuttu.

köşeleri yuvarlak dikdörtgen çerçeve

Merhaba,

Dreamweaver ile yapmak istediğim web sitemde kullanmak üzere köşeleri hafif yuvarlak kenar çerçevesi yapmak istiyorum.Photoshopda, coreldraw da, fireworks de çizdim. Fakat dreamweavera transfer yaptığımda pikseller düzgün görünmüyor.

Çok ince çizgi istiyorum.örneği www.mosaicmosaic.com da var.

Gerçi ondada hafif bozukluk görüyorum, çok düzgün çizebilmenin çaresi varmı? (Flash olmasın flas yapmayı bilmiyorum.

Şimdiden teşekkür ederim.

adres MotionCoder profilini göster
Mehmet KARACA 18.08.2008 01:01:52
En iyi cevap mı ?
Faydalı cevap

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..<<

Ekli Dosyalar

Dosyalara ulaşabilmek için, üye iseniz giriş yapın, değilseniz üye olun.

  • top.png
  • bottom.png
  • kenarlik.psd
adres ferzan profilini göster
ferzan süngütay 18.08.2008 02:49:09
En iyi cevap mı ?

merhaba,

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

adres Tualist profilini göster
Onur Kaplan 18.08.2008 10:54:11
En iyi cevap mı ?
Faydalı cevap

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…

Ekli Dosyalar

Dosyalara ulaşabilmek için, üye iseniz giriş yapın, değilseniz üye olun.

  • mmdreamweavercerceve.zip
adres MotionCoder profilini göster
Mehmet KARACA 18.08.2008 22:26:31
En iyi cevap mı ?
Faydalı cevap

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..<<

aç-kapa Bu Yazıyı Tutanlar

yeni üyelik | şifremi unuttum

aç-kapa Toplantı Kahraman ve need4code.com Projesi Connect Toplantısı

Kahraman ve need4code.com Projesi Connect Toplantısı

Selam arkadaslar, Programlama ile uğraşanların hayatlarını kolaylaştıracak desktop ve web tabanlı ortak iki proje ile ilgili 3. toplantımızı 3Aralık...
Kategori: Toplantı

aç-kapa Yarışma Fikir10000 Dijital Pazarlama Fikir Yarışması

Fikir10000 Dijital Pazarlama Fikir Yarışması

ADTECH tarafından düzenlenen Fikir10000 yarışmasına; dijital pazarlama ile ilgili size ait olan fikrinizle katılabilir ve 10.000 YTL’lik birinci...
Kategori: Yarışma

aç-kapa Yarışma 7Dx Demoscene Party

7Dx Demoscene Party

2002 yılından beri amatör bilgisayar kültürü ile ilgilenen insanları bir araya getirmeyi hedefleyen 7DX parti serisinin bu seneki ayağı olan 7D8 Demo ...
Kategori: Yarışma

aç-kapa Eğitim Türkiye'de İnternet Konferansı - Internet Teknolojileri Derneği -22-23 Aralık ODTÜ

Türkiye'de İnternet Konferansı - Internet Teknolojileri Derneği -22-23 Aralık ODTÜ

Etkin Katılım Çağrısı Türkiye’de Internet ile ilgili grupları biraraya getirerek İnternet’i tum boyutlarıyla tanıtmak, gelistirmek, tartı...
Kategori: Eğitim

aç-kapa Konferans Bilgi Güvenliği ve Kriptoloji Konferansı

Bilgi Güvenliği ve Kriptoloji Konferansı

Önemli Tarihler: Etkinlik Tarihi : 24-26 Aralık 2008 Son Bildiri Gönderme Tarihi : 20 Ekim 2008 Bildiri Kabul Tarihi Bildirimi :...
Kategori: Konferans

üyeler Son Kahramanlar...

stats Kimler Burada? web stats

Son 1 dakika içinde MMIstanbul' da 225 (1 kayıtlı, 224 ziyaretçi) kullanıcı varmış. Login durumda olanlar aşağıda:

coldfusion mysql ubuntu
 
sponsor adobe istanbul