Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Discuss more about theme modification, creating new theme, etc for SLiMS.

Moderators: wynerst, buitenzorg812, purwoko, sutriadi, ido, Dicarve, ridorido

Post Reply
suryo
Posts: 6
Joined: 27 May 2012, 22:45
Contact:

Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Post by suryo » 02 Jun 2012, 12:20

Tampilan SLiMS 5 di IE-9 tidak berjalan, tapi di Safari 5, Firefox 12 dan Chrome berjalan bagus. Mungkin harus upgrade ke IE-10 ya ?
Attachments
firefox12.jpg
Firefox 12
firefox12.jpg (38.57 KiB) Viewed 8874 times
ie9.jpg
tampilan di IE-9
ie9.jpg (36.34 KiB) Viewed 8874 times

User avatar
buitenzorg812
Posts: 830
Joined: 20 Sep 2011, 14:18
Location: Jakarta, Indonesia
Contact:

Re: Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Post by buitenzorg812 » 02 Jun 2012, 20:01

walaupun mas menggunakan ie terbaru, kami pengembang SLiMS, tidak menyarankan ie digunakan untuk mengakses SLiMS. entah kenapa, kami selalu kesulitan untuk menampilkan tampilan yang "sempurna" seperti peramban-peramban lain (firefox, google chrome, seamonkey, safari, dlsb). demikian dan mohon maaf apabila SLiMS tidak bisa ditampilkan dengan baik menggunakan ie :).

suryo
Posts: 6
Joined: 27 May 2012, 22:45
Contact:

Re: Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Post by suryo » 02 Jun 2012, 22:11

buitenzorg812 wrote:walaupun mas menggunakan ie terbaru, kami pengembang SLiMS, tidak menyarankan ie digunakan untuk mengakses SLiMS. entah kenapa, kami selalu kesulitan untuk menampilkan tampilan yang "sempurna" seperti peramban-peramban lain (firefox, google chrome, seamonkey, safari, dlsb). demikian dan mohon maaf apabila SLiMS tidak bisa ditampilkan dengan baik menggunakan ie :).
Iya mas. Saya cari-cari car juga nggak ketemu. Memang IE lelet upgrade nya ... :lol: Mungkin baru IE 10 bisa bagus .. (mungkinnn ... :roll: ), ketemu ini nih .. http://ie.microsoft.com/testdrive/Default.html

suryo
Posts: 6
Joined: 27 May 2012, 22:45
Contact:

Re: Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Post by suryo » 04 Jun 2012, 13:18

buitenzorg812 wrote:walaupun mas menggunakan ie terbaru, kami pengembang SLiMS, tidak menyarankan ie digunakan untuk mengakses SLiMS. entah kenapa, kami selalu kesulitan untuk menampilkan tampilan yang "sempurna" seperti peramban-peramban lain (firefox, google chrome, seamonkey, safari, dlsb). demikian dan mohon maaf apabila SLiMS tidak bisa ditampilkan dengan baik menggunakan ie :).
Ketemu sebuah solusi saya ambil dari sini :http://www.css-opacity.pascal-seven.de/

Hapus semua :
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#ffffff);

Ganti dengan : (transparant 90%)
-moz-opacity: 0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter:alpha(opacity=90);

Sudah saya coba di safari, chrome, firefox dan IE9 .. perambah lain tidak punya .. :)

Mohon dicoba ditest mas .. :D

User avatar
buitenzorg812
Posts: 830
Joined: 20 Sep 2011, 14:18
Location: Jakarta, Indonesia
Contact:

Re: Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Post by buitenzorg812 » 04 Jun 2012, 15:46

suryo wrote:Ketemu sebuah solusi saya ambil dari sini :http://www.css-opacity.pascal-seven.de/

Hapus semua :
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#ffffff);

Ganti dengan : (transparant 90%)
-moz-opacity: 0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter:alpha(opacity=90);

Sudah saya coba di safari, chrome, firefox dan IE9 .. perambah lain tidak punya .. :)

Mohon dicoba ditest mas .. :D
saya belom sempet buka tautan di atas, tapi, bagaimana cara menghapus dan mengganti dengan solusi yang mas tawarkan tadi? mohon informasinya. paling tidak langkah2nya :). terima kasih mas.

suryo
Posts: 6
Joined: 27 May 2012, 22:45
Contact:

Re: Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Post by suryo » 04 Jun 2012, 22:05

buitenzorg812 wrote:
suryo wrote:Ketemu sebuah solusi saya ambil dari sini :http://www.css-opacity.pascal-seven.de/

Hapus semua :
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#ffffff);

Ganti dengan : (transparant 90%)
-moz-opacity: 0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter:alpha(opacity=90);

Sudah saya coba di safari, chrome, firefox dan IE9 .. perambah lain tidak punya .. :)

Mohon dicoba ditest mas .. :D
saya belom sempet buka tautan di atas, tapi, bagaimana cara menghapus dan mengganti dengan solusi yang mas tawarkan tadi? mohon informasinya. paling tidak langkah2nya :). terima kasih mas.
Ini hanya upaya otak-atik cari solusi .. sehingga mohon masukan para pakar ..

Saya hanya mengedit di file style.css di ../template/default/style.css

Salah satu contohnya :

/*----------------------------------------------------------------*/
/* Search Layout */
/*----------------------------------------------------------------*/
.simply
{
font-size:24px;
background: rgba(0,0,0,0.9) url(images/search.png) center no-repeat ;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000,endColorstr=#000000);
padding:20px;
}

diubah :

/*----------------------------------------------------------------*/
/* Search Layout */
/*----------------------------------------------------------------*/
.simply
{
font-size:24px;
background: rgba(0,0,0,0.9) url(images/search.png) center no-repeat ;
-moz-opacity: 0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter:alpha(opacity=90);

padding:20px;
}
Begitu mas.

User avatar
buitenzorg812
Posts: 830
Joined: 20 Sep 2011, 14:18
Location: Jakarta, Indonesia
Contact:

Re: Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Post by buitenzorg812 » 05 Jun 2012, 09:29

hasil perubahan style.css tadi ngga' berpengaruh di peramban lain ya mas? masih belom paham sama kalimat "...perambah lain tidak punya..." :D. makasih mas.

suryo
Posts: 6
Joined: 27 May 2012, 22:45
Contact:

Re: Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Post by suryo » 05 Jun 2012, 13:10

buitenzorg812 wrote:hasil perubahan style.css tadi ngga' berpengaruh di peramban lain ya mas? masih belom paham sama kalimat "...perambah lain tidak punya..." :D. makasih mas.
Maksud saya, saya tidak bisa test di perambah selain yang saya punya diatas (safari, firefox, chrome, dan IE9).

User avatar
buitenzorg812
Posts: 830
Joined: 20 Sep 2011, 14:18
Location: Jakarta, Indonesia
Contact:

Re: Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Post by buitenzorg812 » 05 Jun 2012, 13:43

suryo wrote:Maksud saya, saya tidak bisa test di perambah selain yang saya punya diatas (safari, firefox, chrome, dan IE9).
ooo ... sip :D. e terus, itu perubahan css tadi, ngga' ngaruh ya, kalo diperamban selain ie?

suryo
Posts: 6
Joined: 27 May 2012, 22:45
Contact:

Re: Tampilan SLiMS 5 transparent IE-9 tidak sempurna.

Post by suryo » 05 Jun 2012, 16:23

buitenzorg812 wrote:
suryo wrote:Maksud saya, saya tidak bisa test di perambah selain yang saya punya diatas (safari, firefox, chrome, dan IE9).
ooo ... sip :D. e terus, itu perubahan css tadi, ngga' ngaruh ya, kalo diperamban selain ie?
Tidak terpengaruh mas, sudah saya test sesuai dengan perambah yg saya punya diatas.

Namun persoalan pokoknya adalah IE tidak mendukung perintah background: rgba(x,x,x,x).

Mungkin ini kutipan ini hasilnya lebih baik mas ..

/*----------------------------------------------------------------*/
/* Search Layout */
/*----------------------------------------------------------------*/
.simply
{
font-size:24px;
background: rgb(0,0,0) url(images/search.png) center no-repeat ; /* hanya diakses oleh IE - fallback !*/
background: rgba(0,0,0,0.9) url(images/search.png) center no-repeat ; /* diakses oleh perambah safari Firefox chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90); /* hanya diakses oleh IE - fallback !*/
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* hanya diakses oleh IE - fallback !*/
filter:alpha(opacity=90); /* hanya diakses oleh IE - fallback !*/
padding:20px;
}

Post Reply