Home •  Forum •  FAQ •  Search •  Recent Topics •  Memberlist •  Register •  Log in 
Forum » phpBB Mods And Styles » phpBB 3 MODS And Styles (Not Compatible With phpBB 3.1)

SOLVED Countdown Breaking The Template

Reply to topic

Goto page Previous  1, 2

mort
Quote
Posts: 998 Location: Up a tree
Wed 29 Aug, 2012 16:05
Subject: Re: Countdown Breaking The Template
I think I'll give it a miss - - :mryellow:

@ the Crow

I didn't mean for you add <head> tags around the links like this.
Code: [Download] [Hide] [Select]
<head>
<script type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script>
<script type="text/javascript" src="js/misc.js"></script>
<link rel="Stylesheet" type="text/css" href="style/main.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>


I meant that you should add them in the header.

Code: [Download] [Hide] [Select]
<script type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script>
<script type="text/javascript" src="js/misc.js"></script>
<link rel="Stylesheet" type="text/css" href="style/main.css">


WHERE THIS IS: (Without the <meta string blah>)

</head>
<body class="ltr">

So that you end up with this, even though you may have to change the paths.

Code: [Download] [Hide] [Select]
<script type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script>
<script type="text/javascript" src="js/misc.js"></script>
<link rel="stylesheet" type="text/css" href="style/main.css" />
</head>
<body class="ltr">

Profile PM  
The Crow
Quote
Posts: 17 Location: Japan
Thu 30 Aug, 2012 16:34
Subject: Re: Countdown Breaking The Template
mort wrote: [View Post]
I think I'll give it a miss - - :mryellow:

@ the Crow

I didn't mean for you add <head> tags around the links like this.
Code: [Download] [Hide] [Select]
<head>
<script type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script>
<script type="text/javascript" src="js/misc.js"></script>
<link rel="Stylesheet" type="text/css" href="style/main.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>




mort I really did it. :wallb:


Hello friends I am very grateful for your help, I confess I know nothing about HTML/CSS, is what I can do with trial and error, I'm trying to follow the instructions of you but I'm dozing in front of the computer, I modified the file countdown.html (code below), I transferred to the overall_header.html (code below) the javascript codes that before were on file countdown.html but the counter stopped working so I reverted, the edges were not perfect but better.

countdown.html:
Code: [Download] [Hide] [Select]
<div id="wrapcentre">
<div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"></div></div></div>
<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
<div align="center"><font size="5" color="#0000FF"><strong> Contagem regressiva para o 3° Aniversário do Afroditep2pShare </strong></font></div><br />

<!-- Countdown dashboard start -->
<div id="countdown_dashboard" style="text-align: left; margin: 0 auto;">
<div class="dash weeks_dash">
<span class="dash_title">semanas</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>

<div class="dash days_dash">
<span class="dash_title">dias</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>

<div class="dash hours_dash">
<span class="dash_title">horas</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>

<div class="dash minutes_dash">
<span class="dash_title">minutos</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>

<div class="dash seconds_dash">
<span class="dash_title">segundos</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>

</div>
<!-- Countdown dashboard end -->

<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': 6,
'month': 9,
'year': 2012,
'hour': 0,
'min': 0,
'sec': 0
}
});

$('#email_field').focus(email_focus).blur(email_blur);
$('#subscribe_form').bind('submit', function() { return false; });
});
</script>

<span class="corners-bottom"></span><br />
<tr><td class="cat-bottom"></td></tr>
</table>
<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c"></div></div></div></div>




overall_header.html:
Code: [Download] [Hide] [Select]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE _mg_config.html -->

<LINK REL="SHORTCUT ICON" HREF="{T_THEME_PATH}/images/afrodite.ico">

<script type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script>
<script type="text/javascript" src="js/misc.js"></script>
<link rel="Stylesheet" type="text/css" href="style/main.css">

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
<link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" />
<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_TOPICS}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&amp;t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!-- INCLUDE reimg_content.html --><link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript" src="{T_TEMPLATE_PATH}/scripts.js"></script>

<!-- INCLUDE prime_show_deleted_post.html -->

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
}
<!-- ENDIF -->

function popup(url, width, height, name)
{
if (!name)
{
name = '_popup';
}

window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
return false;
}

function jumpto()
{
var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
var per_page = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';

if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
{
if (base_url.indexOf('?') == -1)
{
document.location.href = base_url + '?start=' + ((page - 1) * per_page);
}
else
{
document.location.href = base_url.replace(/&amp;/g, '&') + '&start=' + ((page - 1) * per_page);
}
}
}

/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
var parent = document.getElementById(id);
if (!parent)
{
eval('parent = document.' + id);
}

if (!parent)
{
return;
}

var rb = parent.getElementsByTagName('input');

for (var r = 0; r < rb.length; r++)
{
if (rb[r].name.substr(0, name.length) == name)
{
rb[r].checked = state;
}
}
}

<!-- IF ._file -->

/**
* Play quicktime file by determining it's width/height
* from the displayed rectangle area
*
* Only defined if there is a file block present.
*/
function play_qt_file(obj)
{
var rectangle = obj.GetRectangle();

if (rectangle)
{
rectangle = rectangle.split(',')
var x1 = parseInt(rectangle[0]);
var x2 = parseInt(rectangle[2]);
var y1 = parseInt(rectangle[1]);
var y2 = parseInt(rectangle[3]);

var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
}
else
{
var width = 200;
var height = 0;
}

obj.width = width;
obj.height = height + 16;

obj.SetControllerVisible(true);

obj.Play();
}
<!-- ENDIF -->

// ]]>
</script>
<!--[if lt IE 7]>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/pngfix.js"></script>
<![endif]-->
<!-- start: Scroll to Top -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function () {
var scroll_timer;
var displayed = false;
var $message = $('#scroll a');
var $window = $(window);
var top = $(document.body).children(0).position().top;
$window.scroll(function () {
window.clearTimeout(scroll_timer);
scroll_timer = window.setTimeout(function () {
if($window.scrollTop() <= top)
{
displayed = false;
$message.fadeOut(300);
}
else if(displayed == false)
{
displayed = true;
$message.stop(true, true).show().click(function () { $message.fadeOut(300); });
}
}, 100);
});
});
</script>
<!-- end: Scroll to Top --->

<!-- INCLUDE ads/ads.js -->
<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.5.0.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26486501-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'pt-BR'}
</script>

</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<div style="width:{$MG_GLOBAL_WIDTH};clear:both;margin: 0 auto;">
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="leftshadow" width="9" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="9" height="1" /></td>
<td class="np-body" width="100%" valign="top">

<div id="top_logo">
<!-- IF ADS_1 -->{ADS_1}<br /><!-- ENDIF -->

<center><!-- INCLUDEPHP ./banner.php --></center>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- <td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td> -->
<td align="right" valign="top"></td>
</tr>
</table>
</div>

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->

<!-- INCLUDE menu_block.html -->
<!-- INCLUDE countdown.html -->
<!-- ENDIF -->

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --><span style="color:#CC3333;">{L_BOARD_DISABLED}</span><!-- ENDIF -->

<!-- IF ADS_2 -->{ADS_2}<!-- ENDIF -->
<div id="wrapcentre">

<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
<div style="margin-top:50px;margin-bottom:50px;text-align:center;clear:both;"><div class="popuppm-new"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></div>
<!-- Reg-Meghivo Start -->
<!-- IF S_MEGHIVO_PETITION -->
<br /><strong>{L_INFORMATION}:</strong>
<a href="<!-- IF U_ACP_MEGHIVO_PETITION -->{U_ACP_MEGHIVO_PETITION}<!-- ELSEIF U_MCP_MEGHIVO_PETITION -->{U_MCP_MEGHIVO_PETITION}<!-- ENDIF -->" style="color: red;">{S_MEGHIVO_PETITION}</a>
<br /><br />
<!-- ENDIF -->
<!-- Reg-Meghivo End -->
<!-- ENDIF -->

Profile PM  
Joshua203
Quote
Posts: 1754 Location: Earth, Europe, the Netherlands, Rotterdam
Thu 30 Aug, 2012 17:38
Subject: Re: Countdown Breaking The Template
mort wrote: [View Post]
So that you end up with this, even though you may have to change the paths.

Code: [Download] [Hide] [Select]
<script type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script>
<script type="text/javascript" src="js/misc.js"></script>
<link rel="stylesheet" type="text/css" href="style/main.css" />
</head>
<body class="ltr">

Please take note of the green part in the quoted text Crow :wink:

Profile PM   Website
Joshua203
Quote
Posts: 1754 Location: Earth, Europe, the Netherlands, Rotterdam
Thu 30 Aug, 2012 17:51
Subject: Re: Countdown Breaking The Template
And you should remove from the counter html:
Code: [Download] [Hide] [Select]
<div id="wrapcentre">


Then open overall_header and put the counter include line below:
Code: [Download] [Hide] [Select]
<div id="wrapcentre">

NOT above ... remove that counter include line above it :wink:

Profile PM   Website
mort
Quote
Posts: 998 Location: Up a tree
Fri 31 Aug, 2012 01:57
Subject: Re: Countdown Breaking The Template
@ the Crow,

Can you please attach/upload the whole countdown mod as you received it here, so that I can have a look at it.

Or give me a url to where you got it from. ;)

Profile PM  
Joshua203
Quote
Posts: 1754 Location: Earth, Europe, the Netherlands, Rotterdam
Fri 31 Aug, 2012 12:47
Subject: Re: Countdown Breaking The Template
I guess it's this one Mort
http://ofertaweb.ro/en/download/joo...y_countdown.zip

Edit: Close but not exact ...I think The Crow uses a newer version!

Profile PM   Website
mort
Quote
Posts: 998 Location: Up a tree
Fri 31 Aug, 2012 13:25
Subject: Re: Countdown Breaking The Template
I had a look around - Comes in two flavours. html and php. ;)

http://www.littlewebthings.com/projects/countdown/index.php

Profile PM  
The Crow
Quote
Posts: 17 Location: Japan
Fri 31 Aug, 2012 14:26
Subject: Re: Countdown Breaking The Template
mort wrote: [View Post]
@ the Crow,

Can you please attach/upload the whole countdown mod as you received it here, so that I can have a look at it.

Or give me a url to where you got it from. ;)


I downloaded this http://www.littlewebthings.com/proj...ntdown-html.zip

I'm sorry but I am unable to work on the computer today, tomorrow I will try again, thanks.

Profile PM  
mort
Quote
Posts: 998 Location: Up a tree
Fri 31 Aug, 2012 15:32
Subject: Re: Countdown Breaking The Template
I know, I already found it and posted the same link in the post before you. ?

I also fixed it up without the actual "Milky Way" style wrappers, or testing the setting of the paths for phpbb3. :mryellow:

Here:

http://www.icyphoenix.com/viewtopic.php?p=56564#p56564

Profile PM  
The Crow
Quote
Posts: 17 Location: Japan
Sat 29 Sep, 2012 07:55
Subject: Re: Countdown Breaking The Template
Hello friends, sorry to take so long to get back to the topic but it's because I'm in serious trouble on the server and my forum is off, when I have free time I promise to test the work developed aqui and give feedback, thank you.

Profile PM  
Reply to topic
Goto page Previous  1, 2

Page 2 of 2


  
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

   

This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.

Powered by Icy Phoenix based on phpBB
Generation Time: 0.0792s (PHP: 27% SQL: 73%)
SQL queries: 11 - Debug Off - GZIP Enabled