hossam55

this is just facebook cover not web page so i wanted to make a one like it that is why i want a .psd file for

what is the name of the top part with a red arrow pointing on it or where i can find a psd for it ?

@DEFFIXi can't see your pics welcome all is it stoll works for ipb 4 ?

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