Menu



 
Add Reply
New Topic
New Poll

 huginn temps
Huginn
 Posted: Oct 15 2016, 07:49 PM
Quote
years
is
in
N/A posts
// N/A
Huginn


i'mma keep my templates here. it'll be great.

00:00AM

texts go here and it scrollsssssss

name here


CODE
[dohtml]<center><div class="starkphone">
<div class="starkphonetime">00:00AM</div>
<div class="starkphoneimg"><img src="http://placehold.it/100"></div>
<div class="starkphonetext"><p>texts go here and it scrollsssssss</div>
<div class="starkphonename">name here</div>
</div><link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'><style>
.starkphone { width: 350px; height: 510px; background-image: url(http://ultraimg.com/images/starkphoneback.png); border: solid 3px #226764; position: relative; }
.starkphoneimg { width: 100px; height: 100px; position: absolute; top: 235px; left: 8px; }
.starkphonetext { width: 200px; height: 250px; overflow: auto; text-align: justify; font-size: 12px; font-family: 'Roboto Condensed', sans-serif; line-height: 100%; color: #fff; box-sizing: border-box; padding: 5px 8px 5px 5px; position: absolute; top: 148px; left: 120px; }
.starkphonetime { width: 225px; height: 50px; text-align: center; box-sizing: border-box; padding: 5px; color: #fff; font-size: 50px; font-family: 'Roboto Condensed', sans-serif; position: absolute; top: 55px; left: 65px; }
.starkphonename { box-sizing: border-box; text-transform: uppercase; font-size: 30px; font-family: 'Roboto Condensed', sans-serif; position: absolute; top: 465px; left: 25px; color: #fff; padding: 5px; width: 250px; height: 50px; text-align: center; }</style></center>[/dohtml]


you
contact

text or call goes here. (actually mochi made this one but i'm putting it here too.

00:00 PM


CODE
[dohtml]<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Droid+Sans" /><style>
.samphone { width: 550px; height: 825px; background-image: url(https://65.media.tumblr.com/13c7b1c4e942ddb777e7d576b75b2879/tumblr_o7r0a4jMBy1ql0qdpo6_r2_1280.png); border: 0; position: relative; }
.samphoneimg { width: 100px; height: 100px;  border-radius: 50%; position: absolute; top: 517px; left: 350px; background: url(http://placehold.it/100) no-repeat; }
.samphoneHUD { width: 285px; height: 152px; position: absolute; top: 490px; left: 39px; background: url(https://67.media.tumblr.com/050297fe01e2cd3b754e85c7d0912fb4/tumblr_o7r0a4jMBy1ql0qdpo10_r1_400.gif) no-repeat; }
.samphonetext { width: 366px; height: 285px; overflow: auto; text-align: justify; font-size: 14px; font-family: 'Droid Sans', sans-serif; line-height: 100%; color: #d2f9fa; box-sizing: border-box; padding: 5px 8px 5px 5px; position: absolute; top: 200px; left: 55px; }
.samphone ::-webkit-scrollbar-track { background: transparent; } .samphone ::-webkit-scrollbar {  width: 5px; background: transparent; } .samphone ::-webkit-scrollbar-thumb { radius: 5px;   background-color: #19544a; background-image: -webkit-gradient(linear, 0% 0%, 75% 100%, from(#00251f), to(#91f2f5), color-stop(.5, rgba(0, 37, 31, .2)), color-stop(.5, transparent), to(transparent));}
.samphonetime { background: -webkit-linear-gradient(#d2f9fa, #8af1f4); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  padding: 10px; width: 225px; height: 60px; text-align: center; box-sizing: border-box;  font-size: 35px; font-family: 'Droid Sans', sans-serif; position: absolute; top: 680px; left: 160px; }
.samphonename { background: -webkit-linear-gradient(#d2f9fa, #8af1f4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-sizing: border-box; text-transform: uppercase;  padding: 5px 5px 5px 5px;  font-weight: bold; font-size: 28px; font-family: 'Droid Sans', sans-serif; position: absolute; top: 128px; left: 225px; width: 255px; height: 55px; text-align: right; }
.samphoneuser { background: -webkit-linear-gradient(#d2f9fa, #8af1f4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 225px; height: 55px;  padding: 5px 5px 5px 5px; text-align: center; font-style: italic; font-weight: bold;  text-transform: uppercase; box-sizing: border-box; font-size: 20px; font-family: 'Droid Sans', sans-serif; position: absolute; top: 5px; left: 160px; }
</style>

<center><div class="samphone">

<div class="samphoneuser">you</div>
<div class="samphonename">contact</div>
<div class="samphonetext"><p>text or call goes here.</div>
<div class="samphoneimg"></div>
<div class="samphoneHUD"></div>
<div class="samphonetime">00:00 PM</div>

</div></center>[/dohtml]
^
Huginn
 Posted: Oct 15 2016, 08:00 PM
Quote
years
is
in
N/A posts
// N/A
Huginn


overview tab. this is a plotter template.
friends tab
lovers tab
enemies tab
charrie name


CODE
[dohtml]<center><link href='https://fonts.googleapis.com/css?family=Roboto+Condensed|Sirin+Stencil' rel='stylesheet' type='text/css'><style>
.tonyshipcontainer { width: 550px; height: 825px; background-image: url(https://65.media.tumblr.com/13c7b1c4e942ddb777e7d576b75b2879/tumblr_o7r0a4jMBy1ql0qdpo6_r2_1280.png); border: 0; position: relative; }
.tonyshipimg { width: 100px; height: 100px;  border-radius: 50%; position: absolute; top: 517px; left: 350px; }
.tonyshipHUD { width: 285px; height: 152px; position: absolute; top: 490px; left: 39px; background: url(https://67.media.tumblr.com/050297fe01e2cd3b754e85c7d0912fb4/tumblr_o7r0a4jMBy1ql0qdpo10_r1_400.gif) no-repeat; }
.tonyshipcontent { width: 360px; height: 285px; overflow: auto; text-align: justify; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; line-height: 100%; color: #d2f9fa; box-sizing: border-box; padding: 5px 8px 5px 5px; position: absolute; top: -5px; left: -366px; background-image: url(http://ultraimg.com/images/contentback.png); }
.tonyship ::-webkit-scrollbar-track { background: transparent; } .tonyship ::-webkit-scrollbar {  width: 5px; background: transparent; } .tonyship ::-webkit-scrollbar-thumb { radius: 5px;   background-color: #19544a; background-image: -webkit-gradient(linear, 0% 0%, 75% 100%, from(#00251f), to(#91f2f5), color-stop(.5, rgba(0, 37, 31, .2)), color-stop(.5, transparent), to(transparent));}
.tonyshipname { background: -webkit-linear-gradient(#d2f9fa, #8af1f4); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  padding: 10px; width: 500px; height: 60px; text-align: center; box-sizing: border-box;  font-size: 35px; font-family: 'Roboto Condensed', sans-serif; position: absolute; top: 680px; left: 25px; }
.tonyshiptabs { box-sizing: border-box; position: absolute; top: 200px; left: 430px;}
.tonyshiptab { display: block; }
.tonyshiptab label { display: block; font-family: 'Sirin Stencil', cursive; font-size: 40px; padding: 20px; border-radius: 25%; color: #91f2f5; }
.tonyshiptab input[type=radio]:checked ~ label { background: #91f2f5; transition: .2s ease; color: #00251f; } .tonyshiptab input[type=radio] { display: none; } .tonyshiptab input[type=radio]:checked ~ label ~ .tonyshipcontent { z-index: 50; }
</style>

<div class="tonyshipcontainer">
<div class="tonyshiptabs">
<div class="tonyshiptab">
<input type="radio" id="tonyshiptab-1" name="tonyshiptab-group-1" checked>
<label for="tonyshiptab-1">O</label>
<div class="tonyshipcontent">overview tab. this is a plotter template.</div></div>
<div class="tonyshiptab">
<input type="radio" id="tonyshiptab-2" name="tonyshiptab-group-1">
<label for="tonyshiptab-2">F</label>
<div class="tonyshipcontent">friends tab</div></div>
<div class="tonyshiptab">
<input type="radio" id="tonyshiptab-3" name="tonyshiptab-group-1">
<label for="tonyshiptab-3">L</label>
<div class="tonyshipcontent">lovers tab</div></div>
<div class="tonyshiptab">
<input type="radio" id="tonyshiptab-4" name="tonyshiptab-group-1">
<label for="tonyshiptab-4">E</label>
<div class="tonyshipcontent">enemies tab</div></div>
</div>
<div class="tonyshipimg"><img src="http://placehold.it/100" style="width:100px; height:100px; border-radius: 50%;"></div>
<div class="tonyshipHUD"></div>
<div class="tonyshipname">charrie name</div>

</div>
</center>[/dohtml]
^
Huginn
 Posted: Oct 15 2016, 08:13 PM
Quote
years
is
in
N/A posts
// N/A
Huginn


tony's template made by me. bold things! q tag!

tagshere


CODE
[dohtml]<center>
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<div class="tony">
<p>post
</div><div class=”tonytags”>@[name]</div></center>
<style type="text/css">
.tony { width: 350px; text-align: justify; font-size: 13px; font-family: 'Roboto Condensed', sans-serif; line-height: 100%; padding: 20px; border-left: outset #998800; border-top: outset #998800; border-right: inset #660000; border-bottom: inset #660000; color: #000; background-image: url("http://ultraimg.com/images/seamless-pattern-of-circuit-board-grey-2370.png"); }
.tony q { font-weight:525; color:#660000; }
.tony b { font-wight: 300; font-family: courier; font-size: 12px; color:#998800; }
.tonytags { width: 400px;  text-align: right; font-size: 10px; font-family: courier; line-height: 50%; }
</style>
[/dohtml]


listen up, bitchcakes; you just got a faceful of
my spider-bite
✴ ☢ ⚕ ☢ ✴
post goes here! bolded! italics! q tag here!
notes!


CODE
[dohtml]<center><div class="kuro-background1"><div class="kuro-lyrictop">listen up, bitchcakes; you just got a faceful of</div><div class="kuro-lyricbig">my spider-bite</div><div class="kuro-symbols">✴ ☢ ⚕ ☢ ✴</div><div class="kuro-post">

post

</div><div class="kuro-tagsnnotes">
@[name]
</div></div>
<div style="font-size: 10px; text-align: center; margin-top: 5px; line-height: 10px;">made by <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=5151">Little One</a> of <a href="http://candylandcouture.b1.jcink.com/index.php?act=idx">CANDYLAND</a></div></center>
<style> .kuro-background1 {background: rgba(102, 0, 0, .85);width: 400px;min-height: 250px;border-radius: 35px 0px 35px 0px;} .kuro-lyrictop {color: #FFF2BA;font-size: 10px;font-family: verdana;line-height: 25px;letter-spacing: 1px;text-transform: uppercase;padding-top: 5px;border-bottom: 3px #FFFBEF dotted;width: 360px;} .kuro-lyricbig {color: #FFF2BA;text-transform: lowercase;font-family: georgia;font-size: 28px;letter-spacing: 10px;line-height: 26px;} .kuro-post {color: #FFF2BA;font-family: calibri;font-size: 12px;text-align: justify;padding-left: 70px;padding-right: 70px;padding-top: 5px;padding-bottom: 10px;line-height: 14px;} .kuro-post q {color: #FFFBEF;} .kuro-symbols {color: #FFFBEF;font-size: 30px;line-height: 40px;} .kuro-tagsnnotes {color: #FFF2BA;font-size: 10px;font-family: calibri;padding-bottom: 10px;line-height: 10px;}</style>[/dohtml]


Template made by someone else. bolded! italic! q tag!

TAG
NOTES
CODE
tag
name
OHMAI


CODE
[dohtml]<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Alice|League+Script|Playfair+Display+SC:400,400italic);
#SBCM1bg{
background-color:#fff; background-image:url(http://ohmai.net/graphics/shine/bg/bg_sub_l1.png);
width:440px; height:650px;  border-bottom:20px solid #fff; position:relative; top:5px; margin-bottom:5px; -moz-box-shadow:0px 0px 3px 0px rgba(46,46,46,.1);  -webkit-box-shadow:0px 0px 3px 0px rgba(46,46,46,.1);  box-shadow:0px -1px 0px 0px rgba(46,46,46,.1); }
#SBCM1bg2{width:400px; height:580px; background-color:#fff; position:absolute; top:20px; left:20px;}
#SBCM1imgbg{
background-image:url(http://ultraimg.com/images/2016/09/13/gIey.png);
width:400px; height:200px; opacity:0.5; border-top:10px solid #fff; position:absolute; top:20px; left:20px;-moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
#SBCM1maintext{width:370px; height:325px; background-color:#fff; font-family:'Alice',serif; font-size:9px; color:#464646; text-shadow:0px 0px 1px #ccc; text-align:justify; -webkit-font-smoothing:antialiased; line-height:15px; padding:10px 15px 35px 15px; position:absolute; top:210px; left:0px; overflow-y:scroll; -moz-box-shadow:0px 3px 5px 2px rgba(200,200,200,.1); -webkit-box-shadow:0px 3px 5px 2px rgba(200,200,200,.1); box-shadow:0px 3px 5px 2px rgba(200,200,200,.1); }
#SBCM1maintext q {font-family:'Playfair Display',serif; font-size:10px; line-height:15px; color:#330F53;}
#SBCM1maintext::-webkit-scrollbar{width:6px; #fff; }
#SBCM1maintext::-webkit-scrollbar-button:start:decrement{height:35px; display:block; }
#SBCM1maintext::-webkit-scrollbar-button:end:increment{height:35px; display:block; }
#SBCM1maintext::-webkit-scrollbar-track-piece{background-color:#fff; }
#SBCM1maintext::-webkit-scrollbar-thumb{background-color:#ccc; -moz-box-shadow:3px 3px 10px 0px rgba(0,0,0,.1); -webkit-box-shadow:3px 3px 10px 0px rgba(0,0,0,.1); box-shadow:3px 3px 10px 0px rgba(0,0,0,.1); }
#SBCM1maintextfading{width:400px; height:50px; background-image:url(http://ohmai.net/graphics/shine/bg/bottomfadewhitelower.png); position:absolute; top:550px; left:20px}
#SBCM1maintextfading2{width:400px; height:50px; background-image:url(http://ohmai.net/graphics/shine/bg/bottomfadewhitelower.png); -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); position:absolute; top:220px; left:20px}
.SBCM1cap{display:inline-block; float:left; width:20px; height:10px; font-family:'League Script',cursive; font-size:45px; color:#464646; text-transform:uppercase; margin-top:5px; padding-top:5px; margin-right:14px; margin-left:3px; text-align:center; }
.SBCM1notes{width:110px; height:205px; background-color:#fff; overflow:hidden; position:absolute; top:-1px; right:11px; opacity:1.0; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.SBCM1notes A:link, .SBCM1notes A:visited, .SBCM1notes A:active {text-decoration:none; color:#222; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.SBCM1notes A:hover {color:#e03f19; text-shadow:0px 0px 1px #dfdfdf; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.SBCM1notes_desc{display:inline-block; width:45px; height:40px; overflow:hidden; border-right:1px dotted #464646; position:absolute; top:5px; left:5px; padding-right:5px; font-family:'Playfair Display',serif; font-size:8px; color:#464646; letter-spacing:2px; text-shadow:0px 0px 1px #ccc; text-transform:uppercase; text-align:right; line-height:13px; }
.SBCM1notes_edit{display:inline-block; width:50px; height:40px; overflow:hidden; position:absolute; top:5px; left:60px; font-family:'Playfair Display',serif; font-size:8px; color:#464646; letter-spacing:2px; text-shadow:0px 0px 1px #ccc; text-transform:uppercase; text-align:left; line-height:13px; }
#SBCM1imgbg:hover {opacity:1.0; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out;}
</style><center><div id="SBCM1bg"><div id="SBCM1bg2"><div id="SBCM1maintext"><p>

<span class="SBCM1cap">P</span>ost

</div></div>
<div id="SBCM1maintextfading"></div> <div id="SBCM1maintextfading2"></div> <div id="SBCM1imgbg"><div class="SBCM1notes"><span class="SBCM1notes_desc">TAG<br>NOTES<br>CODE</span><span class="SBCM1notes_edit">@[name]<br>
<a href="http://candylandcouture.b1.jcink.com/index.php?showuser=110" target="_blank">OHMAI</a></span>
</div></div></div>
</center>
[/dohtml]
^
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll


 


 

© cosmic american at CTTW.
RESOURCES & LISTINGS

RPG Initiative Shadowplay Topsites RPG-D RP Lovers a resource community Ruby Wings Listings RP Junction: a RPG directory

SISTER SITES

Mortal Ends The Multiverse

AFFILIATES

Black Static: A lit/adv Naruto AU X-MEN:GRANDCHILDREN OF THE ATOM [A RPG]


welcome back,
Guest
you have () new alerts.