siddharta Posted May 16, 2010 Share Posted May 16, 2010 Bagaimana cara mengecilkan, jarak supaya tidak terlalu jauh begitu, saya sudah kotak-katik tidak berhasil. mohon bantunya. THXslidenewproducts.css /* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */#slider { height: 150px; width:520px; margin:left; overflow: hidden; position: relative; margin: 5px 0; border-top:1px solid #BDC2C9;border-bottom:1px solid #BDC2C9;}#mover { width: 520px; position: relative; }.slide { padding: 26px 40px; width:540px; height: 150px; float: left; position: relative; }.slide h1 { font-size: 16px;}.slide p { font-size: 12px; line-height: 22px; width: 140px;}.slide a { text-decoration: none;}.slide a:hover { text-decoration: underline;}.slide img { position: absolute; top: 10px; left: 350px; vertical-align: middle;}.slide h2 { font-size: 14px; padding: 0 190px;}#slider-stopper { position: absolute; top: 0px; right: 10px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; z-index: 1000; } Link to comment Share on other sites More sharing options...
caparuni Posted May 16, 2010 Share Posted May 16, 2010 gan minta url nya euy biar bisa diliat langsung Link to comment Share on other sites More sharing options...
siddharta Posted May 16, 2010 Author Share Posted May 16, 2010 gan minta url nya euy biar bisa diliat langsung www.galaxyraya.comcoba lihat yang inihttp://www.tokopci.com/ Link to comment Share on other sites More sharing options...
caparuni Posted May 16, 2010 Share Posted May 16, 2010 http://www.tokopci.com/modules/slideproducts/css/slideproducts.css /* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */ #slider { height: 150px; width:520px; margin:left; overflow: hidden; position: relative; margin: 5px 0; border-top:1px solid #BDC2C9;border-bottom:1px solid #BDC2C9;} #mover { width: 520px; position: relative; } .slide { padding: 26px 40px; width:540px; height: 150px; float: left; position: relative; } .slide h1 { font-size: 16px;} .slide p { font-size: 12px; line-height: 22px; width: 250px;} .slide a { text-decoration: none;} .slide a:hover { text-decoration: underline;} .slide img { position: absolute; top: 10px; left: 350px; vertical-align: middle;} .slide h2 { font-size: 14px; padding: 0 190px;} #slider-stopper { position: absolute; top: 0px; right: 10px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; z-index: 1000; } ini css dr tokopci nya Link to comment Share on other sites More sharing options...
siddharta Posted May 16, 2010 Author Share Posted May 16, 2010 http://www.tokopci.com/modules/slideproducts/css/slideproducts.css /* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */ #slider { height: 150px; width:520px; margin:left; overflow: hidden; position: relative; margin: 5px 0; border-top:1px solid #BDC2C9;border-bottom:1px solid #BDC2C9;} #mover { width: 520px; position: relative; } .slide { padding: 26px 40px; width:540px; height: 150px; float: left; position: relative; } .slide h1 { font-size: 16px;} .slide p { font-size: 12px; line-height: 22px; width: 250px;} .slide a { text-decoration: none;} .slide a:hover { text-decoration: underline;} .slide img { position: absolute; top: 10px; left: 350px; vertical-align: middle;} .slide h2 { font-size: 14px; padding: 0 190px;} #slider-stopper { position: absolute; top: 0px; right: 10px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; z-index: 1000; } ini css dr tokopci nya sama juga, jaraknya gede Link to comment Share on other sites More sharing options...
siddharta Posted May 16, 2010 Author Share Posted May 16, 2010 atau harus kecilin yg ini. bisa kasih tahu harus edit dimana?thx Link to comment Share on other sites More sharing options...
siddharta Posted May 17, 2010 Author Share Posted May 17, 2010 bagaimana cara atau harus edit dimana supaya height/tinggi ini dikecilkan atau dipendekkan?thx Link to comment Share on other sites More sharing options...
gonebdg - webindoshop.com Posted May 20, 2010 Share Posted May 20, 2010 Agar mudah dalam mendeteksi style (html, maupun js) sebuah halaman website, gunakan Firebugs Add-Ons Firefox.Dengan Add-Ons tsb, Teman2x semua juga bisa merubah kode yang ditampilkan oleh firebug dan melihat perubahannya secara realtime.Tapi jangan lupa ... perubahan yg dilakukan melalui firebugs dgn cara diatas sifatnya hanya sementara alias tidak secara otomatis langsung memperbarui berkas file website kita (php, html, js, css dst ). Jadi setelah menggunakan firebugs, buka file-nya lalu lakukan perubahan yg diperlukan dan simpan. Baru perubahaanya akan menjadi permanent.Satu hal lagi ... jangan lupa dengan yang namanya Kue dan Permen yg disediakan oleh browser dan internet provider, terutama dalam hal update gambar, flash media, atau javascript. Sok ah .... dicoba Link to comment Share on other sites More sharing options...
pratama Posted May 20, 2010 Share Posted May 20, 2010 Agar mudah dalam mendeteksi style (html, maupun js) sebuah halaman website, gunakan Firebugs Add-Ons Firefox.Dengan Add-Ons tsb, Teman2x semua juga bisa merubah kode yang ditampilkan oleh firebug dan melihat perubahannya secara realtime.Tapi jangan lupa ... perubahan yg dilakukan melalui firebugs dgn cara diatas sifatnya hanya sementara alias tidak secara otomatis langsung memperbarui berkas file website kita (php, html, js, css dst ). Jadi setelah menggunakan firebugs, buka file-nya lalu lakukan perubahan yg diperlukan dan simpan. Baru perubahaanya akan menjadi permanent.Satu hal lagi ... jangan lupa dengan yang namanya Kue dan Permen yg disediakan oleh browser dan internet provider, terutama dalam hal update gambar, flash media, atau javascript. Sok ah .... dicoba mksudnya kue, permen... itu apa an gan....?... Link to comment Share on other sites More sharing options...
siddharta Posted May 23, 2010 Author Share Posted May 23, 2010 Agar mudah dalam mendeteksi style (html, maupun js) sebuah halaman website, gunakan Firebugs Add-Ons Firefox.Dengan Add-Ons tsb, Teman2x semua juga bisa merubah kode yang ditampilkan oleh firebug dan melihat perubahannya secara realtime.Tapi jangan lupa ... perubahan yg dilakukan melalui firebugs dgn cara diatas sifatnya hanya sementara alias tidak secara otomatis langsung memperbarui berkas file website kita (php, html, js, css dst ). Jadi setelah menggunakan firebugs, buka file-nya lalu lakukan perubahan yg diperlukan dan simpan. Baru perubahaanya akan menjadi permanent.Satu hal lagi ... jangan lupa dengan yang namanya Kue dan Permen yg disediakan oleh browser dan internet provider, terutama dalam hal update gambar, flash media, atau javascript. Sok ah .... dicoba Terima kasih, sudah ketemu masalahnya,gara-gara editorial slide harus pakai file editorial yang aslinya. Link to comment Share on other sites More sharing options...
ronpedia Posted May 28, 2010 Share Posted May 28, 2010 salam kenal para senior www.pediacomputer.com Link to comment Share on other sites More sharing options...
siddharta Posted May 30, 2010 Author Share Posted May 30, 2010 salam kenal para senior www.pediacomputer.com Salam Kenal juga.^^ Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now