Jump to content
Saying Goodbye to Community

  • Crime Themed Thread Tracker

       (1 review)

    This is a crime themed thread tracker that I made a year or so ago, now free for your use. You can edit it however you like and this could be easily adapted for use as a simple plotter as well.

    Actual Template Responsive

    Name Tracker

    Coded by Kit the Human of the RPG Initiative

    Template code

    <link media="all" rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/dm83cx08xtxryrj/den.css">
<div class="crime-tracker">
  <link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet">
  <h1>Name Tracker</h1>
  <ul>
    <li><a href="#">Thread Name</a>
		<a class="crime-partner" href="#">Name of who the thread is with</a>
		<div class="crime-tracker-description">Description</div>
    </li>
    <li>
		<a href="#">Thread Name</a>
		<a class="crime-partner" href="#">Name of who the thread is with</a>
		<div class="crime-tracker-description">Description</div>
    </li>
  </ul>
  <div class="credit">Coded by <a href="https://rpginitiative.com/profile/1728-kit-the-human/">Kit the Human</a> of the RPG Initiative</div>
</div>

<style>.crime-tracker {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  background: #fefefe;
  border: 1px solid #d3d3d3;
  outline: 1px solid #fff;
  padding: 1vh 1vw;
  color: #1a1a1a;
}

/* header align to the right */
.crime-tracker > h1 {
  text-align: right;
  color: #09707e;
  font-family: 'Special Elite', cursive;
  text-transform: uppercase;
}

/* get rid of margins and padding on the list */
.crime-tracker > ul {
  text-align: left;
  list-style-type: none;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0;
}

.crime-tracker > ul li {
  margin: 4vh 0;
}

.crime-tracker > ul li a {
  color: #09707e;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  font-size: 1rem;
  border-bottom: 1px solid #09707e;
  margin-bottom: 1vh;
  font-family: 'Special Elite', cursive;
}

/* refers to the link to a user's profile */
.crime-tracker .crime-partner {
  border: 0;
  color: #141414;
  font-size: .9rem;
  margin-bottom: 6px;
}

/* every second entry's title on the right */
.crime-tracker ul li:nth-child(even) a {
  text-align: right;
}

.crime-tracker > .credit {
font-size: .8em;
  color: #999;
  }

.crime-tracker > .credit a {
  color: #09707e;
  text-decoration: none;
  }
</style>
    Go to codes Thread Trackers

    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Guest
    Suzi

    Suzi 20

    · Edited by Suzi

      

    Just stumbled across this template and I absolutely love it. It is really nice to find something that is coded to fit the whole area of the post! A lot of templates I have found end up being tiny in comparison, so love this! Thank you! Here's a screenshot of it in use 😄

     

    Can be found: http://againsttheodds.jcink.net/index.php?act=ST&amp;f=228&amp;t=386&amp;st=0#entry23049 
    if you want to see it on my site!


    Suzi

    image.png

    • Love 1

    Share this review

    Link to review

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.