[SHARE][STYLISH] Orange Yellow Theme , Tampilan Bitcointalk yang Keren

[aliceasuna94]

Selamat datang di Thread ini.
 
Sebelum teman-teman membaca thread ini, alangkah baiknya teman-teman membaca thread dari agan Bitinity disini:

https://bitcointalk.org/index.php?topic=5114578.0

Semua pembahasan tentang tutorial memasang tema untuk forum bitcointalk ini ada disana.

Latar Belakang.

Saya terinspirasi dari thread agan Bitinity yang membagikan informasi mengenai cara untuk mepercantik tampilan forum ini agar tidak membosankan. Oleh karena itu saya berniat untuk membuat tema bitcointalk sendiri. Dan ternyata usaha tidak menghianati hasil. Tema bisa saya buat dalam waktu 2 hari.. 

Berikut adalah beberapa Screenshot tampilan forum dari tema yang saya buat.






Teman-teman bisa mendapatkan tema ini di link berikut:

https://userstyles.org/styles/177680/orange-yellow-theme-bitcointalk

Kedepannya...

Kedepannya saya akan memperbarui tema Orange Yellow Theme Bitcointalk dan menambahkan beberapa tema lagi .

SELAMAT MENCOBA 

[1714180101]

1714180101

[1714180101]

1714180101

[1714180101]

1714180101

[1714180101]

1714180101

[masulum]

Sepertinya thread mas ini juga akan lebih sesuai jika dimasukkan pada thread yang sudah mas sebutkan di atas, jadi masalah tampilan akan kumpul dalam satu thread.

Bantuan untuk tampilan

[aliceasuna94]

Sepertinya thread mas ini juga akan lebih sesuai jika dimasukkan pada thread yang sudah mas sebutkan di atas, jadi masalah tampilan akan kumpul dalam satu thread.

Terima kasih atas masukkan dan bantuannya nya gan... 
Postingan selanjutnya akan saya satukan dalam 1 thread saja.

[erep]

Saya terinspirasi dari thread agan Bitinity yang membagikan informasi mengenai cara untuk mepercantik tampilan forum ini agar tidak membosankan. Oleh karena itu saya berniat untuk membuat tema bitcointalk sendiri. Dan ternyata usaha tidak menghianati hasil. Tema bisa saya buat dalam waktu 2 hari.. 

Btw design nya lumayan bagus juga, kalau boleh request design material design type dark juga boleh biar tampilan forumnya kekinianlah

[aliceasuna94]

Btw design nya lumayan bagus juga, kalau boleh request design material design type dark juga boleh biar tampilan forumnya kekinianlah

Siap gan... nanti saya update kalau udah jadi 

[safari88]

Btw design nya lumayan bagus juga, kalau boleh request design material design type dark juga boleh biar tampilan forumnya kekinianlah

kalau untuk theme dark sudah ada dari dulu kok ini ane kasih list untuk themenya

• Dark Theme while browsing Bitcointalk
• Dark theme for Bitcointalk(CSS only)

silahkan dicoba saja dulu

[aliceasuna94]

kalau untuk theme dark sudah ada dari dulu kok ini ane kasih list untuk themenya

• Dark Theme while browsing Bitcointalk
• Dark theme for Bitcointalk(CSS only)

silahkan dicoba saja dulu

Untuk mempermudah mencari tema bitcointalk, bisa juga lihat di situs stylish langsung. Cek disini.

https://userstyles.org/styles/browse/bitcointalk

Selamat mencoba.

[masulum]

@aliceasuna94 silakan terjemahkan topik ini dalam bahasa Inggris, Anda bisa langsung menambahkan hasil terjemahannya di post ini List of Bitcointalk.org Userscripts/ Add-ons atau membuat topik baru di board meta

[asyakashi]

Lumayan nih klo dulu ada yg share dark theme ini ada warna lain.
udah di coba dan sukses ...moga ada warna lain yg lebih elegan

[erep]

kalau untuk theme dark sudah ada dari dulu kok ini ane kasih list untuk themenya

• Dark Theme while browsing Bitcointalk
• Dark theme for Bitcointalk(CSS only)

silahkan dicoba saja dulu

Saya malah sudah mengkombinasi 2 theme untuk bitcointalk yaitu nex dark dan nex light theme dan hasilnya bagus banget, alasan saya request karena mungkin agan aliceasuna94 mempunyai ide lain untuk membuat theme yang lebih bagus dari yang sudah ada

[aliceasuna94]

Saya malah sudah mengkombinasi 2 theme untuk bitcointalk yaitu nex dark dan nex light theme dan hasilnya bagus banget, alasan saya request karena mungkin agan aliceasuna94 mempunyai ide lain untuk membuat theme yang lebih bagus dari yang sudah ada

Iya gan.. sebelum saya membuat desain tampilan untuk bitcointalk, saya cari-cari dulu tema yang sudah ada untuk research... Saya berencana membuat tema dengan paduan warna yang belum pernah dibuat sebelumnya.. Jadi saya pilih deh warna orange kuning... Jadi jangan heran jika warna ini tidak banyak yang suka... Yah karena klo saya buat tema dark atau light nanti di kira meniru.... hehehehe 

[bahlulfahrul]

Sepertinya thread mas ini juga akan lebih sesuai jika dimasukkan pada thread yang sudah mas sebutkan di atas, jadi masalah tampilan akan kumpul dalam satu thread.

Bantuan untuk tampilan

Kece sih ini tema nya warna kuning latar belakang nya kuning dengan berbalut font warna yang sesuai tapi sayang untuk penerapan tema nya only untuk pengguna uc browser ya untuk pengguna mobile nya ane kira all browser  

[Husna QA]

-snip-
Kece sih ini tema nya warna kuning latar belakang nya kuning dengan berbalut font warna yang sesuai tapi sayang untuk penerapan tema nya only untuk pengguna uc browser ya untuk pengguna mobile nya ane kira all browser 

Sebaiknya tidak perlu di quote lagi full seperti itu om dan post ini pun masih satu page dengan postingan agan/mas ulum diatas untuk membantu menampilkan gambar.

Thema untuk https://bitcointalk.org/ pada browser lainnya bisa dicoba disini:

-snip- https://userstyles.org/styles/browse/bitcointalk

[Chikito]

Kalau berminat mengubah background bitcointalk, coba aja cara saya di bawah ini. simple..

Merubah background forum ini jadi warna sesuai keinginan

Langkah-langkah:

1. Download terlebih dahulu untuk narok code di browser.
   - greasemonkey untuk Mozilla firefox
   - tampermonkey untuk chrome
    Untuk Browser lain silahkan browsing sendiri yakkk...

2. Setelah terinstal, klik extension tersebut lalu create new script



3. lalu paste code di bawah ini :

Code:

// ==UserScript==
// @name        Droomie Chikito Creative 
// @namespace   https://bitcointalk.org/
// @description Ubah warna backgorund sesuai keinginan
// @include     https://bitcointalk.org/*
// @version     1.0
// ==/UserScript==
document.body.style.background = "yellow";

Saya mencoba mengubah backgorund forum menjadi warna kuning [yellow >>> dalam script]



Maka background forum berubah menjadi kuning.

Kalian bisa ubah warna sesuai keinginan hanya mengubah script

Code:

document.body.style.background = "yellow";

ke misalkan warna pink

Code:

document.body.style.background = "pink";

maka background forum berubah ke warna pink



Pilih-pilih warna di sini : https://xkcd.com/color/rgb.txt

Selamat Mencoba

[Husna QA]

-snip-
Pilih-pilih warna di sini : https://xkcd.com/color/rgb.txt -snip-

Sebentar... saya belum mencoba trik diatas (jujur masih suka tampilan warna default forum bitcointalk ), itu script nama pada warna bisa menggunakan kode warna juga kan? (link agan diatas kan berupa teks) kalau ya... untuk memudahkan langsung mencari/melihat warna sesuai selera bisa menggunakan color palette generator untuk mendapatkan kode warnanya.
Versi online (free) antara lain bisa coba dari adobe : https://color.adobe.com/create

[Chikito]

itu script nama pada warna bisa menggunakan kode warna juga kan? ...
... antara lain bisa coba dari adobe : https://color.adobe.com/create

Bisa mas

ini saya contohkan pakai kode html warna :

Code:

document.body.style.background = "#cf524e";

Warna dark coral   = #cf524e   

[Husna QA]

Bisa mas
-snip-
Warna dark coral   = #cf524e

Nah iya seperti yang saya duga sebelumnya dan ternyata memang pada script-nya bisa menggunakan kode warna. Saya sendiri biasanya menggunakan Color Picker (kalau di Photoshop) untuk mendapatkan kode tersebut (karena tidak hafal semua nama warna).
btw, mungkin jika ingin mencoba pemilihan background untuk forum seperti bitcointalk ini (biru-hitam) sebaiknya menggunakan warna yang kontras dengan font/typografi nya.

[Chikito]

Update

Jika ada yang suka pajang foto pacarnya, gebetan atau istrinya bisa juga pake background foto di forum bitcointalk ini.

cuma merubah script dikit kok



Dari script warna

Code:

document.body.style.background = "yellow";

menjadi

Code:

document.body.style.background = "url('https://i.ibb.co/NsQZwF0/Nissa-Sabyan-Foto-Instagram.png')";

Image pakai host, sama kayak posting image di forum ini.

Jadinya seperti ini:



contoh foto: Nissa Sabyan (Foto Instagram)

[erep]

Dari script warna

Code:

document.body.style.background = "yellow";

menjadi

Code:

document.body.style.background = "url('https://i.ibb.co/NsQZwF0/Nissa-Sabyan-Foto-Instagram.png')";

Mantap om, satu persatu script theme bitcointalk.org mulai di ulas di sini dan semoga semakin banyak lagi update scriptnya lainnya, saya harap ada theme baru dari member indonesia yang bisa bersaing dengan theme yang sudah ada di userstyles

btw, tau aja ente pasang foto background Nissa Sabyan

[Husna QA]

-snip-, satu persatu script theme bitcointalk.org mulai di ulas di sini dan semoga semakin banyak lagi update scriptnya lainnya, -snip-

Kalau mau ambil script buatan orang lain di internet (terutama yang diragukan kredibilitasnya) mesti ekstra hati-hati, terlebih jika agan belum menguasai bahasa pemrograman.

oh ya, kalau iseng-iseng mau tes script seperti dari agan droomie, sebelum menggunakan ekstension tampermonkey atau greasemonkey, bisa tes dulu script-nya di https://userscripts.org/
Masukkan code di kolom yang disediakan kemudian klik tombol Run! (Reset) untuk melihat hasilnya,
Seperti ini: