Jump to content


- - - - -

IP.Board 2.3: Resizing the header on the IP. Board Pro Skin

Started by AndyF, Feb 06 2009 01:29 PM

  • Please log in to reply
12 replies to this topic

#1 AndyF

AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,414 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 06 February 2009 - 01:29 PM

This is the support topic for the tutorial Resizing the header on the IP. Board Pro Skin.  Please post here if you have any questions or feedback.

#2 Kaly

Kaly

    Advanced Member

  • IM Supporters
  • PipPipPipPip
  • 59 posts
  • Real Name:hey you!
  • IPB Version:v2.3.x

Posted 06 February 2009 - 01:55 PM

Way cool, Andy!!

#3 buzzlightyear

buzzlightyear

    Coder

  • IM Supporters
  • PipPipPipPipPip
  • 207 posts
  • Location:Quebec, Canada
  • Real Name:Daniel
  • IPB Version:v3.0.x

Posted 19 May 2009 - 05:08 PM

I did what you say but it's too big.. How can i fix it please...?

Board Header and Footer Wrapper

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" />
<link rel="shortcut icon" href="favicon.ico" />
<title><% TITLE %></title>
<% GENERATOR %> 
<% CSS %> 
<% JAVASCRIPT %> 
<!--FINAL_COUNTDOWN_META-->
</head> 
<body>
<% BOARD HEADER %>
<div id="ipbwrapper">
<% MEMBER BAR %>
<% ANNOUNCEMENT %>
<!--FINAL_COUNTDOWN-->
<% SHOUTBOX %>
<% NAVIGATION %>
<!--IBF.NEWPMBOX-->
<% BOARD %>
<% BOARD FOOTER %>
<% STATS %> 
<% COPYRIGHT %>
</div>
</body> 
</html>

Attached Files


#4 AndyF

AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,414 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 19 May 2009 - 06:48 PM

There might be something else causing that. Just make sure that this...
<% BOARD HEADER %>
<div id="ipbwrapper">

Gets changed to this (you are just putting the div for the wrapper above the header line) , like this...
<div id="ipbwrapper">
<% BOARD HEADER %>

;)

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#5 buzzlightyear

buzzlightyear

    Coder

  • IM Supporters
  • PipPipPipPipPip
  • 207 posts
  • Location:Quebec, Canada
  • Real Name:Daniel
  • IPB Version:v3.0.x

Posted 19 May 2009 - 06:57 PM

well now , it look like this

Posted Image

Thanks

#6 AndyF

AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,414 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 20 May 2009 - 10:32 AM

That's strange ;)

Ok. Make a note of where they are in your list and (temporarily) remove these three.

<!--FINAL_COUNTDOWN_META-->
<!--FINAL_COUNTDOWN-->
<% SHOUTBOX %>

What does it look like now ? (on the index page, not the Unreal Portal) ? :)

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#7 buzzlightyear

buzzlightyear

    Coder

  • IM Supporters
  • PipPipPipPipPip
  • 207 posts
  • Location:Quebec, Canada
  • Real Name:Daniel
  • IPB Version:v3.0.x

Posted 20 May 2009 - 11:15 AM

on the index it was already ok..it's only in the portal that looks like not good.

#8 AndyF

AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,414 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 20 May 2009 - 12:43 PM

View Postbuzzlightyear, on May 20 2009, 12:15 PM, said:

on the index it was already ok..it's only in the portal that looks like not good.

Going to be an Unreal Portal issue then...

Not too sure what to suggest regarding that as I have never really used it...

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#9 AndyF

AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,414 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 20 May 2009 - 12:44 PM

View Postbuzzlightyear, on May 20 2009, 12:15 PM, said:

on the index it was already ok..it's only in the portal that looks like not good.

Going to be an Unreal Portal issue then...

Not too sure what to suggest regarding that as I have never really used it...

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#10 buzzlightyear

buzzlightyear

    Coder

  • IM Supporters
  • PipPipPipPipPip
  • 207 posts
  • Location:Quebec, Canada
  • Real Name:Daniel
  • IPB Version:v3.0.x

Posted 21 May 2009 - 12:35 PM

That is what i have for choice inside the Unreal portal template

  • block_end

  • Template block_start

  • Template br

  • Template column_end

  • Template column_start

  • Template general_block

  • Template latest_posts_big_end

  • Template latest_posts_big_row

  • Template latest_posts_big_start

  • Template latest_posts_row

  • Template login

  • Template mini_cal_date_cell

  • Template mini_cal_date_cell_today

  • Template mini_cal_mini_wrap

  • Template new_members_end

  • Template new_members_row

  • Template new_members_start

  • Template news_attachments_js

  • Template news_block

  • Template no_content

  • Template poll_header

  • Template poll_show_rendered_choice

  • Template portal_end

  • Template portal_start

  • Template site_search

  • Template stats_footer

  • Template stats_header

  • Template table_end

  • Template table_start

  • Template td_row

  • Template th_row

  • Template top_forums_end

  • Template top_forums_row

  • Template top_forums_start

  • Template top_posters_end

  • Template top_posters_row

  • Template top_posters_start

  • Template tr_end

  • Template tr_start

  • Template web_search

Really don't know where to check..

thanks

#11 AndyF

AndyF

    Cogito ergo sum

  • Management
  • PipPipPipPipPipPipPipPipPipPip
  • 8,414 posts
  • Location:Derby, UK
  • Real Name:Andy
  • IPB Version:v3.2.x
Contributor

Posted 21 May 2009 - 12:53 PM

It's difficult to suggest what to try as I'm not familiar with Unreal Portal.

I'd start by looking at these templates...

Template table_end

Template tr_end

Try adding a closing </div> at the end of one of those, then revisit the Portal page, if its no better undo the change.

;)

View my tutorials

Please do NOT pm me with support related questions unless requested.
If you are in need of help or assistance, please post on the forum in the appropriate section!



A Look Back - 1.0.1 - 1.3.1 - 2.0.0 - 2.1.7 - 2.2.0 - 2.3.6

#12 buzzlightyear

buzzlightyear

    Coder

  • IM Supporters
  • PipPipPipPipPip
  • 207 posts
  • Location:Quebec, Canada
  • Real Name:Daniel
  • IPB Version:v3.0.x

Posted 21 May 2009 - 01:01 PM

Thanks a lot for helping me..here is some of the template contents.. ;)

In table_end template

</table>

In tr_end

</tr>

in portal_start

<table class='ipbtable' cellspacing="0">
	<tr>

in stats_headers

<!-- Board Stats -->
<div class="borderwrap" style="display:{$show['div_fc']}" id="fc_stat">
	<div class="maintitle">
		<p class="expand"><a href="java script:togglecategory('stat', 0);"><{E_PLUS}></a></p>
		<p>{$this->ipsclass->lang['board_stats']}</p>
	</div>
	<div class="formsubtitle">
<if="$this->ipsclass->vars['show_totals'] == 1">
<p class="members">$posts {$this->ipsclass->lang['cs_posts']} | $members {$this->ipsclass->lang['cs_members']}</p>
</if>

		<p>$active {$this->ipsclass->lang['cs_active']}</p>
	</div>
</div>
<div class="borderwrap" style="display:{$show['div_fo']}" id="fo_stat">
	<div class="maintitle">
		<p class="expand"><a href="java script:togglecategory('stat', 1);"><{E_MINUS}></a></p>
		<p>{$this->ipsclass->lang['board_stats']}</p>
	</div>
	<table class='ipbtable' cellspacing="1">

#13 buzzlightyear

buzzlightyear

    Coder

  • IM Supporters
  • PipPipPipPipPip
  • 207 posts
  • Location:Quebec, Canada
  • Real Name:Daniel
  • IPB Version:v3.0.x

Posted 21 May 2009 - 01:12 PM

I have found where to fix it..it work good now :)

in the  Skin Manager/Edit Stylesheet (CSS Advanced Mode)

i change the number to 80%:

#ipbwrapper{ 
	margin: 0px auto 0px auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */
	text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
	/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 960px is a common fixed resolution size */
	width: [color="#FF0000"]80%[/color];
}


Thanks so much everyone .. ;)
Back to Tutorials


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Invision Modding
  2. → IP.Board 2.2 & 2.3
  3. → Support Topics
  4. → Tutorials
  5. Privacy Policy
  6. Guidelines ·