NEWS

Online resource for making documents in SR5 layout?

  • 8 Replies
  • 1732 Views

DigitalZombie

  • *
  • Omae
  • ***
  • Posts: 744
« on: <05-16-18/1449:05> »
Hoi chummers.
As the title says. Im looking someway to have my houserukes look more officially-ish.
I make plenty of errors and omissions, so all Im missing is the layout ;)

I think I remember I saw something like that... but I have failed my logic+willpower test :/


&#24525;

  • *
  • Guest
« Reply #2 on: <05-16-18/2019:54> »
fancy

DigitalZombie

  • *
  • Omae
  • ***
  • Posts: 744
« Reply #3 on: <05-17-18/1328:02> »
Oooh Nice.  Excactly what I Was looking for. 
2 internet karma points to you chummer :)

Marcus

  • *
  • Prime Runner
  • *****
  • Posts: 2802
  • Success always demands a greater effort.
« Reply #4 on: <05-17-18/1652:43> »
Solid.
*Play-by-Post color guide*
Thinking
com
speaking

Kiirnodel

  • *
  • Catalyst Demo Team
  • Ace Runner
  • ***
  • Posts: 1471
« Reply #5 on: <05-17-18/1725:50> »
That's definitely cool, but I'm not seeing how you edit it to make your own stuff... I feel like I'm missing something obvious.

FastJack

  • *
  • Administrator
  • Prime Runner
  • *****
  • Posts: 6374
  • Kids these days...
« Reply #6 on: <05-17-18/1751:34> »
That's definitely cool, but I'm not seeing how you edit it to make your own stuff... I feel like I'm missing something obvious.
Go to the main page (http://homebrewery.naturalcrit.com/). Basically, it gives you a way to auto-format your content on the web.

Kiirnodel

  • *
  • Catalyst Demo Team
  • Ace Runner
  • ***
  • Posts: 1471
« Reply #7 on: <05-18-18/0736:49> »
That's definitely cool, but I'm not seeing how you edit it to make your own stuff... I feel like I'm missing something obvious.
Go to the main page (http://homebrewery.naturalcrit.com/). Basically, it gives you a way to auto-format your content on the web.

Yeah, I noticed that. But then no way to change it to the other style. The home page is in D&D 5th formatting style.

Chummer 5 is Alive

  • *
  • Omae
  • ***
  • Posts: 349
« Reply #8 on: <05-18-18/1039:50> »
Oh, right. Helps to explain how to use the site. You need to click the Source link in the top right and copy the bottom section, which will give you the below code segment. Make your personal document on the main page and paste the below at the bottom of the page (Or the top or whatever, but bottom keeps it out of the way)

Code: [Select]
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<style>
.phb { text-align: justify; }
.phb:after { display:none; }
.phb h1, .phb h2, .phb h3, .phb h4 {
color: black;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.phb h3 { border-color: black; }
.phb { background: url("https://imgur.com/wgclj9Q.png") }
.phb .pageNumber {
color: white;
    font-size: 2em;
    font-family: 'Roboto', sans-serif;
    margin-bottom: -.25em;
}
.phb blockquote {
background: #82001a;
    border: 4px solid black;
    padding: 0.5em 1.5em;
    color: white;
}
.phb blockquote h1+p::first-letter { color: white; }

.phb blockquote h1, .phb blockquote h2, .phb blockquote h3, .phb blockquote h4 {
color: #ebb531;
}
.phb h1+p::first-letter { font: inherit; }
.phb h5+p { text-indent: 1em; }
.phb table th {
background-color: black;
    border-top: 4px solid #ebb531;
    border-bottom: 2px solid #ebb531;
    color: #ebb531;
    font-weight: bolder;
    padding: 5px;
    text-transform: uppercase;
}
.phb table thead tr th:first-child { padding-left: 4px; }
.phb table tbody tr td:first-child { padding-left: 4px; }
.phb table tbody tr { color: white; }
.phb table tbody tr:nth-child(odd) { background-color: black; }
.phb table tbody tr:nth-child(even) { background-color: gray; }
.phb .descriptive {
background-color: white;
    border: 3px solid black;
    border-radius: 15px;
    padding: 1em 0.75em;
}
.phb .descriptive h1, .phb .descriptive h2, .phb .descriptive h3,  .phb .descriptive h4,  .phb .descriptive h5 {
color: #ebb531;
    text-transform: uppercase;
}
</style>