Leaderboard

that is my 1st post and iam gonna explain how to make your user info panel look like this by replacing css codes sorry that the image is in arabic so we are going to go to Look & Feel > Manage Skin Sets & Templates > Manage Templates in IP.Board and chose CCs and chose ipb_styles.css search for .author_info { width: 155px; float: left; font-size: 12px; text-align: center; padding: 15px 10px;} replace with .author_info { width: 155px; font-size: 12px; text-align: center; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px; background: #EBF0F3; border-top: 1px solid #3B6796; border-right: 1px solid #3B6796; border-left: 1px solid #3B6796; border-bottom: 1px solid #3B6796; -moz-box-shadow: 0 2px 6px #002B5F; -webkit-box-shadow: -1px 2px 2px #002B5F; -moz-border-radius-bottom{vb:stylevar left}:6px; -moz-border-radius-top{vb:stylevar right}:6px; float: right;} then search for .author_info .member_title { margin-bottom: 5px; } replace with .author_info .member_title { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; background: url(http://www.ipbcity.net/forums/public/style_images/master/box.jpg); border-top: 1px solid #002B5F; border-right: 1px solid #002B5F; border-left: 1px solid #002B5F; border-bottom: 1px solid #002B5F; margin-bottom: 5px; text-align:center; -moz-box-shadow: 0 2px 6px #002551; -webkit-box-shadow: -1px 2px 2px #002551; margin-bottom: 5px;} and search for .ipsUserPhoto_large { width: 90px; height: 90px; } replace with .ipsUserPhoto_large { width: 90px; height: 90px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; background: url(http://www.ipbcity.net/forums/public/style_images/master/box.jpg); border-top: 1px solid #002B5F; border-right: 1px solid #002B5F; border-left: 1px solid #002B5F; border-bottom: 1px solid #002B5F; margin-bottom: 5px; text-align:center; -moz-box-shadow: 0 2px 6px #002551; -webkit-box-shadow: -1px 2px 2px #002551; margin-bottom: 5px;} search for .author_info .group_icon { margin-bottom: 3px; } replace with .author_info .group_icon { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; background: url(http://www.ipbcity.net/forums/public/style_images/master/box.jpg); border-top: 1px solid #002B5F; border-right: 1px solid #002B5F; border-left: 1px solid #002B5F; border-bottom: 1px solid #002B5F; margin-bottom: 5px; text-align:center; -moz-box-shadow: 0 2px 6px #002551; -webkit-box-shadow: -1px 2px 2px #002551; margin-bottom: 5px;} search for .author_info .group_title { font-weight: bold; color: #5a5a5a; margin-top: 5px; } replace with .author_info .group_title { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; background: url(http://www.ipbcity.net/forums/public/style_images/master/box.jpg); border-top: 1px solid #002B5F; border-right: 1px solid #002B5F; border-left: 1px solid #002B5F; border-bottom: 1px solid #002B5F; margin-bottom: 5px; text-align:center; -moz-box-shadow: 0 2px 6px #002551; -webkit-box-shadow: -1px 2px 2px #002551; margin-bottom: 5px; font-weight: bold; color: #5a5a5a; margin-top: 5px; } search for #user_navigation #new_msg_count, .poll_question h4,.rounded { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} replace with #user_navigation #new_msg_count, .poll_question h4,.rounded { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; background: url(http://www.ipbcity.net/forums/public/style_images/master/box.jpg); border-top: 1px solid #002B5F; border-right: 1px solid #002B5F; border-left: 1px solid #002B5F; border-bottom: 1px solid #002B5F; margin-bottom: 5px; text-align:center; -moz-box-shadow: 0 2px 6px #002551; -webkit-box-shadow: -1px 2px 2px #002551; margin-bottom: 5px;} search for .custom_fields { color: #818181; margin-top: 8px;} replace with .custom_fields { color: #818181; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; background: url(http://www.ipbcity.net/forums/public/style_images/master/box.jpg); border-top: 1px solid #002B5F; border-right: 1px solid #002B5F; border-left: 1px solid #002B5F; border-bottom: 1px solid #002B5F; margin-bottom: 5px; text-align:center; -moz-box-shadow: 0 2px 6px #002551; -webkit-box-shadow: -1px 2px 2px #002551; margin-bottom: 5px;} and then we add this code at the and of ipb_styles.css webflake { color: #a4a4a4; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; background: url(http://www.ipbcity.net/forums/public/style_images/master/box.jpg); border-top: 1px solid #002B5F; border-right: 1px solid #002B5F; border-left: 1px solid #002B5F; border-bottom: 1px solid #002B5F; margin-bottom: 5px; text-align:center; -moz-box-shadow: 0 2px 6px #002551; -webkit-box-shadow: -1px 2px 2px #002551; margin-bottom: 5px;} then we go to Global Templates >>>>>> userInfoPane search for <li class='post_count desc lighter'> replace with <li class='webflake'> we can also use custom css codes from vb forums from postbit or postbit_legacy template i hope i have helped thanks sorry for bad English and sorry for that screen shot

Custom made by phun (administrator)