Icy Phoenix
Old Styles Topics - Coming Soon Dark Force
TopoMotoV3X [ Fri 22 Apr, 2011 00:46 ]
Post subject: Coming Soon Dark Force
Coming Soon
Dark Force Style.
I have to finish some icons again, and then publish it, in the meantime can you tell me if you think something should be changed (I accept any kind of advice)
You can see it live
Here
I look forward to your opinion. :P
Best Regards.
mort [ Fri 22 Apr, 2011 06:24 ]
Post subject: Re: Coming Soon Dark Force
One can't see the icons or what they are supposed to represent. :(
Maybe too black?
Joshua203 [ Fri 22 Apr, 2011 08:35 ]
Post subject: Re: Coming Soon Dark Force
Looks nice 'n dark TopoMotoV3X :wink:
Just two things I noticed on a quick look:
- The background used may be not so screen friendly (on scroll at least one of my screens starts flickering colours)
- the bottom new topic button looks like a tab of the icon description box (I would give it some space below :wink: )
spydie [ Fri 22 Apr, 2011 08:57 ]
Post subject: Re: Coming Soon Dark Force
these flickering colours use to come up, if you use moz ( rgba ) transparencies
happend to me aswell, when developing an theme
TopoMotoV3X [ Sat 23 Apr, 2011 19:18 ]
Post subject: Re: Coming Soon Dark Force
- The background used may be not so screen friendly (on scroll at least one of my screens starts flickering colours)
I don't understand what you mean by starts flickering colors.
- the bottom new topic button looks like a tab of the icon description box (I would give it some space below :wink: )
I optimized the space of the icon, I can not do much more, but now is equal to the styles of icy.

Joshua203 [ Sun 24 Apr, 2011 19:47 ]
Post subject: Re: Coming Soon Dark Force
I don't understand what you mean by starts flickering colors.
I mean that when I scroll.. the black background does not stay black (could be because of what Spydie says, but could also be my monitor quality I don't know).
I optimized the space of the icon, I can not do much more, but now is equal to the styles of icy.
Yes I now see it's default space ..my bad I guess :oops:
TopoMotoV3X [ Mon 25 Apr, 2011 00:45 ]
Post subject: Re: Coming Soon Dark Force
Thanks Joshua, I tested this style with IE7, IE8, Firefox, Chrome, Opera, Safari, and also with the iphone... I have not encountered any problems, but should seek the advice of someone else, maybe spydie could give an opinion if he can.
Thanks Guys.
spydie [ Mon 25 Apr, 2011 01:37 ]
Post subject: Re: Coming Soon Dark Force
got a little flickering aswell, I supose its from the background repeating when you scroll
BTW seeing the lang links in the top of the forum.
Just had an idea.
what about doing lang switch automaticly getting the data from the user navigator and system by js check
TopoMotoV3X [ Mon 25 Apr, 2011 11:05 ]
Post subject: Re: Coming Soon Dark Force
may be an optical affection, made from decorations the background... :oops:
Speak the same JavaScript that I used in Icy Phoenix Local Server Setup, Some time ago I used this js for recognizing the language of the user on the forum, but I have not had good results.....
practically, it continues to load pages indefinitely, then I gave up this, but reviewing all with a bit of calm is not a bad idea.
mort [ Sun 01 May, 2011 13:49 ]
Post subject: Re: Coming Soon Dark Force
There are a lot or warnings with your theme - 428 to be precise. :(
Most of it is coming from the badly scripted "BoardNews" - And some you have created yourself.
The script below needs "tables" as you can't have <tr><td> inside <div's>
div's need to be either outside of a table, or inside the <td>
Anyway - here's one that you should fix up? ;)
<div id="bg">
<--- Start table here --->
<tr>
<td width="100%" colspan="3" valign="top">
<div id="top_logo">
<table class="" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="left" height="100%" valign="middle">
<div id="logo-img"><a href="http://www.hellomotorazrforum.com/index.php" title="Home"><img src="http://www.hellomotorazrforum.com/templates/hmr/images/dark_force/sitelogo_small.png" alt="Home" title="Home" /></a></div>
</td>
<td align="center" valign="middle"> </td>
<td align="right" valign="middle">
<!-- <div class="sitedes"><h1>Mobile Modding Community</h1></div> -->
</td>
</tr>
</table>
</div>
</td>
</tr>
<--- Finish table here --->
</div>
And another one. :mryellow:
<th width="180"><ul class="lastpost"> Last Post </ul></th>
If you are going to use <ul> like you have here:
(Though I have no idea why you can't pass that to the <th class=" etc, or at most use a <span class="etc)
With <ul's> you need to make it like this: <ul class="lastpost"><li> Last Post </li></ul>
You may even have to give the line a class, depending on what you are trying to do?
That should fix some of the problems -
Only 424 to go! :mryellow:
TopoMotoV3X [ Sun 01 May, 2011 18:24 ]
Post subject: Re: Coming Soon Dark Force
Thank you for your valuable advice, I was wondering where you can read errors on a page?
Last night I did some tests, to give a fixed width to the panel's response, but I'm not sure this will be integrated into dark force style.
before entering the ul tag, I tried using span, and giving <th class, but it did not work, so I gave a drastic solution. :P
PS: The news board is not integrated into the style, is part of hellomotorazr Site.
Regards.
mort [ Sun 01 May, 2011 23:56 ]
Post subject: Re: Coming Soon Dark Force
Thank you for your valuable advice, I was wondering where you can read errors on a page?
I use FF and the HTML Validator extension and have it active in the icon tray.
(You have to use the validator settings to do that) - Then one can see if or not one is fixing something - Or making it worse! :mryellow:
Quote:
Last night I did some tests, to give a fixed width to the panel's response, but I'm not sure this will be integrated into dark force style.
If the theme is designed to be fluid -
(to suit all screen-widths) then using fixed width's is not a good idea.
Quote:
before entering the ul tag, I tried using span, and giving <th class, but it did not work, so I gave a drastic solution. :P
Drastic solutions are not really the way to go. Try changing the <th to <td and give a class of its own - using the same css markup that the <th uses?
Quote:
PS: The news board is not integrated into the style, is part of hellomotorazr Site.
Regards.
I know! But it sure is a mess as far as its markup goes. :P
TopoMotoV3X [ Tue 03 May, 2011 03:50 ]
Post subject: Re: Coming Soon Dark Force
Great! I did not know this application in Firefox, I fixed all the warnings about the style, fixed size of the box "Last Post" I have decided to set to 185px, I find that is much more ordered. :wink:
mort [ Tue 03 May, 2011 05:02 ]
Post subject: Re: Coming Soon Dark Force
There's still a few problems? :shock:
I don't know what this is supposed to do as it's ignored by the browsers - It's the wrong use for it, and it doesn't mean anything?
white-space: 300px;
http://www.w3schools.com/CSS/pr_text_white-space.asp
-------------------------------------
This one is an Icy Phoenix problem! :mryellow:
FF no longer uses it - It now uses "opacity" by itself, and has done for some time. ;)
-moz-opacity:
---------------------------------
trasparent?
<div class="cse-branding-right" style="background-color:
trasparent;color:#000000">
Anyway - You're on the right track, as FF HTML Validator will show you all these errors when you spend some time investigating "Why you have red indicators at the top r/h side of FF" and checking the Error Console as well etc.
They also indicate javascript errors - -
:lol:
TopoMotoV3X [ Wed 04 May, 2011 02:29 ]
Post subject: Re: Coming Soon Dark Force
trasparent?
<div class="cse-branding-right" style="background-color:trasparent;color:#000000">
Anyway - You're on the right track, as FF HTML Validator will show you all these errors when you spend some time investigating "Why you have red indicators at the top r/h side of FF" and checking the Error Console as well etc.
I do not have this item in tpl Dark Force, I checked all the css of this style, and I have no red.
You can check how many alerts you see now? because to me now says zero errors and zero warnings.
Many thanks bro. :wink:
mort [ Wed 04 May, 2011 03:16 ]
Post subject: Re: Coming Soon Dark Force
because to me now says zero errors and zero warnings.
It certainly is a whole lot better, but that's not quite what I get? :mryellow:
Some you can fix - Some you can't because they are coming on-line through your sponsors etc. :(
That's why it's always advisable to create styles with a "clean" install of the software using XAMPP etc. ;)
But you are probably doing that anyway. :P
Result: 0 errors / 46 warnings
line 568 column 2 - Warning: <marquee> is not approved by W3C
line 570 column 1 - Warning: inserting implicit <marquee>
line 571 column 1 - Warning: inserting implicit <marquee>
line 578 column 3 - Warning: inserting implicit <marquee>
line 579 column 2 - Warning: discarding unexpected </marquee>
line 585 column 1 - Warning: <img> element not empty or not closed
line 626 column 124 - Warning: <embed> is not approved by W3C
line 631 column 355 - Warning: discarding unexpected <html>
line 632 column 9 - Warning: <title> isn't allowed in <center> elements
line 632 column 1 - Info: <center> previously mentioned
line 633 column 1 - Warning: discarding unexpected <body>
line 634 column 3 - Warning: discarding unexpected <head>
line 638 column 2 - Warning: <center> isn't allowed in <tr> elements
line 637 column 1 - Info: <tr> previously mentioned
line 638 column 2 - Warning: missing </center> before <td>
line 639 column 1 - Warning: <img> element not empty or not closed
line 641 column 1 - Warning: <style> isn't allowed in <td> elements
line 638 column 10 - Info: <td> previously mentioned
line 644 column 1 - Warning: missing </div>
line 657 column 9 - Warning: discarding unexpected </center>
line 658 column 2 - Warning: <div> isn't allowed in <tr> elements
line 637 column 1 - Info: <tr> previously mentioned
line 659 column 5 - Warning: <br> element not empty or not closed
line 632 column 1 - Warning: missing </center>
line 631 column 262 - Warning: missing </table> before </body>
line 664 column 1 - Warning: discarding unexpected </center>
line 631 column 94 - Warning: missing </div>
line 667 column 88 - Warning: discarding unexpected </div>
line 667 column 94 - Warning: <div> isn't allowed in <tr> elements
line 220 column 1 - Info: <tr> previously mentioned
line 668 column 99 - Warning: <img> element not empty or not closed
line 671 column 94 - Warning: <div> isn't allowed in <tr> elements
line 220 column 1 - Info: <tr> previously mentioned
line 724 column 93 - Warning: unescaped & or unknown entity "&G"
line 724 column 119 - Warning: unescaped & or unknown entity "&G"
line 738 column 94 - Warning: <div> isn't allowed in <tr> elements
line 220 column 1 - Info: <tr> previously mentioned
line 786 column 98 - Warning: discarding unexpected <table>
line 787 column 1 - Warning: <img> element not empty or not closed
line 790 column 2 - Warning: discarding unexpected </td>
line 188 column 154 - Warning: missing </div> before <td>
line 791 column 2 - Warning: inserting implicit <table>
line 791 column 2 - Warning: missing <tr>
line 796 column 2 - Warning: discarding unexpected </td>
line 797 column 1 - Warning: discarding unexpected </tr>
line 188 column 154 - Warning: missing </div> before <tr>
line 798 column 1 - Warning: inserting implicit <table>
line 570 column 1 - Warning: <marquee> anchor "links_block" already defined
line 571 column 1 - Warning: <marquee> anchor "links_block" already defined
line 578 column 3 - Warning: <marquee> anchor "links_block" already defined
line 659 column 12 - Warning: <font> attribute "color" has invalid value "grey"
line 638 column 10 - Warning: <td> attribute "width" has invalid value "100px"
line 638 column 2 - Warning: trimming empty <center>
Info: Doctype given is "-//W3C//DTD XHTML 1.0 Transitional//EN"
Info: Document content looks like HTML Proprietary
Quote:
Many thanks bro. :wink:
You're welcome - And from here I'll leave you alone to do it the best you can
without me
"Nagging" you. :lol:
PS: With the colour "grey" - You'll have to learn American - I think it's gray.
Stupid Yanks!