Kişisel site için tek sayfa basit tasarım(CSS-HTML)

12.06.2014 21:46

JackkerL WM Aracı Kullanıcı

Üyelik 01.05.2013
Yaş/Cinsiyet 27 / E
Meslek Öğrenci
Konum İstanbul Avrupa

Ad Soyad O** A**
Mesajlar 1868
Beğeniler 219 / 526
Ticaret 16, (%100)

Demoyu görmek için tıklayın

Yararlandığım kaynaklar:

http://codepen.io/harshits/pen/AkCfE

http://codepen.io/zumwalt/pen/eHsAd

Not: Bilgisayarda resim bulamadığım için miranda kerr'i koydum, sonrada değişmedim :P

Dosyaları almak isterseniz : onuralas@yandex.com adresine mail atabilirsiniz. Veya yeteneğiniz var ise demo sayfasından yürütebilirsiniz :)

Kaynak : Kişisel site için tek sayfa basit tasarım(CSS-HTML)

2 kişi bu mesajı beğendi.

13.06.2014 01:06

#2

SuhaMete SEO Danışmanı Kullanıcı

Üyelik 31.05.2013
Yaş/Cinsiyet 31 / E
Meslek SEO Danışmanı
Konum İstanbul Avrupa

Ad Soyad K** M**
Mesajlar 2548
Beğeniler 21 / 535
Ticaret 76, (%100)

Miranda hariç kötü :D Şaka şaka güzel hoş fakat aşırı az içerik var az daha bilgi koyulabilir hale getirilebilir.

1 kişi bu mesajı beğendi.

13.06.2014 01:11

#3

JackkerL WM Aracı Kullanıcı

Üyelik 01.05.2013
Yaş/Cinsiyet 27 / E
Meslek Öğrenci
Konum İstanbul Avrupa

Ad Soyad O** A**
Mesajlar 1868
Beğeniler 219 / 526
Ticaret 16, (%100)

Süha Mete adlı üyeden alıntı

Miranda hariç kötü :D Şaka şaka güzel hoş fakat aşırı az içerik var az daha bilgi koyulabilir hale getirilebilir.

:) Aşağıya doğru hakkımda, portfolyo, becerilerim, iletişim gibi kısımlarda ekleyeceğim inşallah..

13.06.2014 03:39

#4

KaanCelik WM Aracı Kullanıcı

Üyelik 19.01.2013
Yaş/Cinsiyet 32 / E
Meslek Web Developer
Konum İstanbul Avrupa

Ad Soyad ** **
Mesajlar 142
Beğeniler 88 / 25
Ticaret 4, (%100)

bknz : http://www.w3schools.com/css/css_align.asp

13.06.2014 14:35

#5

davutkara Öğrenci Kullanıcı

Üyelik 15.07.2013
Yaş/Cinsiyet 29 / E
Meslek Öğrenci
Konum Ankara

Ad Soyad D** K**
Mesajlar 329
Beğeniler 20 / 68
Ticaret 1, (%100)

background biraz geç yükleniyor :/

davutkara.com | DAVUT KARA BLOG | Wordpress Uzmanı

13.06.2014 18:32

#6

JackkerL WM Aracı Kullanıcı

Üyelik 01.05.2013
Yaş/Cinsiyet 27 / E
Meslek Öğrenci
Konum İstanbul Avrupa

Ad Soyad O** A**
Mesajlar 1868
Beğeniler 219 / 526
Ticaret 16, (%100)

davutkara adlı üyeden alıntı

background biraz geç yükleniyor :/

Hocam çok büyük boyutlu olduğu için, birde site de 5 farklı arkaplan var normaldir yani geç açılması.. Açılış hızını vs düşünmedim yaparken, localhost'da çalıştığım için tak tak açılıyordu bende siteye yükleyince fark ettim değiştirmedim sonrada:(

13.06.2014 23:36

#7

XLifeDesign Exclusive Creative Kullanıcı

Üyelik 20.10.2012
Yaş/Cinsiyet 34 / E
Meslek Graphic & Web Designer
Konum Kahramanmaraş

Ad Soyad E** A**
Mesajlar 275
Beğeniler 152 / 162
Ticaret 1, (%100)

Onur bg yi 1920x1080 yap ardından,

background: url(resim/1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

body e şu şekilde ver daha iyi olur ^^

Eline sağlık.

www.enesaktas.com - Tasarımcının Not Defteri

neler yapmışım? == www.be.net/ensaktas

13.06.2014 23:44

#8

JackkerL WM Aracı Kullanıcı

Üyelik 01.05.2013
Yaş/Cinsiyet 27 / E
Meslek Öğrenci
Konum İstanbul Avrupa

Ad Soyad O** A**
Mesajlar 1868
Beğeniler 219 / 526
Ticaret 16, (%100)

XLifeDesign adlı üyeden alıntı

Onur bg yi 1920x1080 yap ardından,

background: url(resim/1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

body e şu şekilde ver daha iyi olur ^^

Eline sağlık.

Arkaplanlar uçtu düzenlemeden sonra:D

body {

  background-image: url("resim/.jpg") no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  font-family: "Roboto Condensed";

  color: #FFF;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

Nerde problem?

13.06.2014 23:53

#9

XLifeDesign Exclusive Creative Kullanıcı

Üyelik 20.10.2012
Yaş/Cinsiyet 34 / E
Meslek Graphic & Web Designer
Konum Kahramanmaraş

Ad Soyad E** A**
Mesajlar 275
Beğeniler 152 / 162
Ticaret 1, (%100)

position: fixed;
top: 0;
left: 0;
height: 100%;

şunları kaldırda dene bakalım :s

www.enesaktas.com - Tasarımcının Not Defteri

neler yapmışım? == www.be.net/ensaktas

14.06.2014 13:32

#10

WebDost WM Aracı Kullanıcı

Üyelik 16.09.2013
Yaş/Cinsiyet 31 / E
Meslek Gazeteci
Konum Kocaeli

Ad Soyad M** T**
Mesajlar 4329
Beğeniler 331 / 899
Ticaret 16, (%100)

çok iyi sade görünüm ilgi çekiyor

1 kişi bu mesajı beğendi.

Kişisel site için tek sayfa basit tasarım(CSS-HTML)

Üye Girişi Yap