InsaneJournal

Tweak says, "You wish you were me."

ᴀᴇʀʏɴ (

affictitious) wrote in

rp_tutorials,

Awesome! Here's the code then:

<!DOCTYPE html>
<html>
<head> 
<title>TAKEN MUSES</title>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300|Oswald:300' rel='stylesheet' type='text/css'>

<style>

body {
  margin:150px auto;
  background:#354F00 url(http://i.imgbox.com/iEpex79B.png) repeat fixed;
  font:7pt/9pt Source San Pro, sans-serif;
}

a, a:visited {
  color:#A5C663;
  text-decoration:none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

a:hover {
  color:#567714;
}

#container {
  margin:0px auto;
  width:725px;
}

.box {
  float:left;
  margin:5px;
  width:325px;
  padding:10px 12px;
  border-top:1px solid #567714;
  border-bottom:1px solid #567714;
  background:#FFF;
  -webkit-box-shadow:0px 0px 5px 0px #999;
}

.musepb {
  display:block;
  padding-left:1px;
  font:13pt/15pt Oswald, sans-serif;
  color:#7A9F35;
}

.journal {
  display:block;
  margin-top:3px;
  padding:3px 0px;
  border-top:1px solid #999;
  font-style:italic;
  text-align:right;
}

#clear { clear:left; }

#credit {
  display:block;
  margin:10px auto !important;
  text-align:center;
}

#credit a {
  color:#999;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#credit a:hover {
  color:#666;
}

</style>
</head>

<body>

<div class="box">
<span class="musepb">MUSE/PB NAME</span>
<a class="journal" href="http://JOURNALNAME.insanejournal.com">CHARACTER NAME</a>
AIM SN
<br/>
MISC. INFORMATION
</div>

<div id="credit">
<a class="credit" href="http://iheartunicorns.insanejournal.com">CODE BY IHEARTUNICORNS</a>
</div>

</div>

</body>
</html>

Too add PBs/muses, just copy/paste the chunk of code after . If you have questions or run into a problem, feel free to drop me a note. c: Enjoy!

(Read comments)

InsaneJournal

Post a comment in response: