دقیقن همین عکس.قسمتی که کنار نام کاربریش یه کادری هست
بله دقیقن,با کادر کناریش
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>My Page</title><link href="my-page/style.css" rel="stylesheet" type="text/css"></head><body><div id="pbax-layout"> <div id="pbax-layout-main"> <div id="pbax-layout-main-bd">
<br><br><br> <div id="pbax-layout-content" class="hbox"> <div id="pbax-page-hd"> <div id="pbax-page-hd-top" class="hbox"> <ul class="hbox">
<li id="pbax-page-hd-userInfo">aliyaghobi@ymail.com - ali@yaghobi.ir</li> <li> Group Owner
</li></ul><ul id="pbax-page-hd-top-actions" class="hbox"> <li id="pbax-page-hd-top-action-start"><a href="#">Home</a></li> <li id="pbax-page-hd-top-action-start"><a href="#">My Page</a></li> <li id="pbax-page-hd-top-action-start"><a href="#">My Blog</a></li> <li id="pbax-page-hd-top-action-start"><a href="#">My Friends</a></li> <li id="pbax-page-hd-top-action-start"><a href="#">Mailbox</a></li> <li id="pbax-page-hd-top-action-mygroups"><a href="#">Settings</a></li></ul></div> <div id="pbax-page-hd-bottom" class="hbox"> <div id="pbax-page-hd-title"> <h1>My Page</h1> <span id="pbax-page-hd-summary">· username</span> </div> </div></div><!--?ol # ---------- Left Nav ---------------- # ?--> <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr> <td class="pbax-gnav" valign="top" width="175px"> </td><!--?ol # ---------- Center Nav ---------------- # ?--> <td class="hentry" valign="top"> <div id="pbax-canvas-wrapper" class="hbox" style="padding-left:0px"> <div id="pbax-canvas"> <div class="pbax-box hbox"><div class="pbax-box-content"> <div class="pbax-box-disabled">Blog</div><br>
<div class="box"> <em>You have no blog entries.</em><br> <a href="#">Start a Blog</a> </div></div></div><br><div class="pbax-box hbox"><div class="pbax-box-content"> <div class="pbax-box-disabled">Profile Information</div><br>
<div class="box"> <a href="#">Create Profile</a> </div></div></div><br>
</div> </div> </td><!--?ol # ---------- Right Nav ---------------- # ?--> <td class="pbax-right-col" style="padding-left: 13px;" valign="top" width="200px"> <div class="pbax-box hbox"><div class="pbax-box-content"> <div class="pbax-box-disabled">Photos</div><br>
<div class="box"> <a href="#">Share Photos</a> </div></div></div><br> <div class="pbax-box hbox"><div class="pbax-box-content"> <div class="pbax-box-disabled">Friends</div><br>
<div class="box"> <a href="#">Invite Friends</a> </div></div></div><br> <div class="pbax-box hbox"><div class="pbax-box-content"> <div class="pbax-box-disabled">Groups</div><br>
<div class="box"> <a href="#">Start a Group</a> <br> <a href="#">Join a Group</a> </div></div></div> </td> </tr> </tbody></table>
</div>
</div> </div></div>
</body></html>html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
html,body,#pbax-layout{background-color:#fff;}body{text-align:left;color:#000;}
#pbax-layout-content{padding:0 12px;overflow:hidden;}.pbox{padding:12px;}.hbox{zoom:1;}.hbox:after{content:'';display:block;clear:both;}
a:link,a:visited{text-decoration:none;}a:link{color:#247cd4;}a:visited{color:#9136ad;}a:hover{text-decoration:underline;}
#pbax-page-hd-bottom{background-color:#295c7d;}
#pbax-layout{_margin-left:760px;_zoom:1;}
#pbax-layout-main{_position:relative;_float:left;_margin-left:-760px;}
#pbax-layout-main-bd{min-width:760px;_zoom:1;}
#pbax-page-hd{margin:0 0 12px;zoom:1;border:1px solid #7b9ebd;}
#pbax-page-hd-top,#pbax-page-hd-bottom{padding:5px 10px;}
#pbax-page-hd-top{padding:7px 10px;background:#fff;}
li#pbax-page-hd-userInfo{border-right:1px solid black;margin:0;}
#pbax-page-hd-top ul{float:left;display:inline;}
ul#pbax-page-hd-top-actions,#pbax-page-hd-bottom #pbax-page-hd-search{float:right;display:inline;}
#pbax-page-hd-top li{float:left;display:inline;padding:0 5px 0 0;margin:0 0 0 5px;line-height:90%;*line-height:110%;}
li#pbax-page-hd-top-action-start{border-right:1px solid black;margin:1;}
#pbax-page-hd-bottom div{float:left;display:inline;}
#pbax-page-hd-bottom h1{color:#fff;font-size:123.1%;font-weight:bold;display:inline;}
#pbax-page-hd-bottom #pbax-page-hd-summary{color:#fff;font-size:123.1%;font-family:Georgia,"Times New Roman",Serif;}
#pbax-page-hd-title{color:#fff;}
.pbax-box-content{padding:10px 15px;background:#fff;}
.pbax-box{border:1px solid #7B9EBD;}
div.pbax-box-disabled{color:#666;display:inline;font-size:10px;}
div.box{text-align:center;padding:20px 0 40px 0;}div.box em{font-style:italic;}
div.box a{font-weight:bold;}