Извините, если этот вопрос уже где-то освещался, искала - не нашла.
Подскажите, как сделать графическую рамку вокруг всего профиля как здесь?

Basic Setup
Avatar: 200 x 300

Fields:
Biography - field 1
Shipper - field 2
GIF - field 3 (160 x 150)
Character Age - field 4
Occupation - field 5
Alias - field 6
Theme - field 7

Put this in your board CSS:

CODE

/***************************************************
Dark Mint Mini Profile by Skye at CC and Shine
***************************************************/

#minikin {background:#222;width:200px;padding:10px 0;box-sizing:border-box;}
.minikina {position:relative;}
.minikina img {width:200px;height:300px;}
.minikinb img {width:200px;height:100px;border-top:2px solid #efefef;border-bottom:2px solid #efefef;}
.minikinc {position:absolute;width:200px;height:300px;top:0px;left:0px;opacity:0;overflow:hidden;-webkit-transition:0.3s linear all;transition:0.3s linear all;}
.minikinc table {border-collapse:collapse;}
.minikinc th {padding:0;}
#minikin:hover .minikinc {opacity:1;-webkit-transition:0.3s linear all;transition:0.3s linear all;}
.minikind, .minikine {position:absolute;top:140px;background:rgba(250,250,250,0.9);width:310px;height:10px;font:400 8pt/10px 'Century Gothic', arial;color:#111;text-transform:uppercase;letter-spacing:4px;padding:6px;}
.minikind {left:-151px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.minikine {right:-151px;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.minikind a, .minikine a {font:400 8pt/10px 'Century Gothic', arial;color:#4444aa;text-decoration:none;letter-spacing:2px;-webkit-transition:0.3s linear all;transition:0.3s linear all;}
.minikind a:hover, .minikine a:hover {color:#7777cc;letter-spacing:4px;-webkit-transition:0.3s linear all;transition:0.3s linear all;}
.minikinj img {width:160px;height:150px;}
.minikink,.minikinf,.miniking,.minikinh,.minikini {display:inline-block;background:rgba(20,20,20,0.9);font:400 11pt/15px 'Century Gothic', arial;color:#fefefe;text-transform:uppercase;letter-spacing:-1px;padding:6px;box-sizing:border-box;vertical-align:middle;margin:0;}
.minikinf,.minikini,.minikink {width:159px;margin:0 15px;height:30px;padding:10px 6px;background:rgba(250,250,250,0.9);color:#111;display:table-cell;}
.miniking {width:50px;height:30px;display:table-cell;}
.minikinh {width:110px;height:30px;display:table-cell;}
.minikinf, .minikini {font-size:8pt;letter-spacing:1px;padding:8px;}
.minikink {letter-spacing:0;height:60px;background:rgba(20,20,20,0.9);color:#fefefe;display:table-cell;}

And this little guy in your Profile Template:

CODE
<center><div id=minikin><div class=minikina><!-- |avatar| --><div class=minikinc><div class=minikind><a href="<!-- |field_1| -->">Biography</a></div><div class=minikine><a href="<!-- |field_2| -->">Shipper</a></div><table><tbody><tr><th class=minikinj><img src="<!-- |field_3| -->" /></th></tr><tr><th class=minikink><!-- |author_name| --></th></tr><tr><th><div class=miniking><!-- |field_4| --></div><div class=minikinh><!-- |field_5| --></div></th></tr><tr><th class=minikinf><!-- |posts| --> Posts</th></tr><tr><th class=minikini><!-- |field_6| --> is <!-- |status| -->.</th></tr></tbody></table></div></div><div class=minikinl><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" style="width:200px;height:15px;"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#222222" /><param name="FlashVars" value="mp3=<!-- |field_7| -->" /></object></div><div class=minikinb><img src="<!-- |g_icon| -->" /></div></div></center>

Tweaking Instructions For Use With G Title instead of Icon

If you'd like to change the g_icon into g_title, find the .minikinb img class in the css, delete it, and replace it with:

CODE
.minikinb {font:400 15pt/18px 'Century Gothic', arial;color:#efefef;text-transform:uppercase;padding:15px 4px;border-bottom:2px solid #efefef;}

Then in the template itself, find <div class=minikinb><img src="<!-- |g_icon| -->" /></div> and change that to:

CODE
<div class=minikinb><!-- |g_title| --></div>