|
Page 1 of 2
|
xmenfile 
Joined: September 2007
Posts: 482
Location:  Right in front of my computer
|
 Header Image Background
Hi,
I have installed, set up my site up run good so far, but not in public yet. I want o create a header image background , but could not do it right. I am not good @ designing, it come out either small, stretch or too big. I have searched here and Template & Style forum, but did not find what i am looking for. Can anyone show me how to it? BTW, I am using IP and MilkyWay.
Thank you so much,
xmen
|
#1 Sat 02 Feb, 2008 06:39 |
|
Sponsors

|
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.
|
|
Press 22 
Joined: June 2007
Posts: 101
Location:
|
 Re: Header Image Background
I would be glad to help just let me know what you need.
____________ Running two Icy forums on one server
|
#2 Sat 02 Feb, 2008 22:06 |
|
xmenfile 
Joined: September 2007
Posts: 482
Location:  Right in front of my computer
|
 Re: Header Image Background
Thank you Press 22,
I have this pic and would like to know how to make it as header background.
Description: |
|
 Download |
Filename: |
magj93.jpg |
Filesize: |
53.3 KB |
Downloaded: |
186 Time(s) |
|
#3 Sun 03 Feb, 2008 01:04 |
|
Zuker 
Joined: August 2006
Posts: 2134
Location:  BA
|
 Re: Header Image Background
do you want to resize that image for being a header?
____________ ? Zuker - EDDB - LPM - Sharefields
|
#4 Tue 05 Feb, 2008 01:08 |
|
xmenfile 
Joined: September 2007
Posts: 482
Location:  Right in front of my computer
|
 Re: Header Image Background
Absolutely yes. I don't want my header that big. I am sorry abou that.
|
#5 Tue 05 Feb, 2008 02:49 |
|
Zuker 
Joined: August 2006
Posts: 2134
Location:  BA
|
 Re: Header Image Background
Absolutely yes. I don't want my header that big. I am sorry abou that.
What size do u want
____________ ? Zuker - EDDB - LPM - Sharefields
|
#6 Tue 05 Feb, 2008 13:34 |
|
xmenfile 
Joined: September 2007
Posts: 482
Location:  Right in front of my computer
|
 Re: Header Image Background
I want it standard size for milky way. but if you can tell me how it could be done? I try to it my own, i appreciate it.
|
#7 Tue 05 Feb, 2008 14:49 |
|
Zuker 
Joined: August 2006
Posts: 2134
Location:  BA
|
 Re: Header Image Background
____________ ? Zuker - EDDB - LPM - Sharefields
|
#8 Tue 05 Feb, 2008 18:04 |
|
xmenfile 
Joined: September 2007
Posts: 482
Location:  Right in front of my computer
|
 Re: Header Image Background
http://www.icyphoenix.com/files/images/15/header.jpg
970 * 150, milky header size
Thank you Zuker, i did not know it 's 970 in width. I read it somewhere it's 730 or 1024 that's why i could not make it fit.
Thank you again, cheers
|
#9 Tue 05 Feb, 2008 23:21 |
|
Chaotic 
Joined: January 2008
Posts: 1369
Location:  Georgia
|
 Re: Header Image Background
I think we have, had, the same problem.
I used the size dimensions mentioned by Zuker for my banner and it almost works. I have attached a screenshot of my banner problem.
Every time I try to increase the length of my banner through Photoshop, it pushes the site to the right, leaving that gray line on the right. If you look closely, you'll see the problem. The height is perfect. There has got to be something in the code that keeps pushing the site to the right when I add the banner.
I'm using the Black Pearl template, editing overall_header_bl, and running IP 1.1.10.25 RC3.
You can take a "live" look at the problem at http://www.thelocclan.com
____________ | Icy Phoenix ColorizeIt! |
Bipolar Disorder - Not good for you and definitely not good for everyone else.
Last edited by Chaotic on Wed 06 Feb, 2008 16:06; edited 1 time in total |
#10 Wed 06 Feb, 2008 16:06 |
|
Zuker 
Joined: August 2006
Posts: 2134
Location:  BA
|
 Re: Header Image Background
I think we have, had, the same problem.
I used the size dimensions mentioned by Zuker for my banner and it almost works. I have attached a screenshot of my banner problem.
Every time I try to increase the length of my banner through Photoshop, it pushes the site to the right, leaving that gray line on the right. If you look closely, you'll see the problem. The height is perfect. There has got to be something in the code that keeps pushing the site to the right when I add the banner.
I'm using the Black Pearl template, editing overall_header_bl, and running IP 1.1.10.25 RC3.
You can take a "live" look at the problem at http://www.thelocclan.com
Your header it's right sized
____________ ? Zuker - EDDB - LPM - Sharefields
|
#11 Wed 06 Feb, 2008 22:22 |
|
xmenfile 
Joined: September 2007
Posts: 482
Location:  Right in front of my computer
|
 Re: Header Image Background
I need some helps please. I need to set it as background, replace the orange background. Look at what I did, it's not right. Please let me know what file and how to fix it?
Thanks a bunch, 
Solved
Thank you , cheers
Last edited by xmenfile on Thu 07 Feb, 2008 05:04; edited 2 times in total |
#12 Wed 06 Feb, 2008 22:46 |
|
Chaotic 
Joined: January 2008
Posts: 1369
Location:  Georgia
|
 Re: Header Image Background
I think we have, had, the same problem.
I used the size dimensions mentioned by Zuker for my banner and it almost works. I have attached a screenshot of my banner problem.
Every time I try to increase the length of my banner through Photoshop, it pushes the site to the right, leaving that gray line on the right. If you look closely, you'll see the problem. The height is perfect. There has got to be something in the code that keeps pushing the site to the right when I add the banner.
I'm using the Black Pearl template, editing overall_header_bl, and running IP 1.1.10.25 RC3.
You can take a "live" look at the problem at http://www.thelocclan.com
Your header it's right sized
Have any idea what could be causing the gray area on the right of the banner? Here is my overall_header_bl.tpl file:
{DOCTYPE_HTML}
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
{META}
{META_TAG}
{NAV_LINKS}
<title>{PAGE_TITLE}</title>
<!-- INCLUDE overall_include.tpl -->
</head>
<body>
<span><a name="top"></a></span>
{TOP_HTML_BLOCK}
{PROFILE_VIEW}
<!-- {GREETING_POPUP} -->
<table width="100%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td class="leftshadow" width="9" valign="top"><img src="{FULL_SITE_PATH}{SPACER}" alt="" width="9" height="1" /></td>
<td width="100%" valign="top">
<table id="forumtable" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="3" valign="top">
<div id="top_logo">
<table class="" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="150" align="left" valign="middle"><a href="{FULL_SITE_PATH}{U_PORTAL}" title="{L_HOME}"><img src="http://www.thelocclan.com/phpBB2/images/locbanner.jpg" alt="{L_HOME}" title="{L_HOME}"/></a></td>
<td align="center" valign="middle">
<!-- BEGIN switch_header_banner -->
<center><br />{HEADER_BANNER_CODE}</center>
<!-- END switch_header_banner -->
</td>
<td align="right" valign="top">
<!-- <div class="sitedes"><h1>{SITENAME}</h1><h2>{SITE_DESCRIPTION}</h2></div> -->
<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<!-- END switch_user_logged_out -->
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td class="forum-buttons" colspan="3" width="100%">
<a href="{FULL_SITE_PATH}{U_PORTAL}">{L_HOME}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- BEGIN switch_upi2db_off -->
<a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<span style="vertical-align:top;">{L_POSTS}: </span><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a><span style="vertical-align:top;"> • </span>{L_DISPLAY_U}<span style="vertical-align:top;"> • </span>{L_DISPLAY_M}<span style="vertical-align:top;"> • </span>{L_DISPLAY_P} <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<a href="{FULL_SITE_PATH}{U_PROFILE}">{L_PROFILE}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_user_logged_in -->
<a href="{FULL_SITE_PATH}{U_SEARCH}">{L_SEARCH}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<a href="{FULL_SITE_PATH}{U_FAQ}">{L_FAQ}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- BEGIN switch_user_logged_out -->
<a href="{FULL_SITE_PATH}{U_REGISTER}">{L_REGISTER}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_user_logged_out -->
<a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT2}</a>
</td>
</tr>
<!-- TOP LINKS -->
<!-- BEGIN switch_header_table -->
<tr>
<td width="100%" colspan="3">
<table class="forumline" width="100%" style="margin-left:10%;margin-right:10%;" cellspacing="0" cellpadding="0">
<tr><td class="row-header"><span>{L_STAFF_MESSAGE}</span></td></tr>
<tr><td class="row-post"><br /><div class="post-text">{switch_header_table.HEADER_TEXT}</div><br /><br /></td></tr>
</table>
</td>
</tr>
<!-- END switch_header_table -->
<!-- BEGIN ctracker_message -->
<tr>
<td width="100%" colspan="3">
<table class="forumline" width="100%" style="margin-left:10%;margin-right:10%;" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="background-color:#{ctracker_message.ROW_COLOR};"><img src="{ctracker_message.ICON_GLOB}" alt="" title="" /></td>
<td align="center" style="background-color:#{ctracker_message.ROW_COLOR};"><div class="gensmall">{ctracker_message.L_MESSAGE_TEXT}</div></td>
</tr>
<tr>
<td class="row1 row-center" colspan="2">
<div class="gensmall"><b><a href="{ctracker_message.U_MARK_MESSAGE}">{ctracker_message.L_MARK_MESSAGE}</a></b></div><br />
</td>
</tr>
</table>
</td>
</tr>
<!-- END ctracker_message -->
<tr>
<td colspan="3" id="content">
<!--
<a href="javascript:ShowHide('news','news2','news');" title="{L_SHOW} {NEWS_TITLE}"><img src="{IMG_NAV_MENU_NEWSPAPER}" alt="{L_SHOW} {NEWS_TITLE}" /></a>
<a href="javascript:ShowHide('quick_links','quick_links2','quick_links');" title="{L_SHOW} {L_QUICK_LINKS}"><img src="{IMG_NAV_MENU_APPLICATION}" alt="{L_SHOW} {L_QUICK_LINKS}" /></a>
<a href="javascript:ShowHide('calendar_display','calendar_open_close','quick_links');" title="{L_SHOW} {L_CALENDAR}"><img src="{IMG_CALENDAR}" alt="{L_SHOW} {L_CALENDAR}" /></a>
-->
<!-- BEGIN switch_user_logged_in -->
<div class="popup{PRIVMSG_IMG}"><a href="{FULL_SITE_PATH}{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_admin_disable_board -->
<table width="100%" align="center" cellspacing="0" cellpadding="10" border="0">
<tr><td align="center" class="forumline-no"><div class="genmed"><div class="topic_ann">{L_BOARD_DISABLE}</div></div></td></tr>
</table>
<!-- END switch_admin_disable_board -->
<!-- BEGIN switch_importal -->
{PORTAL_HEADER}
<table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
{PORTAL_HEADERLEFT}
<td valign="top">
{PORTAL_HEADERCENTER}
<!-- END switch_importal -->
____________ | Icy Phoenix ColorizeIt! |
Bipolar Disorder - Not good for you and definitely not good for everyone else.
|
#13 Thu 07 Feb, 2008 11:44 |
|
xmenfile 
Joined: September 2007
Posts: 482
Location:  Right in front of my computer
|
 Re: Header Image Background
Well, it depends on how do you want to set it. In you case, you set it as a logo like IP on this site, insteads your is bigger. It looks fine if anyone view it in small screen, but it stretch out if it's bigger screen than your logo size. Mine, i set it as a background, no link when you move mouseover. If you do my way, then you'll need to edit it in the style_p_black.css file. I hope, that helps.
good luck
|
#14 Thu 07 Feb, 2008 13:29 |
|
Chaotic 
Joined: January 2008
Posts: 1369
Location:  Georgia
|
 Re: Header Image Background
Well, it depends on how do you want to set it. In you case, you set it as a logo like IP on this site, insteads your is bigger. It looks fine if anyone view it in small screen, but it stretch out if it's bigger screen than your logo size. Mine, i set it as a background, no link when you move mouseover. If you do my way, then you'll need to edit it in the style_p_black.css file. I hope, that helps.
good luck
Are you using Icy Phoenix 1.1.10.25 RC3?
I know this sounds stupid but where in the file (style_p_black.css) do I make the changes? I think I have the general area narrowed down:
#top_logo{
border: 0px solid #181818;
background: url(images/p_black/top_header.png) repeat;
/* background: url(images/p_black/top_header_ts.png) repeat; */
/* MG XMas */
/*background: url(images/p_black/xmas/xmas_header.png);*/
/* MG XMas */
height: 150px;
}
Is that the correct area and if it is, where do I make the change?
Thanks for your help.
____________ | Icy Phoenix ColorizeIt! |
Bipolar Disorder - Not good for you and definitely not good for everyone else.
|
#15 Fri 08 Feb, 2008 15:32 |
|
|
Page 1 of 2
|
Was this topic useful?
Was this topic useful?
Link this topic |
URL |
|
BBCode |
|
HTML |
|
You cannot post new topics You cannot reply to topics You cannot edit your posts You cannot delete your posts You cannot vote in polls You cannot attach files You can download files You cannot post calendar events
|
|
|
|