Printable Version of Topic
Click here to view this topic in its original format
✘I MISS YOU > the basics > mini-profile


Posted by: amanda Dec 6 2014, 01:35 PM


reminder & instructions
read this!
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, here is a great tutorial 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:

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

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>

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;}

now credit me and you're done!


'
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)