Topic: [SHARE][STYLISH] Orange Yellow Theme , Tampilan Bitcointalk yang Keren (Read 677 times)

FYI, sepengetahuan saya secara default di pengaturan forum Bitcointalk (atau forum berbasis SMF lainnya) tidak ada opsi untuk merubah tema (--koreksi jika keliru--).
Settingan seperti yang dicantumkan di thread ini ataupun di beberapa thread semisal: Dark Theme while browsing Bitcointalk; Dark theme for Bitcointalk(CSS only); dsm; sifatnya non formal berdasar kreatifitas dari pembuat thema; bahkan pada pengaturan tertentu tidak hanya dikhususkan untuk tampilan forum ini saja, tapi juga merubah tampilan website lainnya juga, seperti contoh yang ini: #msg53426927

btw.. apakah agan sudah sampai ke mencoba merubah tema tampilan forum ini sebagaimana yang dijelaskan OP?

wah baru tau saya gan , saya kira gak bisa di ubah tema nya wkkwkw
berkat thread agan jadi wawasan saya tentang bitcointalk menambah

Ya, penggunaan warna-warni disini hanya untuk test dan memang sangat tidak disarankan menggunakan warna yang terlalu mencolok, dan secara alamiah mata juga akan merespon dengan sendirinya apakah itu terlalu silau dilihat dan lainnya.

Selain itu penggunaan warna juga semestinya tidak asal pakai/asal combine, apalagi untuk website berbasis teks seperti forum bitcointalk ini saya kira kecenderungan menggunakan warna yang dipakai juga relatif tidak terlalu banyak.
Aspek "Theme, Tampilan Bitcointalk yang Keren" juga mesti diimbangi dengan faktor fisiologi & psikologi warna.

---

Beberapa referensi bagi yang ingin membuat theme forum bitcointalk khususnya terkait penggunaan warna:
- Buku Warna, Surianto Rustan, 2019. Lintas Kreasi Imaji.
- Buku Warni, Surianto Rustan, 2019. Lintas Kreasi Imaji.

Sesama Tek. Informatika sy sedikit punya saran: lebih baik editornya pake yg semi manual(Notepad++, sublime) jangan dulu pake Editor yg Include dgn plugin(VS,NETBEANS,ECLIPS).

Dengan editor semi manual akan melatih logica fungsi dari sebuah script dan lebih baik setiap script yg ditulis fungsinya di buat visual dikertas karena ini akan melatih Algoritma yg dihasilkan lebih bs dipahami.

Trust me: Testing profesional Builder System(Programmer, Analis dll)  : 1. Tes Algoritm(via kertas). 2. Hakikat array,  percabangan(if, switch),  Looping(for, while,  do while) itu jg dikertas.
3. Tes performance (nah ini baru di editor device), biasanya diberi case tntang CRUD (Sisi servernya kl PHP kebanyakan pake Framework CodeIgniter,  untuk UI biasanya pake Framework Bootstrap karena disana include CSS,  AJAX,  JS). kl java biasanya pake framework spring

1 kelas teman2 Teknik. Informatika sy yg kerjanya sesuai minat dan background pendidikan hanya bisa dihitung jari,  kebanyakan Ijazah nya cuman jd formalitas buat kerja di Bank,  PNS,  telekomunikasi meskipun dibidang it,  tpi tidak seberat jd Analis/ Programmer.

Jika om kaneki ingin jadi seseorang sesuai background pendidikan maka boleh diikuti saran saya,  mumpung msh smt 3.(perkuat logica dasarnya saja,  tdk usah hapalin script karena tiap script bertebaran di Inet tinggal copas dan modif).  Di dunia pekerjaan yg dibutuhkan itu Kecepatan dalam menyelesaikan Project karena tdk mungkin client buka2 script(iya kl ngerti apa fungsinya). 

Saran sy: jngn jd Programmer (berat),  mending jd PNS ahahaha

Wkwkw kaga gan, ane anak baik2

Pernah denger sih JSFiddle cuman kalau ngetik kodingan biasa paka visual studio code + beberapa pluginnya. Semenjak nemu thread ini jadi kepikiran buat bikin background sendiri cuman belum ada waktu luang

Ini ya gan

Untuk yang ini :
Thread ini kemungkinan sudah menjawab pertanyaan agan.

berarti scriptnya sifatnya universal karena berlaku untuk semua situs, kalau scriptnya hanya untuk situs bitcointalk saja gimana setingannya di javascript

Bagus kalau kalian tertarik dalam hal script, stylsh dan lain-lain. banyak kok tempat belajar gratisan soal itu dan malah bisa bikin website sendiri kalau difokusin.
Tempat coding gratisan bisa di sini : https://jsfiddle.net/

seperti kalian lihat di profil saya ada web yang saya bikin pake jsfidle


contoh web amatiran punya saya:

https://jsfiddle.net/droomiechikito/rshy1j8w/5/embedded/result/

Gampang kok saya juga baru belajar, otodidak aja cari bahan di internet. maka dari itu saya secara tak sengaja bikin script bikin background Bitcointalk.

Mantabs gan,  pelajari jg tentang SEO nya,  Meta Tag biar Klops.
 
Smt 3 msh mencari jatidiri.  Awas jngn sering clubing & tdur di kost'an cewek   , Inget IP jngn sampai nasakom(nasib dibawah 0,5) ahaha

Yup, lebih menantang aja kalau pake JS otw download

Kebetulan ane smt 3 dan ada materi tentang UX, dan ane rasa itu hal yg penting bagi setiap front-end developer agar setiap user bisa nyaman saat menggunakan aplikasi yg mereka buat.

Hati2 untuk penggunaan Warna,  jika intens penggunaan warna yg "mencolok" bisa mempengaruhi mata,  yg minus bisa bertambah, mata cepat lelah.  Sy pribadi lebih suka warna default. Bukan berarti sy mengesampingkan pengetahuan tentang script. Kl yg kuliah di Tek. Informatika di smt 3/4 diajarkan UI,  disana ada materi tentang Warna & Mata.

Penggemar Js,  pelajari juga NodeJs karena sudah bisa eksekusi disisi server.

Oh iya lupa untu kang anwar/ siapapun yg tertarik js bisa pelajari:
JavaScript and JQuery: Interactive Front-End Web Development, by Jon Duckett. ...(dw nya di pdfdrive)  itu salah satu ebook favorite sy.  Yg punya darah seni tinggi sprti husna qa,  roycilik, taufik bagus buku itu untuk dipelajari. Kl sy darah seninya memble,  lbih tertarik ke security & grey world.

Hampir mirip-mirip baris perintahnya dengan yang di Android namun, beda cara.. (intinya membuat tampilan browser menjadi gelap/dark)
Re: [INFO & TUTORIAL] Bosan dengan Tampilan Bitcointalk? Read This Thread!!

Penggemar Javascript juga ternyata ....
Barangkali ada yang berminat mendalami lebih lanjut: you-don-t-know-js.pdf.
(Terima kasih om Joni atas kiriman e-book nya)

Hmm pake JS (javascript) ya enak juga
Atau ga bisa pake editor dari w3schools, ane lebih sering pake ini sih buat iseng2 test script
Contoh : https://www.w3schools.com/js/tryit.asp?filename=tryjs_myfirst

Tambahan, terutama untuk para netijen yang suka bermain-main warna theme pada browser.
Oh ya, ini command yang bersifat default (bawaan browser). Output-nya sederhana. nggak bisa insert gambar seperti script diatas.
Saya sudah mencobanya di browser chrome, untuk broswer lain saya belum mencobanya.


Langkah 1. ketik
akan ada tab baru yang terbuka.


Langkah 2. Selanjutnya silahkan bermain-main dengan warna tampilan browser.
Dari beberapa kali mencoba,saya suka pilihan yang ini



Ketika anda klik salah satu pilihan tersebut, browser akan melakukan restart secara otomatis.


Langkah 3. Hasil warna tampilan situs akan berubah sesuai pilihan anda.


Tampilan berdasar pilihan Enable with simple RGB based inversion seperti yang tersebut di langkah 2.

Jangan kaget, kalo agan melakukan akses ke situs yang lainnya, tampilan warna situs tersebut akan berubah juga.


Tampilan Detik.com


Tampilan kompas.com

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:

 

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

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
menjadi
Image pakai host, sama kayak posting image di forum ini.

Jadinya seperti ini:



contoh foto: Nissa Sabyan (Foto Instagram)

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.

Bisa mas

ini saya contohkan pakai kode html warna :


Warna dark coral   = #cf524e   

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

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 :


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


ke misalkan warna pink


maka background forum berubah ke warna pink



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

Selamat Mencoba

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:

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  

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 

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

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

@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

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

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

Selamat mencoba.

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

Siap gan... nanti saya update kalau udah jadi 

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

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

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

---

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

https://bitcointalksearch.org/topic/info-tutorial-bosan-dengan-tampilan-bitcointalk-read-this-thread-5114578

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