Fixed banner dimensions

3 files changed, 9 insertions, 3 deletions

diff --git a/inc/config.php b/inc/config.php
index 8ea70067..5ebf10c9 100644
--- a/inc/config.php
+++ b/inc/config.php
@@ -726,9 +726,15 @@
 	// This can be good for load balancing across multiple servers or hostnames.
 	// $config['url_stylesheet'] = 'http://static.example.org/style.css'; // main/base stylesheet
 	// $config['url_javascript'] = 'http://static.example.org/main.js';
-	// $config['url_banner'] = '/banner.php';
 	// $config['url_favicon'] = '/favicon.gif';
 	
+	// Optional banner at the top of every page.
+	// $config['url_banner'] = '/banner.php';
+	// Banner dimensions are also optional. As the banner loads after the rest of the page, everything
+	// may be shifted down a few pixels when it does. Making the banner a fixed size will prevent this.
+	// $config['banner_width'] = 300;
+	// $config['banner_height'] = 100;
+	
 	// Meta keywords. It's probably best to include these in per-board configurations.
 	//$config['meta_keywords'] = 'chan,anonymous discussion,imageboard,tinyboard';
 	
diff --git a/templates/index.html b/templates/index.html
index 1f917945..cd3454b0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -29,7 +29,7 @@
 <body>

 	{boardlist[top]}

 	{pm?<div class="top_notice">{pm}</div><hr/>}

-	{config[url_banner]?<img class="banner" src="{config[url_banner]}" alt="" />}

+	{config[url_banner]?<img class="banner" src="{config[url_banner]}" {config[banner_height]?style="width:{config[banner_width]px?{config[banner_width]}px};height:{config[banner_height]}px" }alt="" />}

 	<h1>{board[url]} - {board[name]}</h1>

 	<div class="title">{board[title]?{board[title]}}<p>{mod?<a href="?/">Return to dashboard</a>}</p></div>

 	

diff --git a/templates/thread.html b/templates/thread.html
index 4dbe7de3..fa87c965 100644
--- a/templates/thread.html
+++ b/templates/thread.html
@@ -28,7 +28,7 @@
 <body>

 	{boardlist[top]}

 	{pm?<div class="top_notice">{pm}</div><hr/>}

-	{config[url_banner]?<img class="banner" src="{config[url_banner]}" alt="" />}

+	{config[url_banner]?<img class="banner" src="{config[url_banner]}" {config[banner_height]?style="width:{config[banner_width]px?{config[banner_width]}px};height:{config[banner_height]}px" }alt="" />}

 	<h1>{board[url]} - {board[name]}</h1>

 	<div class="title">{board[title]?{board[title]}}<p>{mod?<a href="?/">Return to dashboard</a>}</p></div>