prologue
nce upon a city is a ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
staff
credit
skin made for ouac by hedgie
table of contents
newest chapters
#/# update here

#/# update here

#/# update here

affiliates

 
Add Reply
New Topic
New Poll

 hedgie makes templates, shrug
HEDGIE
 Posted: Jul 15 2015, 11:03 PM
Quote


so i make templates and stuff and i just figured i'd take requests!!!!!

examples are literally all over the place, i p much only use my own templates

just tell me who it's for (as in like which character), what colors you want, any hover effects (AS IN THESE), patterns, shapes, idk. just kinda describe what you want i guess??? usually i get an idea because i think it'll work well with the character and i roll with it lmao
PMWebsite
^
HEDGIE
 Posted: Jul 17 2015, 12:57 AM
Quote


for dani<3

post goes here!!

don't forget your paragraph breaks

aurora's color is c979ff!

colorbold not boldcolor

image should be 500x280px!! image resizes automatically!! i found a lot of 500x280 barbara palvin gifs so. it's okay if the height is off by a couple pixels (like 282 or something). if the height is way off, you can probably just adjust the height of this div to make up for it!

you'll have to edit anything in full edit mode because if you use quick edit the icons mess up?? idfk tbh

outfit
words
tagged
notes


CODE
[dohtml]<center>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<style type="text/css">

.hvr-radial-out {
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 position: relative;
 overflow: hidden;
 -webkit-transition-property: color;
 transition-property: color;
 -webkit-transition-duration: 2s;
 transition-duration: 2s;
 opacity: 0;
}
.hvr-radial-out:before {
 content: "";
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: #e3dddc;
 border-radius: 100%;
 -webkit-transform: scale(0);
 transform: scale(0);
 -webkit-transition-property: transform;
 transition-property: transform;
 -webkit-transition-duration: 2s;
 transition-duration: 2s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
 opacity: 1;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
 opacity: 1;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 1;
}
@-webkit-keyframes hvr-icon-drop {
 0% {
   opacity: 0;
 }

 50% {
   opacity: 0;
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
 }

 51%,
 100% {
   opacity: 1;
 }
}

@keyframes hvr-icon-drop {
 0% {
   opacity: 0;
 }

 50% {
   opacity: 0;
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
 }

 51%,
 100% {
   opacity: 1;
 }
}

.hvr-icon-drop {
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 position: relative;
}
.hvr-icon-drop:before {
 content: "❀";
 position: relative;
 opacity: 1;
 font-family: FontAwesome;
 font-size: 20px;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
 opacity: 0;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-animation-name: hvr-icon-drop;
 animation-name: hvr-icon-drop;
 -webkit-animation-duration: 0.5s;
 animation-duration: 0.5s;
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
 animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

</style>

<div style="width: 350px; height: 550px; padding: 25px; background-image: url(http://i1135.photobucket.com/albums/m638/thepanicapocolypse/aurorabg_zpsw2zxfyte.png);">

<div class="hvr-radial-out" style="width: 330px; height: 530px; padding: 10px;">

<div style="height: 200px;">
<img src="http://placehold.it/500x280" width="330px"></img></div>

<div style="width: 330px; height: 275px; overflow: auto; font-family: verdana; text-align: justify; margin-bottom: 10px; line-height: 99%; text-indent: 5%;">

<p>post goes here!!</P>

<P>don't forget your paragraph breaks</P>

<P>aurora's color is c979ff!</P>

<P>colorbold not boldcolor</P>

<P>image should be 500x280px!! image resizes automatically!! i found a lot of 500x280 barbara palvin gifs so. it's okay if the height is off by a couple pixels (like 282 or something). if the height is way off, you can probably just adjust the height of this div to make up for it! </P>

<P>you'll have to edit anything in full edit mode because if you use quick edit the icons mess up?? idfk tbh</P>

  </div>

<font style="font-family: perpetua; font-size: 25px; text-transform: none;">outfit </font> <div class="hvr-icon-drop"> </div> <font style="font-family: dancing script; font-size: 25px; text-transform: none; color: #599400;">words</font> <div class="hvr-icon-drop"> </div>
<font style="font-family: perpetua; font-size: 25px; text-transform: none; color: #d1af02;">tagged</font> <br>
<font style="font-family: dancing script; font-size: 25px; text-transform: none; color: #c979ff;">notes</font>


</div>


</div>

[URL=http://onceuponacity.jcink.net/index.php?showtopic=525]❀[/URL]

[/dohtml]
PMWebsite
^
HEDGIE
 Posted: Jul 23 2015, 12:11 AM
Quote


for sully:

post here

outfit • tagged • notes


CODE
[dohtml]<center><link href='http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy|Bangers' rel='stylesheet' type='text/css'>
<style type="text/css">

.hvr-shutter-out-horizontal {
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 position: relative;
 -webkit-transition-property: color;
 transition-property: color;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 opacity: 0;
}
.hvr-shutter-out-horizontal:before {
 content: "";
 position: absolute;
 z-index: -1;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: #e1e1e1;
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: 50%;
 transform-origin: 50%;
 -webkit-transition-property: transform;
 transition-property: transform;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
 opacity: 1;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
}

</style>

<div style="width: 350px; height: 550px; background-image: url(http://i58.tinypic.com/ao011s.png); padding: 25px;">

<div class="hvr-shutter-out-horizontal" style="width: 350px; height: 550px;"><img src="http://placehold.it/350x150" width="350px">

<div style="width: 330px; height: 330px; overflow: auto; padding: 10px; text-align: justify; text-indent: 5%; font-family: 'Sorts Mill Goudy';">

post here

</div><br>

<center><font style="font-family: bangers; font-size: 20px;"> outfit • tagged • notes</font></center>
</div>

</div>

[/dohtml]
PMWebsite
^
HEDGIE
 Posted: Aug 20 2015, 05:40 PM
Quote


for sully:

outfit
tagged
notes
post here!!!


CODE
[dohtml]<center>
<link href='http://fonts.googleapis.com/css?family=Indie+Flower|Raleway:700|Domine' rel='stylesheet' type='text/css'>
<style type="text/css">

.iheartharper {
-moz-transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
opacity: 0;
}

.iheartharper:hover {
-moz-transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
opacity: 1;
}
</style>
<br>

<div style="background-image: url(HARPER IMAGE); background-size: 400px; width: 400px; height: 200px; margin-bottom: -775px; margin-top: 629px;">

<div class="iheartharper">

<div style="background-color: #3f0073; padding: 25px; width: 350px; height: 150px;">
<div style="position: relative; top: 50%; transform: translateY(-50%); color: white;">
<font style="font-family: raleway; font-size: 25px;">

OUTFIT

</font><br>
<font style="font-family: indie flower; font-size: 35px; text-transform: lowercase;">

TAGGED

</font>
<br>
<font style="font-family: raleway; font-size: 25px;">

NOTES

</font></div>

</div></div></div>

<div style="background-image: url(http://i57.tinypic.com/10i8n6c.jpg); width: 350px; height: 475px; padding: 25px 25px 125px 25px;">

<div style="background-color: #e1d8e8; width: 300px; height: 425px; padding: 25px; overflow: auto; font-family: domine; text-indent: 5%; text-align: justify; text-transform: none; line-height: 99%;"> <P>sully i love harper so much thank you for making her you are absolutely the beST and i know you can't post that often but it's oke <3333 harpelope forever and always </P>

<P>xoxoxo hedgie <3</P>
</div>

</div>

<div style="width: 400px; height: 200px;"></div>
[/dohtml]
PMWebsite
^
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
Fast Reply
New Topic
New Poll