https://www.icyphoenix.com/viewtopic.php?f=32&t=8655 ----------------------------------- The Crow Wed 29 Aug, 2012 08:13 Countdown Breaking The Template ----------------------------------- Hello friends I'm trying to put that [url=http://ofertaweb.ro/demos/cool_jquery_countdown/light/]countdown in a custom block below the banner on my forum, this is the same countdown that has the portal [url=http://www.phpbb3bbcodes.com/portal.php]phpbb3bbcodes. I downloaded the file [url=http://www.littlewebthings.com/projects/countdown/downloads/lwtCountdown-html.zip]lwtCountdown-htm and sent the folders [b]images[/b], [b]js[/b] and [b]style[/b] to the root folder of the forum [b](on localhost)[/b], I edited the file code [b]index.html[/b] contained in the folder and renamed to [b]countdown.html[/b] (code below) and sent to the folder styles/[color=#FF0026]Milky_way[/color]/[b]template[/b], in the file overall_header.html I added [c][/c] below [c][/c], this worked but the template of the forum was aligned in the center [b](image below)[/b]. [b]countdown.html[/b] [code linenumbers=false]
Texto acima do contador
semanas
0
0
dias
0
0
horas
0
0
minutos
0
0
segundos
0
0

[/code] To centralize the countdown I changed the file style/[b]main.css[/b] [code linenumbers=false]#countdown_dashboard { height: 110px; }[/code] [b]changed to:[/b] [code linenumbers=false]#countdown_dashboard { height: 110px; margin: 100px auto; width: 700px; }[/code] This change centralizes the countdown but the template [b](bottom of the image)[/b] is broken and can not fix without removing the countdown, someone can help me please? ----------------------------------- mort Wed 29 Aug, 2012 08:25 Re: Countdown Breaking The Template -----------------------------------
Make that: text-align: left; Or simply remove [b]text-align: center;[/b] And ALL of this should be in the header before and the paths set accordingly. [code linenumbers=false] [/code] Also there is no such thing as [b][/b] It's, [b][/b] [b]Edit:[/b] You can also remove all of these: language="Javascript" ____________________________________ And while your at it - - - :lol: You could remove this: [code linenumbers=false][/code] [b]REMOVE THESE from it[/b] 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. [b][/b] [i][size=10]Because it's not nice to have raw javascript in the html if it can be avoided.[/size][/i] :mrviolet: ----------------------------------- The Crow Wed 29 Aug, 2012 12:07 Re: Countdown Breaking The Template ----------------------------------- Thank [b]mort[/b], 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 [b]main.css[/b] file, now the countdown is already on the [url=http://www.afroditep2pshare.org]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 [b]main.css[/b] [code linenumbers=false] body { text-align: center; } [/code] ----------------------------------- mort Wed 29 Aug, 2012 12:35 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" ? [b]/forum/styles/milky_way/theme/images/tbl_h_l.gif and /forum/styles/milky_way/theme/images/bg_th.gif[/b] So obviously the wrong vars[i] (if any)[/i] 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 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 [b]heads[/b] in use (one in overall_header and possibly one in the new included file) The [b]head[/b] 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 [b]include[/b] below: [code linenumbers=false]
[/code] then you replace: [code linenumbers=false]
[/code] by this: [code linenumbers=false]

Texto acima do contador

[/code] and replace: [code linenumbers=false]
[/code] by this: [code linenumbers=false]
[/code] [color=red]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: )[/color] Goodluck and let us know how it worked out, ..The Freak? :lol: ----------------------------------- Joshua203 Wed 29 Aug, 2012 13:40 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 linenumbers=false] Texto acima do contador
[/code] ----------------------------------- Joshua203 Wed 29 Aug, 2012 13:54 Re: Countdown Breaking The Template ----------------------------------- [quote user="mort" post="56505"]As for your other question, you have two different image paths for the different "headers" ? [b]/forum/styles/milky_way/theme/images/tbl_h_l.gif and /forum/styles/milky_way/theme/images/bg_th.gif[/b] So obviously the wrong vars[i] (if any)[/i] 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[/quote] 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 Re: Countdown Breaking The Template ----------------------------------- When one sees useless markup like this. [b][/b] 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][code linenumbers=false]
Contagem regressiva para o nosso 3° Aniversário
semanas
0
0
dias
0
0
horas
0
0
minutos
0
0
segundos
0
0
[/code][/spoiler] ----------------------------------- Joshua203 Wed 29 Aug, 2012 15:08 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 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 [b]IF & ELSE [/b]arguments to accommodate both. :mryellow: [b]Edit:[/b] Wait a minute, he's only pulling this. [b] BLAH! [/b] 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 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 Re: Countdown Breaking The Template ----------------------------------- Read my edited post. ;) ----------------------------------- Joshua203 Wed 29 Aug, 2012 15:27 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 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 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 Re: Countdown Breaking The Template ----------------------------------- I think I'll give it a miss - - :mryellow: [b]@ the Crow[/b] I didn't mean for you add tags around the links like this. [code linenumbers=false] [/code] I meant that you should add them in the header. [code linenumbers=false] [/code] WHERE THIS IS: (Without the [b][i][/i][/b]) So that you end up with this, even though you may have to change the paths. [code linenumbers=false] [/code] ----------------------------------- The Crow Thu 30 Aug, 2012 16:34 Re: Countdown Breaking The Template ----------------------------------- [quote user="mort" post="56518"]I think I'll give it a miss - - :mryellow: [b]@ the Crow[/b] I didn't mean for you add tags around the links like this. [code linenumbers=false] [/code] [/quote] [b]mort[/b] 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 [b]countdown.html[/b] (code below), I transferred to the [b]overall_header.html[/b] (code below) the javascript codes that before were on file [b]countdown.html[/b] but the counter stopped working so I reverted, the edges were not perfect but better. [b]countdown.html:[/b] [code linenumbers=false]
Contagem regressiva para o 3° Aniversário do Afroditep2pShare

semanas
0
0
dias
0
0
horas
0
0
minutos
0
0
segundos
0
0

[/code] [b]overall_header.html:[/b] [code linenumbers=false] {META} {SITENAME} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- ENDIF -->{PAGE_TITLE}
{L_BOARD_DISABLED} {ADS_2}

{L_INFORMATION}: {S_MEGHIVO_PETITION}

[/code] ----------------------------------- Joshua203 Thu 30 Aug, 2012 17:38 Re: Countdown Breaking The Template ----------------------------------- [quote user="mort" post="56518"]So that you end up with this, [color=#00ff00]even though you may have to change the paths.[/color] [code linenumbers=false] [/code][/quote] Please take note of the green part in the quoted text Crow :wink: ----------------------------------- Joshua203 Thu 30 Aug, 2012 17:51 Re: Countdown Breaking The Template ----------------------------------- And you should remove from the counter html: [code linenumbers=false]
[/code] Then open overall_header and put the counter include line below: [code linenumbers=false]
[/code] NOT above ... remove that counter include line above it :wink: ----------------------------------- mort Fri 31 Aug, 2012 01:57 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 Re: Countdown Breaking The Template ----------------------------------- I guess it's this one Mort http://ofertaweb.ro/en/download/joomla%20extensions%20II/mod_cool_jquery_countdown.zip Edit: Close but not exact ...I think The Crow uses a newer version! ----------------------------------- mort Fri 31 Aug, 2012 13:25 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 Re: Countdown Breaking The Template ----------------------------------- [quote user="mort" post="56556"]@ 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. ;)[/quote] I downloaded this http://www.littlewebthings.com/projects/countdown/downloads/lwtCountdown-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 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 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 [url=http://www.icyphoenix.com/viewtopic.php?p=56564#p56564]aqui and give feedback, thank you.