Jump to content

/as4/global/header_toolbar.png <== i want this psd file!


Recommended Posts

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
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

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 ; )

post-84432-1225255642_thumb.png

post-86-1225255642_thumb.png

Link to comment

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 ; )

post-84432-1225291883_thumb.png

post-86-1225291883_thumb.png

Link to comment

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.

post-1-1225470777_thumb.png

Link to comment
×
×
  • Create New...