Jump to content

Butuh bantuan dari senior2


siddharta

Recommended Posts

Bagaimana cara mengecilkan, jarak supaya tidak terlalu jauh begitu, saya sudah kotak-katik tidak berhasil. mohon bantunya. THX


slidenewproducts.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; }

23595_lEiBgbR5ZhciADphqSRQ_t

Link to comment
Share on other sites

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

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

23611_CwFBWaoja57ulDDde8i3_t

Link to comment
Share on other sites

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...