Countdown Breaking The Template »  Show posts from    to     

Icy Phoenix


phpBB 3 MODS And Styles (Not Compatible With phpBB 3.1) - Countdown Breaking The Template



The Crow [ Wed 29 Aug, 2012 08:13 ]
Post subject: Countdown Breaking The Template
Hello friends I'm trying to put that countdown in a custom block below the banner on my forum, this is the same countdown that has the portal phpbb3bbcodes. I downloaded the file lwtCountdown-htm and sent the folders images, js and style to the root folder of the forum (on localhost), I edited the file code index.html contained in the folder and renamed to countdown.html (code below) and sent to the folder styles/Milky_way/template, in the file overall_header.html I added <! - INCLUDE countdown.html -> below <! - INCLUDE menu_block.html ->, this worked but the template of the forum was aligned in the center (image below).


countdown.html
Code: [Hide] [Select]
<div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><!-- title --></div></div></div></div>
<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
<script language="Javascript" type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script language="Javascript" type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script>
<script language="Javascript" type="text/javascript" src="js/misc.js"></script>
<link rel="Stylesheet" type="text/css" href="style/main.css"></link>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<font size="5" color="#0000FF"><strong> Texto acima do contador </strong></font><br />

<!-- Countdown dashboard start -->
<div id="countdown_dashboard" style="text-align: center; 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': 7,
'month': 9,
'year': 2012,
'hour': 11,
'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>


To centralize the countdown I changed the file
style/main.css
Code: [Hide] [Select]
#countdown_dashboard {
height: 110px;
}


changed to:
Code: [Hide] [Select]
#countdown_dashboard {
height: 110px;
margin: 100px auto;
width: 700px;
}


This change centralizes the countdown but the template (bottom of the image) is broken and can not fix without removing the countdown, someone can help me please?


mort [ Wed 29 Aug, 2012 08:25 ]
Post subject: Re: Countdown Breaking The Template
<!-- Countdown dashboard start -->
<div id="countdown_dashboard" style="text-align: center; margin: 0 auto;">

Make that:

text-align: left;

Or simply remove

text-align: center;

And ALL of this should be in the header before </head> and the paths set accordingly.

Code: [Hide] [Select]
<script language="Javascript" type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script language="Javascript" type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script>
<script language="Javascript" type="text/javascript" src="js/misc.js"></script>
<link rel="Stylesheet" type="text/css" href="style/main.css"></link>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


Also there is no such thing as </link>

It's,

<link rel="stylesheet" type="text/css" href="style/main.css" />

Edit:

You can also remove all of these:

language="Javascript"
____________________________________

And while your at it - - - :lol:

You could remove this:

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

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


REMOVE THESE from it
<script language="javascript" type="text/javascript">
</script>

And use the rest to create a .js file called countdown.js and put it in the same place as the other .js files

Then call it with this where you removed it from.

<script type="text/javascript" src="PATH TO SCRIPT/countdown.js"></script>

Because it's not nice to have raw javascript in the html if it can be avoided.

:mrviolet:


The Crow [ Wed 29 Aug, 2012 12:07 ]
Post subject: Re: Countdown Breaking The Template
Thank mort, your tip did not solve the problem but helped me improve the codes of the countdown, which solved the problem was to delete the rows below the main.css file, now the countdown is already on the my online forum. what I want now is to fix the block borders the countdown to stay in standard milk way, I appreciate any hint about it?

find and delete on the file main.css
Code: [Hide] [Select]
body {
text-align: center;
}


mort [ Wed 29 Aug, 2012 12:35 ]
Post subject: Re: Countdown Breaking The Template
If you had posted the whole "main.css" it would have been obvious to me where the problem was. ;)

One needs to be careful that there are no conflicting anchors in any .css they add to their styles because whichever .css gets read "Last" will be the one that will be applied to the whole theme. :(

As for your other question, you have two different image paths for the different "headers" ?

/forum/styles/milky_way/theme/images/tbl_h_l.gif
and
/forum/styles/milky_way/theme/images/bg_th.gif


So obviously the wrong vars (if any) are in place, or the MOD markup is wrong for the theme - and as I don't have phpBB3 installed or the MOD - I'll leave it to one of the phpBB3 freaks to help you sort it out. :P


Joshua203 [ Wed 29 Aug, 2012 13:37 ]
Post subject: Re: Countdown Breaking The Template
I've had only a quick read tbh and I think for starters you did not fully understand Mort's suggestions.
The way it looks to me now is that you have 2 heads in use (one in overall_header and possibly one in the new included file)
The head code you now possibly have in the new included file should really be added in overall_header (between the head tags) and remove the double head tags you have added.

Further you should probably add the new include below:
Code: [Hide] [Select]
<div id="wrapcentre">


then you replace:
Code: [Hide] [Select]
<div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><!-- title --></div></div></div></div>

by this:
Code: [Hide] [Select]
<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4>Texto acima do contador</h4></div></div></div></div>


and replace:
Code: [Hide] [Select]
<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c"></div></div></div>

by this:
Code: [Hide] [Select]
<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c"></div></div></div></div>


Last but not least you really need to update your style to match your phpbb3 version (but this is not related to your problem :roll: )

Goodluck and let us know how it worked out,
..The Freak? :lol:


Joshua203 [ Wed 29 Aug, 2012 13:40 ]
Post subject: Re: Countdown Breaking The Template
PS ... since i made you add "Texto acima do contador" to the title area of the block you should also remove:

Code: [Hide] [Select]
<font size="5" color="#0000FF"><strong> Texto acima do contador </strong></font><br />


Joshua203 [ Wed 29 Aug, 2012 13:54 ]
Post subject: Re: Countdown Breaking The Template
mort wrote: [View Post]
As for your other question, you have two different image paths for the different "headers" ?

/forum/styles/milky_way/theme/images/tbl_h_l.gif
and
/forum/styles/milky_way/theme/images/bg_th.gif


So obviously the wrong vars (if any) are in place, or the MOD markup is wrong for the theme - and as I don't have phpBB3 installed or the MOD - I'll leave it to one of the phpBB3 freaks to help you sort it out. :P


I think this is purely portal related, there's not many sites that fully adjust portals to follow the forum-style :wink:


mort [ Wed 29 Aug, 2012 15:03 ]
Post subject: Re: Countdown Breaking The Template
When one sees useless markup like this.

<span style="float: center"> one has to wonder if any of it is any good? :(


Anyway, going with the existing markup (view-source) This should be awful close to making it the same as the rest of the portal. :?

Spoiler: [ Show ]


Joshua203 [ Wed 29 Aug, 2012 15:08 ]
Post subject: Re: Countdown Breaking The Template
Problem to that Mort, this counter is shown both in portal and forum pages, so if it matches the portal it won't match the other pages and vice versa :wink:


mort [ Wed 29 Aug, 2012 15:14 ]
Post subject: Re: Countdown Breaking The Template
Well, if it's being hooked into both phpBB3 and the stand-alone Portal for it, Then he's got problems. Because the whole portal would no doubt have to be re-written for Milky Way markup?

Or create some IF & ELSE arguments to accommodate both.

:mryellow:

Edit:

Wait a minute, he's only pulling this.

<!-- Countdown dashboard start -->

BLAH!

<!-- Countdown dashboard end -->


So you can have two sets of markup (templates).

One for the Portal, and one for the forum etc. :?:


Joshua203 [ Wed 29 Aug, 2012 15:18 ]
Post subject: Re: Countdown Breaking The Template
It just means every single portal block needs a few edits, but like I said ...not many webmasters do it the way it should be done :(

PS. offcours you are right about the " float center" thingy :wink:


mort [ Wed 29 Aug, 2012 15:22 ]
Post subject: Re: Countdown Breaking The Template
Read my edited post. ;)


Joshua203 [ Wed 29 Aug, 2012 15:27 ]
Post subject: Re: Countdown Breaking The Template
I did :lol:

What you suggest is surely possible but it doesn't create the unity it needs imho :oops: (unless we don't care about it at all)


mort [ Wed 29 Aug, 2012 15:33 ]
Post subject: Re: Countdown Breaking The Template
The penny just dropped. :oops:

I trust you mean he wants the portal to look the same as the Milky Way theme, and not the block he added to look the same as the rest of the portal. ?

Must be getting late!, or I'm getting too old for this? :lol:


Joshua203 [ Wed 29 Aug, 2012 15:39 ]
Post subject: Re: Countdown Breaking The Template
Hehehehe I'm in a different timezone

I think most important to The Crow is the width of the counter block (and maybe the vertical position), which is why I posted the edits above.

If he would like to correct the portal to follow the style then that would be a different topic.


mort [ Wed 29 Aug, 2012 16:05 ]
Post 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: [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: [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: [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">


The Crow [ Thu 30 Aug, 2012 16:34 ]
Post 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: [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: [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: [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 -->


Joshua203 [ Thu 30 Aug, 2012 17:38 ]
Post 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: [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:


Joshua203 [ Thu 30 Aug, 2012 17:51 ]
Post subject: Re: Countdown Breaking The Template
And you should remove from the counter html:
Code: [Hide] [Select]
<div id="wrapcentre">


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

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


mort [ Fri 31 Aug, 2012 01:57 ]
Post 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. ;)


Joshua203 [ Fri 31 Aug, 2012 12:47 ]
Post 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!


mort [ Fri 31 Aug, 2012 13:25 ]
Post 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


The Crow [ Fri 31 Aug, 2012 14:26 ]
Post 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.


mort [ Fri 31 Aug, 2012 15:32 ]
Post 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


The Crow [ Sat 29 Sep, 2012 07:55 ]
Post 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.




Powered by Icy Phoenix