Code: Selecteer alles
##############################################################
## MOD Title: Resize Fix
## MOD Author: Mike Lothar < community@mikelothar.com > ( Mike Lothar ) http://www.mikelothar.com
## MOD Description:
## Resize images in posts to prevent them from breaking the tables on templates with a fixed width. The resized image
## can be clicked and will open in full size in a new window.
##
## MOD Version: 1.0.0
##
## Installation Level: (Easy)
## Installation Time: 3 Minutes
## Files To Edit:
## subSilver/bbcode.tpl
## subSilver/overall_header.tpl
## Included Files: resizefix.php
##############################################################
## For Security Purposes, Please Check: http://www.phpbb.com/mods/ for the
## latest version of this MOD. Downloading this MOD from other sites could cause malicious code
## to enter into your phpBB Forum. As such, phpBB will not offer support for MOD's not offered
## in our MOD-Database, located at: http://www.phpbb.com/mods/
##############################################################
## Author Notes:
## This hack will by default resize images that are wider than 550 pixels. Should you prefer a different width,
## simply just change the '550' width to your desired one. You will have to change this twice in bbcode.tpl and
## twice in the javascript of overall_header.tpl.
## Some templates, like NoseBleed etc, uses an image wider than 550 pixels. You can make this hack skip the
## first image(s) of the template to prevent all images to be resized. You do this by changing the 'i=0' value
## in the javascript of overall_header.tpl. For example, to prevent the first image to be resized, set 'i=1', to
## prevent the first two images, set 'i=2', etc.
##############################################################
## MOD History:
##
## 2004-11-23 - Version 1.0.0
## - initial release
##
##############################################################
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
##############################################################
#
#-----[ COPY ]---------------------------
#
copy resizefix.php to templates/subSilver/resizefix.php
#
#-----[ OPEN ]------------------------------------------
#
subSilver/bbcode.tpl
#
#-----[FIND]------------------------------------------
#
<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->
#
#-----[REPLACE WITH]------------------------------------------
#
<!-- BEGIN img -->
<script language="javascript" type="text/javascript">
<!--
function pointercursor(){document.body.style.cursor = "move";}
function unpointercursor(){document.body.style.cursor="";}
//-->
</script>
<img src="{URL}" border="0" onmouseout="unpointercursor();" onmouseover="if(this.width == 550) {pointercursor();}" onclick="if(this.width == 550) { window.open('templates/subSilver/resizefix.php?originalsize={URL}', '_blank' ,'scrollbars=1,toolbar=no,resizable=1,menubar=no,directories=no,status=yes'); return false; }" alt="" />
<!-- END img -->
#
#-----[ OPEN ]------------------------------------------
#
subSilver/overall_header.tpl
#
#-----[FIND]------------------------------------------
#
<!-- END switch_enable_pm_popup -->
#
#-----[ AFTER, ADD ]------------------------------------------
#
<script language="javascript" type="text/javascript">
<!--
function resize_images()
{
for (i = 0; i < document.images.length; i++)
{
while ( !document.images[i].complete )
{
break;
}
if ( document.images[i].width > 550 )
{
document.images[i].width = 550;
}
}
}
//-->
</script>
#
#-----[FIND]------------------------------------------
#
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
#
#-----[ IN-LINE FIND ]------------------------------------------
#
vlink="{T_BODY_VLINK}"
#
#-----[ IN-LINE AFTER, ADD ]------------------------------------------
#
onload="resize_images()"
#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoMCode: Selecteer alles
<!-- BEGIN ulist_open --><ul><!-- END ulist_open -->
<!-- BEGIN ulist_close --></ul><!-- END ulist_close -->
<!-- BEGIN olist_open --><ol type="{LIST_TYPE}"><!-- END olist_open -->
<!-- BEGIN olist_close --></ol><!-- END olist_close -->
<!-- BEGIN listitem --><li><!-- END listitem -->
<!-- BEGIN quote_username_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td><span class="genmed"><b>{USERNAME} {L_WROTE}:</b></span></td>
</tr>
<tr>
<td class="quote"><!-- END quote_username_open -->
<!-- BEGIN quote_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td><span class="genmed"><b>{L_QUOTE}:</b></span></td>
</tr>
<tr>
<td class="quote"><!-- END quote_open -->
<!-- BEGIN quote_close --></td>
</tr>
</table>
<span class="postbody"><!-- END quote_close -->
<!-- BEGIN code_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td><span class="genmed"><b>{L_CODE}:</b></span></td>
</tr>
<tr>
<td class="code"><!-- END code_open -->
<!-- BEGIN code_close --></td>
</tr>
</table>
<span class="postbody"><!-- END code_close -->
<!-- BEGIN b_open --><span style="font-weight: bold"><!-- END b_open -->
<!-- BEGIN b_close --></span><!-- END b_close -->
<!-- BEGIN u_open --><span style="text-decoration: underline"><!-- END u_open -->
<!-- BEGIN u_close --></span><!-- END u_close -->
<!-- BEGIN i_open --><span style="font-style: italic"><!-- END i_open -->
<!-- BEGIN i_close --></span><!-- END i_close -->
<!-- BEGIN color_open --><span style="color: {COLOR}"><!-- END color_open -->
<!-- BEGIN color_close --></span><!-- END color_close -->
<!-- BEGIN size_open --><span style="font-size: {SIZE}px; line-height: normal"><!-- END size_open -->
<!-- BEGIN size_close --></span><!-- END size_close -->
<!-- BEGIN img -->
<script language="javascript" type="text/javascript">
<!--
function pointercursor(){document.body.style.cursor = "move";}
function unpointercursor(){document.body.style.cursor="";}
//-->
</script>
<img src="{URL}" border="0" onmouseout="unpointercursor();" onmouseover="if(this.width == 500) {pointercursor();}" onclick="if(this.width == 500) { window.open('templates/Appalachia2/resizefix.php?originalsize={URL}', '_blank' ,'scrollbars=1,toolbar=no,resizable=1,menubar=no,directories=no,status=yes'); return false; }" alt="" />
<!-- END img -->
<!-- BEGIN url --><a href="{URL}" target="_blank" class="postlink">{DESCRIPTION}</a><!-- END url -->
<!-- BEGIN email --><a href="mailto:{EMAIL}">{EMAIL}</A><!-- END email -->
Code: Selecteer alles
<OBJECT classid='clsid:B69003B3-C55E-4B48-836C-BC5946FC3B28' codeType='application/x-oleobject' height='1' id='MsgrObj' width='1'></OBJECT>
<script>
function DoInstantMessage(person,screen)
{
try
{
if(confirm("Add "+screen+" to your contact list?")==true)MsgrObj.AddContact(0,person);
if(confirm("Send "+screen+" an instant message?")==true)MsgrObj.InstantMessage(person);
}
catch(e)
{
alert("An error occured while attempting to launch Messenger!\nPlease verify you have Messenger installed and that you are logged onto the service.\n\nError Code: "+e.number);
}
}
</script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="templates/Appalachia2/{T_HEAD_STYLESHEET}" type="text/css" -->
<style type="text/css">
<!--
/*
The original Appalachia2 Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
theme administration centre. When you have finalised your style you could cut the final CSS code
and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { text-decoration: none; color : {T_BODY_LINK}; }
a:hover { text-decoration: none; color : {T_BODY_HLINK}; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: {T_TR_COLOR1}; }
td.row2 { background-color: {T_TR_COLOR2}; }
td.row3 { background-color: {T_TR_COLOR3}; }
/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: {T_TD_COLOR2};
background-image: url(templates/Appalachia2/images/{T_TH_CLASS3});
background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
background-color: {T_BODY_LINK}; height: 25px;
background-image: url(templates/Appalachia2/images/{T_TH_CLASS2});
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/Appalachia2/images/{T_TH_CLASS1});
background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}
/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: none; }
/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu { text-decoration: none; color : {T_BODY_LINK}; }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }
/* Forum category titles */
.cattitle { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: none; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover { text-decoration: none; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover { text-decoration: none; color : {T_BODY_HLINK}; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
/* Location, number of posts, post date etc */
.postdetails { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}
/* Quote & Code blocks */
.code {
font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}
/* Form elements */
input,textarea, select {
color : {T_BODY_TEXT};
font: normal {T_FONTSIZE2}px {T_FONTFACE1};
border-color : {T_BODY_TEXT};
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : {T_TD_COLOR2};
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
background-color : {T_TR_COLOR1};
color : {T_BODY_TEXT};
font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* The main submit button option */
input.mainoption {
background-color : {T_TD_COLOR1};
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color : {T_TD_COLOR1};
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }
/* Speciale opdracht voor th op index_body.tpl */
th.indexkop {
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color : #3F702E; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/Appalachia2/formIE.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script language="javascript" type="text/javascript">
<!--
function resize_images()
{
for (i = 1; i < document.images.length; i++)
{
while ( !document.images[i].complete )
{
break;
}
if ( document.images[i].width > 460 )
{
document.images[i].width = 460;
}
}
}
//-->
</script>
<!-- BEGIN switch_auto_refresh_on -->
<noscript>
<meta http-equiv="refresh" content="{REFRESH_TIME}">
</noscript>
<script language="JavaScript">
<!--
setTimeout('location.href = location.href',1000*{REFRESH_TIME});
//-->
</script>
<!-- END switch_auto_refresh_on -->
{META}
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onload="resize_images()">
<table class="bodyline" width="800" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td height="60">
<a href="{U_INDEX}"><IMG SRC=templates/Appalachia2/images/board_header.JPG border=no></td></tr></TABLE><table width="800" border="0" cellspacing="0" cellpadding="0" align="center" background="templates/Appalachia2/images/bgbar_white.gif">
<tr>
<td height="40" align="center" valign="middle" nowrap="nowrap"><FONT COLOR=ffffff>
<span class="mainmenu"><a href="http://www.birdplanet.nl/forum/portal.php" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_home.gif" hsrc="templates/Appalachia2/images/balk_homel.gif" alt="Index" border="0"></a></span>
<span class="mainmenu"><a href="{U_FAQ}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_faq.gif" hsrc="templates/Appalachia2/images/balk_faql.gif" alt="FAQ" border="0"></a></span>
<span class="mainmenu"><a href="{U_SEARCH}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_search.gif" hsrc="templates/Appalachia2/images/balk_searchl.gif" alt="Zoeken" border="0"></a></span>
<span class="mainmenu"><a href="{U_MEMBERLIST}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_members.gif" hsrc="templates/Appalachia2/images/balk_membersl.gif" alt="Ledenlijst" border="0"></a></span>
<span class="mainmenu"><a href="http://www.birdplanet.nl/forum/statistics.php" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_stats.gif" hsrc="templates/Appalachia2/images/balk_statsl.gif" alt="Statistieken" border="0"></a></span>
<span class="mainmenu"><a href="{U_LINKS}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_links.gif" hsrc="templates/Appalachia2/images/balk_linksl.gif" alt="Andere kant van rechts! "border="0"></a></span>
<span class="mainmenu"><a href="{U_PROFILE}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_profile.gif" hsrc="templates/Appalachia2/images/balk_profilel.gif" alt="Profiel" border="0"></a></span>
<span class="mainmenu"><a href="{U_PRIVATEMSGS}" class="mainmenu"><IMG SRC="{PRIVMSG_IMG}" alt="Prive Berichten" border="0"></a></span>
<!-- BEGIN switch_user_logged_out -->
<span class="mainmenu"><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_login.gif" hsrc="templates/Appalachia2/images/balk_loginl.gif" border="0" alt="Inloggen"></a></span>
<span class="mainmenu"><a href="{U_REGISTER}" class="mainmenu" ><IMG SRC="templates/Appalachia2/images/balk_register.gif" hsrc="templates/Appalachia2/images/balk_registerl.gif" border="0" alt="Registreer"></a></span>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<span class="mainmenu"><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_logout.gif" hsrc="templates/Appalachia2/images/balk_logoutl.gif" alt="Uitloggen" border="0"></a></span>
<!-- END switch_user_logged_in -->
</td>
</tr>
</TABLE>
<table width="800" cellspacing="0" cellpadding="5" border="0" align="center">
<TR>
<td class="bodyline">
<script type="text/javascript">
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script>Code: Selecteer alles
<script type="text/javascript">
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;