composee Posted October 28, 2008 Report Share Posted October 28, 2008 hi timan..i'd like to change my head hight!can u post header_toolbar.png <==psd file?thanks ; ) Link to comment
Timan Posted October 28, 2008 Report Share Posted October 28, 2008 I don't have a psd for it, but since its a png you should be able to easily edit it (has transparency and what not).If anything the as4_mockup.psd file might be useful for what you want. Its packed with the skin.Hope that helps, Link to comment
composee Posted October 28, 2008 Author Report Share Posted October 28, 2008 After changing hight size header_toolbar.png file, and then.. where css code can i change? Link to comment
Timan Posted October 28, 2008 Report Share Posted October 28, 2008 After changing hight size header_toolbar.png file, and then.. where css code can i change?#tb-nav { height: 55px;}ul#tb-icons { margin: 0; padding: 0; list-style: none;}ul#tb-icons li { float: left; margin: 0 0 0 1px; padding: 0;}ul#tb-icons li a { padding: 5px 6px 4px 6px; display: block; color: #000000; font-size: 11px; text-align: center; text-decoration: none; line-height: 13px;}ul#tb-icons li a img { margin: 0 auto 0 auto; width: 32px; background-image: url(../../images/as4/global/toolbar_icons.png); background-repeat: no-repeat; height: 32px;}That bit of css controls most of the bit in the toolbar. If you want bigger icons in the toolbar you'll have to change the values for ul#tb-icons li a img stuff like that. If you need specific help, let me know exactly what you're trying to do and I'll help out as much as I can. Link to comment
composee Posted October 29, 2008 Author Report Share Posted October 29, 2008 timan~ i have chenged header_logo png file size : 77px --> 154px and code chage too.. #header-tb { margin: 0 4px 0 4px; background: url(images/as4/global/header_toolbar.png) repeat-x 0px -154px; height: 154px;}#header-tb-r { float: right; width: 4px; background: url(images/as4/global/header_toolbar.png) no-repeat right -77px; height: 154px;}#header-tb-l { float: left; width: 4px; background: url(images/as4/global/header_toolbar.png) no-repeat left 0px; height: 154px;} and i chage this code too.. from 950px to 1030px #wrapper { margin: 0 auto; text-align: left; max-width: 1030px; min-width: 1030px;} but check the picture! i'd like to remove that picture problem.. how can i fix that? teach me! thanks ; ) Link to comment
composee Posted October 29, 2008 Author Report Share Posted October 29, 2008 i fixed some problem by myself.. but still something wrong~ ; ) help me timan~ #header-tb { margin: 0 4px 0 4px; background: url(images/as4/global/header_toolbar.png) repeat-x 0px -308px; height: 154px;}#header-tb-r { float: right; width: 4px; background: url(images/as4/global/header_toolbar.png) no-repeat right -154px; height: 154px;}#header-tb-l { float: left; width: 4px; background: url(images/as4/global/header_toolbar.png) no-repeat left 0px; height: 154px;} and #wrapper { margin: 0 auto; text-align: left; max-width: 1030px; min-width: 1030px;} but check the picture! i'd like to remove that picture problem.. how can i fix that? teach me! thanks ; ) Link to comment
composee Posted October 31, 2008 Author Report Share Posted October 31, 2008 answer me plz timan ; ) Link to comment
Timan Posted October 31, 2008 Report Share Posted October 31, 2008 Replace this image thats attached to this post. Then replace the following css. #shad-th-r { padding-right: 36px; background: url(images/as4/global/shad_top_header.png) no-repeat right -78px;} With #shad-th-r { padding-right: 36px; background: url(images/as4/global/shad_top_header.png) no-repeat right -250px;} That should fix that. Link to comment
composee Posted November 1, 2008 Author Report Share Posted November 1, 2008 perfectly working! thanks~ : ) Link to comment
Recommended Posts