Post
Topic
Board Project Development
Re: [Free Script] Untitled Dice - Run your own bitcoin dice site (no server needed)
by
coinableS
on 29/08/2015, 00:30:40 UTC
Thanks for the support, guys.

Update: Added a custom.css file to hold your CSS customizations

One of the most common questions I get via PM is how to customize the look and feel of Untitled Dice.

So I've added a blank `custom.css` file to provide a more obvious place to do so: https://github.com/untitled-dice/untitled-dice.github.io/commit/55b7919ff0e3d909308be53f61e2d6c014fd846d

You'll need to learn a little bit of CSS to make meaningful changes to the theme, but it's a necessary skill for anyone that wants to dabble in web projects like this. Lots of good resources out there like https://developer.mozilla.org/en-US/docs/Web/CSS.

The reason I recommend isolating your customizations to a single `custom.css` file is so that it's much easier for you to merge in changes as I update Untitled Dice.

How to use a theme from https://bootswatch.com/

Also, I should point out that Untitled Dice is built with the popular Bootstrap v3 CSS framework and there are many free themes to be found for it online. For example, check out https://bootswatch.com/.

If you find a Bootstrap v3 theme that you like on bootswatch.com, you just need to make some simple modifications to Untitled Dice's `index.html` file.

For example, if you like the Darkly theme (demo: https://bootswatch.com/darkly/), click its Download button to get the URL to its CSS file (https://bootswatch.com/darkly/bootstrap.min.css) which you'll need to tell your Untitled Dice script to use.

To apply the Darkly theme to Untitled Dice, edit `index.html` from this:

Code:

  Untitled Dice
  
  
  
  


to this:

Code:

  Untitled Dice
      <-- the URL you got from Darkly's Download button
  
  


Now your site will look like this:



Though you'll likely want to make additional tweaks which is what the `custom.css` file is for.



As usual, drop me a PM if you have any questions or need any help.

I also lurk on MoneyPot's Slack (http://slack.moneypot.com/). My username on there is `dan` just like here. Smiley

Whoa Awesome addition! Previously it was not very straight forward on how to customize the style, but you could figure it out with a little playing around. This makes it a lot easier, and the ability to add bootstrap themes just takes it to another level. Keep it up!