Pages:
Author

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

legendary
Activity: 2296
Merit: 2892
#SWGT CERTIK Audited
wah baru tau saya gan , saya kira gak bisa di ubah tema nya wkkwkw :D
berkat thread agan jadi wawasan saya tentang bitcointalk menambah
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?
member
Activity: 994
Merit: 10
wah baru tau saya gan , saya kira gak bisa di ubah tema nya wkkwkw Cheesy
berkat thread agan jadi wawasan saya tentang bitcointalk menambah
legendary
Activity: 2296
Merit: 2892
#SWGT CERTIK Audited
Hati2 untuk penggunaan Warna,  jika intens penggunaan warna yg "mencolok" bisa mempengaruhi mata, -snip-
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.

-snip- (jujur masih suka tampilan warna default forum bitcointalk Smiley), -snip-
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.

-snip- Semenjak nemu thread ini jadi kepikiran buat bikin background sendiri cuman belum ada waktu luang Cry
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.
full member
Activity: 321
Merit: 152
Save Palestine
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
sr. member
Activity: 1204
Merit: 257
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   Grin, Inget IP jngn sampai nasakom(nasib dibawah 0,5) ahaha
Wkwkw kaga gan, ane anak baik2 Cheesy

JSFiddle adalah salah satu situs web yang menyediakan tempat untuk belajar bahasa pemrograman dengan mengetik coding yang berhubungan dengan web (HTML, CSS, dan JS) yang populer saat ini.
Gampang kok saya juga baru belajar, otodidak aja cari bahan di internet. maka dari itu saya secara tak sengaja bikin script bikin background Bitcointalk.
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 Cry
hero member
Activity: 994
Merit: 593
aka JAGEND.
berarti scriptnya sifatnya universal karena berlaku untuk semua situs, -

Ini ya gan
...
Oh ya, ini command yang bersifat default (bawaan browser). Output-nya sederhana. nggak bisa insert gambar seperti script diatas.
...

Untuk yang ini :
... kalau scriptnya hanya untuk situs bitcointalk saja gimana setingannya di javascript
Thread ini kemungkinan sudah menjawab pertanyaan agan.

hero member
Activity: 2282
Merit: 589

Jangan kaget, kalo agan melakukan akses ke situs yang lainnya, tampilan warna situs tersebut akan berubah juga.
berarti scriptnya sifatnya universal karena berlaku untuk semua situs, kalau scriptnya hanya untuk situs bitcointalk saja gimana setingannya di javascript
legendary
Activity: 2366
Merit: 2054
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

Quote
JSFiddle adalah salah satu situs web yang menyediakan tempat untuk belajar bahasa pemrograman dengan mengetik coding yang berhubungan dengan web (HTML, CSS, dan JS) yang populer saat ini.

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.
full member
Activity: 321
Merit: 152
Save Palestine
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   Grin, Inget IP jngn sampai nasakom(nasib dibawah 0,5) ahaha
sr. member
Activity: 1204
Merit: 257
Penggemar Javascript juga ternyata ....
Barangkali ada yang berminat mendalami lebih lanjut: you-don-t-know-js.pdf.
Yup, lebih menantang aja kalau pake JS Grin otw download

Kl yg kuliah di Tek. Informatika di smt 3/4 diajarkan UI,  disana ada materi tentang Warna & Mata.
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.
full member
Activity: 321
Merit: 152
Save Palestine
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.
legendary
Activity: 2296
Merit: 2892
#SWGT CERTIK Audited
-snip-
Code:
chrome://flags/#enable-force-dark
-snip-
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!!

Hmm pake JS (javascript) ya enak juga Cheesy
Atau ga bisa pake editor dari w3schools, -snip-
Penggemar Javascript juga ternyata ....
Barangkali ada yang berminat mendalami lebih lanjut: you-don-t-know-js.pdf.
Quote
This book series is being produced in an open source fashion, including editing and
production. We owe GitHub a debt of gratitude for making that sort of thing possible for the
community!
(Terima kasih om Joni atas kiriman e-book nya)
sr. member
Activity: 1204
Merit: 257
-snip-
Hmm pake JS (javascript) ya enak juga Cheesy
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
hero member
Activity: 994
Merit: 593
aka JAGEND.
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
Code:
chrome://flags/#enable-force-dark
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
Code:
Enable with simple RGB based inversion



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

legendary
Activity: 2296
Merit: 2892
#SWGT CERTIK Audited
-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:

 



hero member
Activity: 2282
Merit: 589
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 Roll Eyes
legendary
Activity: 2366
Merit: 2054
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)
legendary
Activity: 2296
Merit: 2892
#SWGT CERTIK Audited
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.
legendary
Activity: 2366
Merit: 2054
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   


legendary
Activity: 2296
Merit: 2892
#SWGT CERTIK Audited
-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 Smiley), 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



Pages:
Jump to: