Basit Bir Responsive Site İsteği

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Basit Bir Responsive Site İsteği

06/Ağu/15 23:57 Kısayol Şikayet Özel Mesaj

manyaki

Kayıt Tarihi: 27/Temmuz/2005

Merhaba hocalar. Ücretli ya da ücretsiz şekilde ufak bir yardım istiyorum. Elimde iki tane resim var yalnızca vereceğim bu iki resmin alt alta duracağı responsive bir site istiyorum. Bu konuda yardımcı olabilecek kimse var mı ?

since 2005 // tbt

Alıntı yap
07/Ağu/15 00:07 Kısayol Şikayet Özel Mesaj

tayfunuzman

Kayıt Tarihi: 06/Haziran/2015

Bu konu hakkında bilgin varsa framework kullanabilirsin hocam tavsiye ederim.Pratik ve kullanışlı.
Bootstrap'ı bi incele derim :)

Alıntı yap
07/Ağu/15 00:55 Kısayol Şikayet Özel Mesaj

nurulmac11

Kayıt Tarihi: 04/Ağustos/2012

<img src="resim urlsi" width="500px" height="500px"class="img-responsive" alt=""/>

hocam bootstrap kur yükseklik genişlik ver kafana göre veya boş bırakırsan kaplıyo tamamen..

black implies white, self implies other, life implies death.

Alıntı yap
07/Ağu/15 01:24 Kısayol Şikayet Özel Mesaj

futurist

Kayıt Tarihi: 19/Ocak/2014

hemen beleş yardım yapayım :)

önce alt alta div yani sayfa oluşturacaksın şöyle

<div id="sayfa 1" class="resim"> </div>

<div id="sayfa 2" class="resim"> </div>

<div id="sayfa 3" class="resim"> </div>

html yazdın

css dosyasına gel

.resim {
    overflow: hidden;
    height:100%;
    width:100%;
    background-position: center center;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;

}

#main #anasayfa {
    background-color: transparent;
    color: rgb(255,255,255);
    background-image: url(images/resim-background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    background-position-x: 50%;
    background-position-y: 0px;
    background-size:cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-origin: initial;
    background-clip: initial;
    height:1000px;
    width:100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment:fixed;
    overflow:hidden hidden;
    position: relative;
    min-height:100%;
    min-width:100%;
    max-width:100%;
    max-height:100%;


}

tamamdır.

ancak bu yöntemler ile resimlerin üzerine yazı yazabilirsin

tablet ve aşağısı hariç işe yaramıyor ama her türlü ekran boyutuna işe yarar

ama ben yazı istemem dersende

<div id="anasayfa" class="resim">
<div id="baslık" align="center">
      <div id="logo"><img src="images/LOGO/logo.png" alt="web sitesi" width="100%" height="100%"/></div>

logo gibi resimlerde en kısa ve etkili yöntem bu telefon ve tabletlerde işe yarıyordu sanırsam

Arkadaş uğruna ölmek kolaydır, ama uğruna ölünecek arkadaş bulmak çok zordur

Alıntı yap
07/Ağu/15 01:34 Kısayol Şikayet Özel Mesaj

manyaki

Kayıt Tarihi: 27/Temmuz/2005

çok teşekkür ediyorum hocalar

since 2005 // tbt

Alıntı yap
07/Ağu/15 02:03 Kısayol Şikayet Özel Mesaj

kvasir

Kayıt Tarihi: 24/Ağustos/2005

İki tane img tagı

İmg {

Width:100%;

Height :auto;

}

Bu css ile responsive design ın hazır. Resmin üstüne kütüphane kullanıp boşuna kaynak harcama. Hatta o iki resmi ps ile birleştir öyle koy.

Alıntı yap
07/Ağu/15 10:41 Kısayol Şikayet Özel Mesaj

uzengil

Kayıt Tarihi: 10/Ağustos/2011

Hocam bootstrap kütüphanesini ekle css e sitesinde zaten nasıl yapılacağı herşeyi var oradan bakarak çok rahat yapabilirsin

http://getbootstrap.com/css/#images

İmza nasıl atılıyor ?

Alıntı yap
07/Ağu/15 13:05 Kısayol Şikayet Özel Mesaj

camarade
ontedi

Kayıt Tarihi: 04/Eylül/2005

http://www.jqueryrain.com/freetemplates/

Güzel basit örnekler var.

Yada

Bir css sınıfı oluşturursun.

.duyarli{width:100%;height:auto;}

<img src="blabla" class="duyarli" />
ontedi tarafından 07/Ağu/15 13:06 tarihinde düzenlenmiştir

Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.

Alıntı yap

Toplam Hit: 992 Toplam Mesaj: 8
responsive

Cevapla