Mengecilkan Height Banner di Homescreen

[GoogleCodeExporter]

http://newsitedev.skysoftconsulting.com/

Banner di Homescreen, kurang lebih sekitar 10% lagi

Height nya dikecilkan setinggi banner http://www.cakrastudio.com/

Original issue reported on code.google.com by joha...@skysoftconsulting.com on 12 Dec 2012 at 2:56

[GoogleCodeExporter]

Deni has started the task

Original comment by dendh...@gmail.com on 12 Dec 2012 at 3:01

• Changed state: Started

[GoogleCodeExporter]

Original comment by joha...@skysoftconsulting.com on 12 Dec 2012 at 3:04

[GoogleCodeExporter]

width sudah di dikecilkan dan disesuaikan seperti http://www.cakrastudio.com/. 
Silahkan di verify.

Original comment by dendh...@gmail.com on 12 Dec 2012 at 3:45

• Changed state: Fixed

[GoogleCodeExporter]

Confirmation from Rio, 

Ini yang di cakrastudio, dia jadi ada 2 macam ukuran JPG. Kalau screenya besar, 
dia pakai yang 

http://www.cakrastudio.com/wp-content/uploads/2012/09/web-development-banner.png

sedangkan kalau kecil dia pakai yang 

http://www.cakrastudio.com/wp-content/themes/cakrastudio/images/banners/web-deve
lopment-mobile-banner.png

jadi dia tidak mengikuti besar resolusi layar. sedangkan kita mengikuti 
resolusi layar.

@deni : please add more height, so that it will look more proportional

Original comment by joha...@skysoftconsulting.com on 12 Dec 2012 at 3:53

• Changed state: Started

[GoogleCodeExporter]

Original comment by dendh...@gmail.com on 12 Dec 2012 at 4:50

• Changed state: New

[GoogleCodeExporter]

untuk mengecilkan height di newsitedev.skysoftconsulting.com bisa diubah di 
style.css bagian :

/* ---------- Responsive Top Main Slider ---------- */

.cmsms_slider_parent, 
#slider {
    width:100%;
    height:0;
    padding-bottom:40%;
    position:relative;
    overflow:hidden;
}
yang diubah padding-bottomnya, default value -> padding-bottom: 45%;

kalau untuk cakraweb, mereka menggunakan width itu 960px, sedangkan shepard 
theme mereka menggunakan width 1160px, lebih lebar 200px, yang ingin saya 
tanyakan... mau tetap pake width 1160px atau pake 960px mengikuti cakraweb?

Original comment by edward.o...@gmail.com on 12 Dec 2012 at 5:15

• Changed state: Started

[GoogleCodeExporter]

Menurut saya pakai yang 960 saja karena umumnya website itu memakai resolusi 
960px width.

Gimana menurut lu ko rio?

Original comment by joha...@skysoftconsulting.com on 12 Dec 2012 at 5:35

[GoogleCodeExporter]

sudah saya rubah jadi width keseluruhan webnya 940px, mengikuti cakraweb, di 
shepard theme dia definisikan di style.cssnya ukuran web untuk beberapa screen 
size, dari yang maximal 1440px sampe dengan yang minimal 540px, yang saya 
disable itu css untuk screen size 1440px dibagian ini :

/* ---------- Large Monitor (Note: Design for a width more than 1440px) 
---------- */

@media only screen and (min-width: 1440px) {
   /*isi cssnya*/
}

cssnya saya kasih comment aja sehingga keseluruhan lebar webnya berubah menjadi 
940px yang merupakan defaultnya valuenya di style.cssnya shepard theme : 

/* ---------- Header ---------- */

#header {
    width:940px; <-- 940
    height:165px;
    margin:0 auto;
    position:relative;
}

/* ---------- Middle ---------- */

#middle {
    width:940px; <-- 940
    margin:0 auto;
    overflow:hidden;
    position:relative;
}

...dst

Original comment by edward.o...@gmail.com on 12 Dec 2012 at 6:03

[GoogleCodeExporter]

ganti status jadi fixed

Original comment by edward.o...@gmail.com on 12 Dec 2012 at 6:05

• Changed state: Fixed

[GoogleCodeExporter]

From my browser with resolution of 1366 x 768 ,

it was much better in terms of height . However, I need some input from you 
guys, with your screen resolution how good is it.

Thanks,

Original comment by joha...@skysoftconsulting.com on 12 Dec 2012 at 6:11

[GoogleCodeExporter]

Original comment by joha...@skysoftconsulting.com on 12 Dec 2012 at 6:12

• Changed state: Verified