mini-profile

[dohtml]<BR><BR><style type="text/css">.temphold{width:300px; background-color:#FFF; border-style: double; height:100%; border-color:#CCCCCC; padding:20px;}.text{width:90%; background-color:#F5F5F5; padding: 10px; border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align: justify; line-height:100%;}.text:first-letter{background-color:#A13030; font-size:18px; text-transform: uppercase; padding: 5px; float: left; color:#FFF;font-family: 'Playfair Display', serif; font-weight:700;line-height:100%; margin-right: 3px;}.temptitle{font-size:24px;font-family: 'Playfair Display', serif; font-weight:700; text-align: center; text-transform: lowercase; letter-spacing:-1px; color:#006666!important; line-height:100%;}</style><center><div class="temphold"><div class="temptitle">

reminder & instructions

</div><div class="calgen" style="padding-bottom:5px;">

read this!

</div>
<div class="text">

this mini-profile is strictly for this skin alone. you must credit me in the credits! anywho! here are the instructions. for each member group, insert the hex code of their group into 'group icon' (without the #). if you are unsure on how to set up mini profiles, <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showtopic=189051">here is a great tutorial</a> created by becky about how to set them up! make sure to replace 'YOUR SITE URL HERE' with your site's url! now create the following custom fields:

<p>

• field_1 - alias
• field_2 - gif (150x150)
• field_3 - age (in numbers)
• field_4 - job
• field_5 - application
• field_6 - shipper
• field_7 - quote

<P>place this code in the mini profile html template:

CODE

<center><style type="text/css">.normalname{display:none;}</style> <a href="YOUR SITE URL HERE/index.php?showuser=<!-- |id| -->"><div class="charname" style="color:#<!-- |g_icon| -->;"><!-- |author_name| --></div></a><div class="calgen" style="padding-bottom:5px">is currently <!-- |status| -->.</div><div class="bghold"><!-- |avatar| --><div class="profhold"><div class="hovertime"><div class="profquote"><!-- |field_7| --></div><img src="<!-- |field_2| -->" height=150px width=150px><table cellspacing="0" cellpadding="0"><tr><th><div class="profq1">age</div></th><th valign=top><div class="profa1"><!-- |field_3| --> YEARS OLD</div></th></tr><tr><th valign=top><div class="profq1">job</div></th><th valign=top><div class="profa1"><!-- |field_4| --></div></th></tr></table><table cellpadding="0" cellspacing="0"><tr><th><div class="profq2"><a href="<!-- |field_5| -->">application</a></div></th><th><div class="profq2" style="width:75px!important;"><a href="<!-- |field_6| -->">shipper</a></div></th></tr></table><table cellpadding="0" cellspacing="0"><tr><th><div class="profa3"><!-- |g_title| --></div></th><th><div class="profq3">group</div></th></tr><tr><th><div class="profa3"><!-- |field_1| --></div></th><th><div class="profq3">alias</div></th></tr><tr><th><div class="profa3"><!-- |posts| --> secrets</div></th><th><div class="profq3">posts</div></th></tr></table></div></div></div></center>

<P>now add this to the end of the stylesheet:

CODE

/*********************************** Mini-Profile by MISS TEXAS. ************************************/ .bghold{width:250px; height:400px; overflow:hidden; position:relative; border-top:2px solid #3E5E5E; border-bottom:1px solid #3E5E5E;} .bghold .profhold{width:230px; height:380px; padding:10px; position: absolute; top: 0px; left:0px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease; transition: all 1s ease; opacity: 0;} .bghold:hover .profhold{opacity: 1;}.hovertime{background-color:#FFF; border-style: double; border-color:#CCC; outline:2px solid #fff; height:332px; padding: 20px;} .charname{color:#A13030!important; font-family: 'Playfair Display', serif; font-weight:700; font-size: 24px; line-height:100%; padding-bottom: 0px; letter-spacing:-1px; text-transform: lowercase;} .profq1{width:50px; background-color:#A13030; color:#d1d1d1;border-top:1px solid #fff; font-family: 'calibri', sans-serif; font-size: 8px; text-transform:uppercase; letter-spacing: 1px; line-height:100%;padding: 5px 0px;} .profa1{width:100px; background-color:#F5F5F5;border-top:1px solid #fff;font-family: 'calibri', sans-serif; font-size: 8px; text-transform:uppercase; letter-spacing: 1px; line-height:100%; padding: 5px 0px;} .profq2{width:74px; background-color:#3E5E5E; color:#d1d1d1!important;border-top:1px solid #fff; font-family: 'calibri', sans-serif; font-size: 8px; text-transform:uppercase; letter-spacing: 1px; line-height:100%;padding: 5px 0px; border-right:1px solid #fff;} .profq2 a{color:#d1d1d1!important;} .profq3{width:50px; background-color:#A13030; color:#d1d1d1;border-top:1px solid #fff; font-family: 'calibri', sans-serif; font-size: 8px; text-transform:uppercase; letter-spacing: 1px; line-height:100%;padding: 5px 0px;} .profa3{width:100px; background-color:#F5F5F5;border-top:1px solid #fff;font-family: 'calibri', sans-serif; font-size: 8px; text-transform:uppercase; letter-spacing: 1px; line-height:100%; padding: 5px 0px;} .profquote{width:130px; background-color:#F5F5F5; max-height:50px; overflow: auto; color:#3e5e5e; text-align: justify; padding: 10px; line-height:100%;border-bottom:1px solid #fff;font-family: 'calibri', sans-serif; font-size: 8px; text-transform:uppercase; letter-spacing: 0px;} .profquote:first-letter{background-color:#A13030; font-size:18px; text-transform: uppercase; padding: 5px; float: left; color:#FFF;font-family: 'Playfair Display', serif; font-weight:700;line-height:100%; margin-right: 3px;}

<P>now credit me and you're done!
</div></div></center>[/dohtml]

site template

[dohtml]<BR><BR><style type="text/css">

.temphold{width:300px; background-color:#FFF; border-style: double; height:100%; border-color:#CCCCCC; padding:20px;}
.text{width:90%; background-color:#F5F5F5; padding: 10px; border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align: justify; line-height:100%;}
.text:first-letter{background-color:#A13030; font-size:18px; text-transform: uppercase; padding: 5px; float: left; color:#FFF;font-family: 'Playfair Display', serif; font-weight:700;line-height:100%; margin-right: 3px;}
.temptitle{font-size:24px;font-family: 'Playfair Display', serif; font-weight:700; text-align: center; text-transform: lowercase; letter-spacing:-1px; color:#006666!important; line-height:100%;}</style><center>

<div class="temphold">
<div class="temptitle">whoa, nice title!</div>
<div class="calgen" style="padding-bottom:5px;">and here are the subtitles!</div>
<div class="text">Here's a simple template that you can use for your site if you so wish. if you do use it, you must credit me. if you do not i will probably skin you alive and then wear it (kidding... except not really). but seriously. just include me in the credits part of the header! whoo! oh. also: this template is only for this skin. if i see it being used on a different site (without my permission), bad things will happen. thanks!</div></div>



</center>[/dohtml]

CODE

[dohtml]<BR><BR><style type="text/css">.temphold{width:300px; background-color:#FFF; border-style: double; height:100%; border-color:#CCCCCC; padding:20px;}.text{width:90%; background-color:#F5F5F5; padding: 10px; border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align: justify; line-height:100%;}.text:first-letter{background-color:#A13030; font-size:18px; text-transform: uppercase; padding: 5px; float: left; color:#FFF;font-family: 'Playfair Display', serif; font-weight:700;line-height:100%; margin-right: 3px;}.temptitle{font-size:24px;font-family: 'Playfair Display', serif; font-weight:700; text-align: center; text-transform: lowercase; letter-spacing:-1px; color:#006666!important; line-height:100%;}</style><center><div class="temphold"><div class="temptitle"> whoa, nice title! </div><div class="calgen" style="padding-bottom:5px;"> and here are the subtitles! </div> <div class="text"> text~ </div></div></center>[/dohtml]

testing forum

regular post with regular words!

CODE

code test code test code test code test code test code test

QUOTE

quote test quote test quote test quote test quote test quote test

Welcome To Your New Forum

------------------------------------------------------------------
Welcome to Jcink Forum Hosting!
------------------------------------------------------------------

Thanks for creating a forum with Jcink.com Services!

Now that you've registered your new board you may be interested in these sections that can help you learn more about how to make the best for your community.

------------------------
Helpful Links:
------------------------

Board Link: http://amanda003.jcink.net
Alternate Link: http://amanda003.jfbs.net

Support: http://forum.jcink.com/?showforum=4
Resources: http://resource.jcink.com
Documentation: http://jcink.com/main/wiki/jcink_forum_boards

-------------------------

Good luck with your new board! (You may delete or edit this post.)

If you need any help, feel free to contact support at any time!