Bagaimana Caranya Membuat Bayangan Tipis di Kiri Kanan Tema

4 posts / 0 new
Login or register to post comments
Last post
Sat, 07 Jan 2012 - 12:40
#1
antan
antan's picture
Offline
Joined: 11 Aug 2010
Points: 122
Bagaimana Caranya Membuat Bayangan Tipis di Kiri Kanan Tema

Dear Master Drupaler,

Saya mau nanya nih, bagaimana membuat bayangan halus di pinggir kiri-kanan dan atas-bawah tema seperti pada sistusnya: http://www.motogp.com

 

Terima kasih sebelumnya.

 

Antan

Top
Tags:
Sat, 07 Jan 2012 - 13:10
#2
wong_ndeso
wong_ndeso's picture
Offline
Joined: 4 Jan 2012
Points: 82
agan pake apa buat templatenya...

kalo saya pake artisteer ... langsung ada pilihannya gan....

Top
Sat, 07 Jan 2012 - 17:43
#3
Ki Drupadi
Ki Drupadi's picture
Offline
Joined: 1 May 2010
Points: 1515
Pakai CSS, tempatkan pd

Pakai CSS, tempatkan pd layer, class atau element yg Anda inginkan dan ubah nilainya sesuai keinginan Anda.

box-shadow: 1px 1px 11px 1px rgb(65, 56, 65); /* opera */
-webkit-box-shadow: 1px 1px 15px 1px rgb(65, 56, 65); /* safari*/  
-moz-box-shadow: 1px 1px 15px 1px rgb(65, 56, 65);/* Firefox */  

atau

box-shadow: 1px 1px 11px 1px #333333;
-webkit-box-shadow: 1px 1px 15px 1px #333333;
 -moz-box-shadow: 1px 1px 15px 1px #333333;
Top
Sun, 19 Feb 2012 - 20:03
(Reply to #3) #4
antan
antan's picture
Offline
Joined: 11 Aug 2010
Points: 122
oke makasi

Ok thanks atas komennya, sy sudah coba pake theme danland dan sub theme fusion: mix_and_match.

untuk danland sy tambahkan script pada file style.css di bagian body yaitu:

background-color: #FAFAFA;
border: 1px solid #CCCCCC;
box-shadow: 1px 1px 11px 1px rgb(65, 56, 65); /* opera */
-webkit-box-shadow: 1px 1px 15px 1px rgb(65, 56, 65); /* safari*/
-moz-box-shadow: 1px 1px 15px 1px rgb(65, 56, 65); /* Firefox */
max-width: 960px;
dan tidak lupa untuk margin, sy tambahkan:
margin: 0 auto; /** supaya halaman web posisinya di tengah**/
 
sedangkan untuk sub theme fusion: mix_and_match, sy tambahkan script pada mix-and-match-style.css di bagian body yaitu:
margin: 0 auto;
background-color: #FAFAFA;
border: 1px solid #CCCCCC;
box-shadow: 1px 1px 15px 1px rgb(65, 56, 65);/* opera */
-webkit-box-shadow: 1px 1px 15px 1px rgb(65, 56, 65); /* safari*/
-moz-box-shadow: 1px 1px 15px 1px rgb(65, 56, 65); /* Firefox */
max-width: 960px;
 
Tapi script ini sy sudah coba hanya bisa berjalan pada firefox dan google chrome, sedangkan kalo di opera script ini tidak bisa jalan. Ada yang ingin menambahkan atau memberi saran dan masukan?
Top

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.