Honestly, My understanding about CSS (Cascading Style Sheet) isn’t too much. But creativity does play in order to get things work as you wishOK. next, let’s go to the main point. I’m kinda bored with my standard Plurk Themes so I tried to find some ways to get out of this problem. and with some helps from Mr. Google, I finally could make my own Plurk Themes.
Then HOW?
OK. first thing, Plurk’s important page style are divided to 3 elements:
1. body: overall looks of the page, such as font and background color.
2. #timeline_holder: element of timeline (where you can see all your plurks and your friend’s plurks).
3. #dashboard_holder: element of dashboard (where you can see your stats, friends, and fans).
Next, go to your Plurk page, click edit (next to My Profile) >> Customize Profile. Search for ‘Customize your profile even more with CSS’ and you should see blank box to put your CSS code on. Now, we’re ready to cuztomize our Plurk Themes!
Main Background/Body
It doesn’t cover the timeline background and dashboard. I like to simplify this part so we don’t have to work much on this section. But if you want to put some pictures, you can, but you need to be careful of the size. I tried some recommendation for the background size but it doesn’t fit in my screen, and I think it’ll be different for other browsers (I urge you to ask Mr.Google for help :D ). You can also use templates from Plurk! (I used one from Plurk).
Copy and paste this code:
body, html {
background-image: url(http://www.yoururl.com/backgroundimage.gif);
background-repeat: no-repeat;
color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff
}
You can change the URL with your desired image for the background. you can also repeat the image (if your BG image is smaller than the screen resolution) by changing no-repeat to repeat. I guess you can change the font, too. But I haven’t tried it yet. If you want to change the position of the picture, you can add:
background-position: top left;
and change the top left to whatever position you like (I listed some that you can use):
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
Just make sure it’s still inside the { }.
Timeline Holder
Just like Main Background, you can change the background image for the timeline holder. I recommend 1400×400 for the size. I prefer using Adobe Photoshop for designing the background for the timeline and this actually the coolest part because it’s like your plurk’s first impression XD ). Of course, you can use some pictures from the internet. Once you’ve done with the picture, make sure you have the URL of you picture in original size (I used imageshack.us to get the URL). Copy paste this code into your Plurk CSS box:
#timeline_holder {
background-image:url(http://img25.imageshack.us/img25/3220/createimaginecopy.jpg);
}
Save and preview to see what’s happened !
Dashboard Holder
Using the same trick, your dashboard colors could be changed. I think you can add some pictures, too. Some sources recommend 990×300 pixel for the dashboard picture size. I prefer it to be blank without no pictures because sometimes pictures can disturb the readability of the font. Copy and paste this code:
#plurk-dashboard {
background-color: white;
}
If you want to add pictures, do the same thing as if you want to put images for the timeline/body.
Don’t forget to save and update :D
You can do these things as well:
1. Changing the timeline bar
2. Changing your karma creatures
3. etc.
But I recommend you to find the way on your own. That way, you’ll learn and you’ll understand more :)
original post here...
hufh... pake bahasa bule, kaga ngarti dah gwa....coba pake jurus dari mbah gugle....
Jujur saja, saya pemahaman mengenai CSS (Cascading Style Sheet) tidak terlalu banyak. Tetapi kreativitas tidak bermain dalam rangka untuk mendapatkan sesuatu bekerja seperti yang anda inginkan: D
OK. selanjutnya, mari kita pergi ke titik utama. Aku agak bosan dengan Tema Plurk standar saya jadi saya mencoba untuk menemukan beberapa cara untuk keluar dari masalah ini. dan dengan beberapa membantu dari Mr Google, akhirnya aku bisa membuat Tema Plurk saya sendiri.
Lalu BAGAIMANA?
OK. hal pertama, Plurk Halaman penting gaya dibagi menjadi 3 elemen:
1. tubuh: keseluruhan tampak dari halaman, seperti font dan warna latar belakang.
2. # timeline_holder: elemen garis waktu (di mana Anda bisa melihat semua plurks Anda dan teman Anda plurks).
3. # dashboard_holder: elemen dashboard (di mana Anda dapat melihat statistik Anda, teman, dan penggemar).
Selanjutnya, pergi ke halaman Plurk Anda, klik edit (sebelah Profil Saya)>> Customize Profile. Pencarian untuk 'Sesuaikan profil Anda bahkan lebih dengan CSS' dan anda akan melihat kotak kosong untuk menempatkan kode CSS Anda. Sekarang, kami sudah siap untuk cuztomize Tema Plurk kami!
Latar Belakang Utama / Body
Tidak menutupi timeline latar belakang dan dashboard. Saya suka menyederhanakan bagian ini sehingga kita tidak harus bekerja lebih pada bagian ini. Tetapi jika Anda ingin menaruh beberapa gambar, Anda dapat, tapi Anda harus berhati-hati dari ukuran. Aku mencoba beberapa rekomendasi untuk ukuran latar belakang tetapi tidak cocok di layar saya, dan saya pikir ini akan berbeda untuk browser yang lain (saya mendorong Anda untuk meminta bantuan Mr.Google: D). Anda juga dapat menggunakan template dari Plurk! (Saya menggunakan salah satu dari Plurk).
Salin dan sisipkan kode ini:
body, html (
background-image: url (http://www.yoururl.com/backgroundimage.gif);
background-repeat: no-repeat;
color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: # ffffff
)
Anda dapat mengubah URL dengan gambar yang Anda inginkan untuk latar belakang. Anda juga dapat mengulang gambar (jika gambar BG lebih kecil daripada resolusi layar) dengan merubah no-repeat untuk mengulang. Saya kira Anda dapat mengubah font, juga. Tapi I haven't tried it yet. Jika Anda ingin mengubah posisi gambar, Anda dapat menambahkan:
background-position: top left;
dan mengubah kiri atas posisi apa pun yang Anda suka (saya tercantum beberapa yang dapat Anda gunakan):
kiri atas
top center
kanan atas
center left
center center
tengah kanan
kiri bawah
bottom center
kanan bawah
x% y%
xpos ypos
Pastikan saja masih di dalam ().
Timeline Holder
Sama seperti Utama Latar Belakang, Anda dapat mengubah gambar latar belakang untuk pemegang timeline. Saya sarankan 1400 × 400 untuk ukuran. Saya lebih suka menggunakan Adobe Photoshop untuk mendesain latar belakang untuk timeline dan ini sebenarnya bagian paling keren karena seperti Anda kesan pertama plurk XD). Tentu saja, Anda dapat menggunakan beberapa gambar dari internet. Setelah Anda selesai dengan gambar, pastikan Anda memiliki URL yang Anda gambar dalam ukuran aslinya (saya menggunakan imageshack.us untuk mendapatkan URL). Copy paste kode ini ke dalam kotak CSS Plurk Anda:
# timeline_holder (
background-image: url (http://img25.imageshack.us/img25/3220/createimaginecopy.jpg);
)
Simpan dan preview untuk melihat apa yang terjadi XD!
Dashboard Holder
Menggunakan trik yang sama, warna dashboard Anda dapat diubah. Saya pikir Anda dapat menambahkan beberapa gambar juga. Beberapa sumber menyarankan 990 × 300 pixel untuk ukuran gambar dasbor. Saya lebih suka untuk menjadi kosong tanpa ada gambar karena kadang-kadang gambar dapat mengganggu pembacaan dari font. Salin dan sisipkan kode ini:
# plurk-dashboard (
background-color: white;
)
Jika Anda ingin menambahkan gambar, melakukan hal yang sama seperti jika Anda ingin menempatkan gambar untuk timeline / tubuh.
Jangan lupa untuk menyimpan dan update:
Anda dapat melakukan hal-hal ini juga:
1. Mengubah timeline bar
2. Mengubah karma makhluk
3. dll
Tapi saya menganjurkan Anda untuk menemukan jalan Anda sendiri. Dengan begitu, Anda akan belajar dan Anda akan mengerti lebih jauh.
hehehhee.. setelah baca trus berpuyeng2 ria akhir na terciptalah :
dan ini yang lagi gwe pake val cutez.
udahan dolo yeaaaa...... kalo mo jelas langsung aja kesini nih http://www.plurktemplates.com/
0 comments:
Posting Komentar