What if you have a large list of code? There is no other option is there? The graphical toolbar directly above the post-text-box only shows bold, italic, ..., quote, and code, right? You'd be forced to make a post that is 39 meters high.
But ahar! I am here to free you from the constraints put upon your withering soul!
If you insert a large amount of code, don't use the IPB wrapper [ code ], instead use [ codebox ], and you'll see that a wonderful scrolling text box is provided, and your 39 meters of code fits wonderfully in a smaller, more readable area.
Here is an example:
<!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=iso-8859-1" />
<meta name="keywords" content="web design forum, web development forum, web help, web discussion, website help, website forum, web design help" />
<meta name="description" content="Web design forum | web development forum | web help on a large range of web related topics. Including website critique, seo advice and coding techniques." />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<title>Webradiance -> Editing Post [News] A tip for an easier-to-read post</title>
<link rel="alternate" type="application/rss+xml" title="Webradiance Recent Topics" href="http://www.webradiance.com/index.php?act=rssout&id=1" />
<style type="text/css" media="all">@import url(http://www.webradiance.com/style_images/css_3.css);</style>
<!--[if lte IE 6]>
<style type="text/css">
<!--
#logostrip {
height: 107px;
}
-->
</style>
<![endif]-->
</head>
<body>
<div id="ipbwrapper">
<!--ipb.javascript.start-->
<script type="text/javascript">
//<![CDATA[
var ipb_var_st = "0";
var ipb_lang_tpl_q1 = "Please enter a page number to jump to between 1 and";
var ipb_var_s = "";
var ipb_var_phpext = "php";
var ipb_var_base_url = "/index.php?";
var ipb_var_image_url = "/style_images/skin_webr~";
var ipb_input_f = "17";
var ipb_input_t = "443";
var ipb_input_p = "4225";
var ipb_var_cookieid = "";
var ipb_var_cookie_domain = ".webradiance.com";
var ipb_var_cookie_path = "/";
var ipb_md5_check = "31a4e7af14ded9c4cfeb6a5653581fb6";
var ipb_new_msgs = 0;
var use_enhanced_js = 1;
var use_charset = "iso-8859-1";
var ipb_myass_chars_lang = "Not enough characters";
//]]>
</script>
<script type="text/javascript" src='/jscripts/ipb_global.js'></script>
<script type="text/javascript" src='/jscripts/ips_menu.js'></script>
<script type="text/javascript" src='/style_images/skin_webr~/folder_js_skin/ips_menu_html.js'></script>
<!--ipb.javascript.end-->
<div class="page">
<div id="top-rounded-row">
<div id="tl-corner"><!-- Do not delete this div, it holds the top left rounded corner image --></div>
<div id="tr-corner"><!-- Do not delete this div, it holds the top right rounded corner image --></div>
</div>
<div id="logostrip"><a href="http://www.webradiance.com/"><img src="/style_images/skin_webr~/webradiance_logo.gif" width="437" height="106" border="0"></a></div>
<div id="substrip">
<!--ipb.leftlinks.start-->
<ul id="float-left">
<li><a href="http://www.webradiance.com/rules.html">WebRadiance Guidelines</a><li>
</ul>
<!--ipb.leftlinks.end-->
<ul id="float-right"><li><a href="http://www.webradiance.com/links/">Links</a></li> <li><a href="http://www.webradiance.com/help/">Help</a></li>
<li><a href="http://www.webradiance.com/index.php?act=Search&f=17">Search</a></li>
<li><a href="http://www.webradiance.com/members/view-memberlist.html">Members</a></li>
<li><a href="http://www.webradiance.com/index.php?act=calendar">Calendar</a></li>
<!--ipb.rightlinks.end-->
</ul>
</div>
</div>
</div>
</body>
</html>
All praise the [ codebox ] wrapper!


Help
This topic is locked

MultiQuote

















