Title: Future PHP Website design
Post by: Xifanie on March 01, 2008, 03:13:10 pm
Post by: Xifanie on March 01, 2008, 03:13:10 pm
Feedback, Suggestions, Flamewar, omgwtfbbq?
Title:
Post by: Austin on March 01, 2008, 03:43:06 pm
Post by: Austin on March 01, 2008, 03:43:06 pm
It's everything I could ever want in a website 
Title:
Post by: Xifanie on March 01, 2008, 05:14:45 pm
Post by: Xifanie on March 01, 2008, 05:14:45 pm
Duba?
Pwa
asdf?
Pwa
asdf?
Title:
Post by: VincentCraven on March 01, 2008, 06:48:31 pm
Post by: VincentCraven on March 01, 2008, 06:48:31 pm
That's a pretty nice format. Not so sure about the blue side, but I do like the artwork.
Important, recent news should be said by Ramza: "Text editor is complete. Finally!"
I assume asdf is just there in place of what will be forum topics and stuff.
Important, recent news should be said by Ramza: "Text editor is complete. Finally!"
I assume asdf is just there in place of what will be forum topics and stuff.
Title:
Post by: Sen on March 01, 2008, 11:36:43 pm
Post by: Sen on March 01, 2008, 11:36:43 pm
The background where the text is(when characters speak in FFT)/The forum's is better than the blue background and it fits with the artwork of Ovelia making it epiclike.
Title:
Post by: Ryonin on March 02, 2008, 02:52:26 am
Post by: Ryonin on March 02, 2008, 02:52:26 am
Red on blue is always a no-no.
In my opinion... red instead of the blue, with white links, would be easier on the eyes. But white links in general would be better. Red coordinates better with the tan of the comment box. Just don't make it high saturation red. Something more sedate is always better.
In my opinion... red instead of the blue, with white links, would be easier on the eyes. But white links in general would be better. Red coordinates better with the tan of the comment box. Just don't make it high saturation red. Something more sedate is always better.
Title:
Post by: Xifanie on March 04, 2008, 10:45:13 am
Post by: Xifanie on March 04, 2008, 10:45:13 am
Those should already be much better, I have to admit the blue didn't fit well.
Title:
Post by: karsten on March 04, 2008, 11:04:37 am
Post by: karsten on March 04, 2008, 11:04:37 am
maybe change the text do some kind of dark *gray*. i don't like the "striped" upper part.
beside that, nice, i like it
EDIT: edited the color * *
beside that, nice, i like it
EDIT: edited the color * *
Title:
Post by: Xifanie on March 04, 2008, 12:11:29 pm
Post by: Xifanie on March 04, 2008, 12:11:29 pm
I really don't know what else to put there... any idea? :/
Title:
Post by: Ryonin on March 04, 2008, 03:10:44 pm
Post by: Ryonin on March 04, 2008, 03:10:44 pm
Perhaps a random battlefield screenshot backdrop to whatever logo you come up with?
By random, I mean a different one pops up each time.
By random, I mean a different one pops up each time.
Title:
Post by: trickstardude7 on March 04, 2008, 07:35:09 pm
Post by: trickstardude7 on March 04, 2008, 07:35:09 pm
I like Test 2 But I 2nd adding a BattleField of some sort
Title:
Post by: Xifanie on March 04, 2008, 09:44:22 pm
Post by: Xifanie on March 04, 2008, 09:44:22 pm
I'm hosting this for myself; I use map2gl (mother's comp) while photoshop is on my comp. I should be able to come up with something nice that fits for all resolutions, although lower ones may not be able to see the full width of the map.
Title:
Post by: Kuraudo Sutoraifu on March 04, 2008, 11:16:37 pm
Post by: Kuraudo Sutoraifu on March 04, 2008, 11:16:37 pm
Okay, so I have a few ideas. First I thought I'd make a few .gifs icons for links to replace the regular text links on Zodiac's design and made something like this:
(http://img.photobucket.com/albums/v672/Powerguy500/forum.gif)
Whenever you would scroll over the link of the forum chocobo it would do the "glisten" effect.
But then I decided I wanted to take a crack at making a design. Here is my idea:
(http://img.photobucket.com/albums/v672/Powerguy500/blahblahblah.png)
Nevermind the T in the corner. Now picture what I did for the chocobo, only whenever your cursor hovers over one of the characters in the logo it will glisten and the respective link title will phase into vision. I would also make text links at the bottom just in case.
(http://img.photobucket.com/albums/v672/Powerguy500/forum.gif)
Whenever you would scroll over the link of the forum chocobo it would do the "glisten" effect.
But then I decided I wanted to take a crack at making a design. Here is my idea:
(http://img.photobucket.com/albums/v672/Powerguy500/blahblahblah.png)
Nevermind the T in the corner. Now picture what I did for the chocobo, only whenever your cursor hovers over one of the characters in the logo it will glisten and the respective link title will phase into vision. I would also make text links at the bottom just in case.
Title:
Post by: Xifanie on March 05, 2008, 12:01:32 am
Post by: Xifanie on March 05, 2008, 12:01:32 am
I like the idea but, that one is way too big. If the height gets to high compared to the width, it will look ugly considering the width the the navigation bar.
However I simply think it's not worth the trouble about the second one... it would be fancy & all but would end up slowing everything.
He's my latest piece of work before I'm off to sleep:
However I simply think it's not worth the trouble about the second one... it would be fancy & all but would end up slowing everything.
He's my latest piece of work before I'm off to sleep:
Title:
Post by: karsten on March 05, 2008, 02:15:56 am
Post by: karsten on March 05, 2008, 02:15:56 am
not bad zodiac! you might considering ading some "artistic" filter to the battleground, something like a blur or even better a "sketch" filter to make it lok like the art in the right corner.
Title:
Post by: Sen on March 05, 2008, 05:02:20 am
Post by: Sen on March 05, 2008, 05:02:20 am
How about this?
Title:
Post by: Xifanie on March 05, 2008, 08:46:56 am
Post by: Xifanie on March 05, 2008, 08:46:56 am
:O
:O
:O
:O
:O
That's omgwqtfbbqawesome!
:O
:O
:O
:O
That's omgwqtfbbqawesome!
Title:
Post by: Sen on March 05, 2008, 09:16:57 am
Post by: Sen on March 05, 2008, 09:16:57 am
It might turn out great! Ovelia looking at Delita.
Title:
Post by: Xifanie on March 05, 2008, 10:46:19 am
Post by: Xifanie on March 05, 2008, 10:46:19 am
Yeah but in the real thing there will only be 1/21 chance that the pic will be Ovelia.
Title:
Post by: karsten on March 05, 2008, 10:52:44 am
Post by: karsten on March 05, 2008, 10:52:44 am
not bad, how about moving the final fantasy hacktics logo upper on the lower right of delita?
Title:
Post by: Xifanie on March 05, 2008, 11:06:56 am
Post by: Xifanie on March 05, 2008, 11:06:56 am
I can't really. It will look bad in one resolution and good with the other so instead I'd rather keep the logo there.
After looking a second time at it, I'll shrink the image in height enough that it will fit perfectly in 1024x768 because that's what most people use.
After looking a second time at it, I'll shrink the image in height enough that it will fit perfectly in 1024x768 because that's what most people use.
Title:
Post by: Kuraudo Sutoraifu on March 05, 2008, 10:37:22 pm
Post by: Kuraudo Sutoraifu on March 05, 2008, 10:37:22 pm
Zodiac, if you think the second one will slow things down then, I won't bother with it. However for the .gif links they would definitely be smaller, but that image was big size for showcasing purposes.
Anyway, here is a cleaner version of the edit FFT logo, should you need it:
Anyway, here is a cleaner version of the edit FFT logo, should you need it:
Title:
Post by: Xifanie on March 06, 2008, 07:22:06 am
Post by: Xifanie on March 06, 2008, 07:22:06 am
Oh yeah baby that saves me lotsa trouble. 
Title:
Post by: Xifanie on March 06, 2008, 08:55:22 am
Post by: Xifanie on March 06, 2008, 08:55:22 am
Last version?
If no one is against it, I'll start coding it into a real web page in a few hours.
If no one is against it, I'll start coding it into a real web page in a few hours.
Title:
Post by: karsten on March 06, 2008, 11:14:01 am
Post by: karsten on March 06, 2008, 11:14:01 am
i would make the ffHacktics logo smaller and move it to the right of delita, close to alma, so that the pic is clearer
Title:
Post by: Xifanie on March 06, 2008, 12:47:57 pm
Post by: Xifanie on March 06, 2008, 12:47:57 pm
I'll try to do what I can but I can't move it too much nor resize it too much.
By the way, that's Ovelia; not Alma. >_>'
By the way, that's Ovelia; not Alma. >_>'
Title:
Post by: Austin on March 06, 2008, 04:08:45 pm
Post by: Austin on March 06, 2008, 04:08:45 pm
Looks good to me, also I was wondering what kind of stuff you were going to put in the walkthrough sections. Maps? Enemy info? Or just strategiez?
Title:
Post by: Xifanie on March 07, 2008, 11:36:37 am
Post by: Xifanie on March 07, 2008, 11:36:37 am
All of that and even more... but I'm not sure for strategies; everyone has their own way to win a battle.
Well, time for a beta test. It works perfectly fine on my computer in Firefox/IE but I don't know how it would be handled for you guys.
http://auritech.byethost13.com/ffhackticks/
Well, time for a beta test. It works perfectly fine on my computer in Firefox/IE but I don't know how it would be handled for you guys.
http://auritech.byethost13.com/ffhackticks/
Title:
Post by: Xifanie on March 07, 2008, 12:15:28 pm
Post by: Xifanie on March 07, 2008, 12:15:28 pm
Ok well I found out about the image taking not enough space, therefore the image is created again but for only 3-4 pixels. I'll fix that soon.
Please report ANY graphical bug. Try resizing the window too.
Please report ANY graphical bug. Try resizing the window too.
Title:
Post by: Kheldarn on March 07, 2008, 01:53:17 pm
Post by: Kheldarn on March 07, 2008, 01:53:17 pm
I run in 1280x1024, and it looks pretty good. The only graphical problem I see is that it looks like the logo starts to repeat itself before becoming a blank black square. It's only a couple of pixels wide, so I'm guessing it's the problem you mentioned in your post.
Title:
Post by: Austin on March 07, 2008, 03:53:17 pm
Post by: Austin on March 07, 2008, 03:53:17 pm
I'm not having any problems with it.
Title:
Post by: gomtuu on March 07, 2008, 04:07:35 pm
Post by: gomtuu on March 07, 2008, 04:07:35 pm
Be sure to leave room for the scroll bar. If you're designing for 1024x768, then your page should really only be about 980 pixels wide.
Edit: Nevermind, I am a retard and was talking about the image, not the beta link.
-Don
Edit: Nevermind, I am a retard and was talking about the image, not the beta link.
-Don
Title:
Post by: Xifanie on March 07, 2008, 04:59:44 pm
Post by: Xifanie on March 07, 2008, 04:59:44 pm
I had quite a few problems because I had not the good size for the border of the sketch image (which was previously Ovelia). I lowered it by 11 pixels in width and now it's good.
Everything should work properly now so next thing I hit are random images which I surprisingly haven't been able to do yet. -_-'
http://auritech.byethost13.com/ffhackticks/
Everything should work properly now so next thing I hit are random images which I surprisingly haven't been able to do yet. -_-'
http://auritech.byethost13.com/ffhackticks/
Title:
Post by: Sen on March 07, 2008, 06:56:06 pm
Post by: Sen on March 07, 2008, 06:56:06 pm
Goblin: gobu!
Chocobo: wark!
Lilipea: pwa.
Dudbear: dub!
Chocobo: wark!
Lilipea: pwa.
Dudbear: dub!
Title:
Post by: Bastard Poetry on March 08, 2008, 02:35:07 am
Post by: Bastard Poetry on March 08, 2008, 02:35:07 am
Looks good with Opera here.
Great work, Zodiac!
Great work, Zodiac!
Title:
Post by: Kheldarn on March 08, 2008, 03:27:59 pm
Post by: Kheldarn on March 08, 2008, 03:27:59 pm
I still get the pixel error. Need a screenshot?
As for the random image thing, do this:
Of course, you can add as many images as you want. Just put each on its own line. Save it as something like rightimg.php and then use this tag to call it:
That will cause the page to load a random image in that spot every time it's viewed.
As for the random image thing, do this:
Code Select
<?php
$files=array("ImageName1.gif",
"ImageName2.gif",
"ImageName3.gif",
"ImageName4.jpg",
"ImageName5.png");
$baseurl="http://path_to_your_images_folder";
$random=rand(0,count($files)-1);
if(substr($files[$random],-3)=="png") Header("Content-type:image/png");
if(substr($files[$random],-3)=="gif") Header("Content-type:image/gif");
if(substr($files[$random],-3)=="jpg") Header("Content-type:image/jpeg");
readfile($baseurl.$files[$random]);
?>Of course, you can add as many images as you want. Just put each on its own line. Save it as something like rightimg.php and then use this tag to call it:
Code Select
<img src=rightimg.php>That will cause the page to load a random image in that spot every time it's viewed.
Title:
Post by: Xifanie on March 08, 2008, 04:13:24 pm
Post by: Xifanie on March 08, 2008, 04:13:24 pm
Well, that's odd... I suppose I forgot to save or something.
As for the random image it's already working. Although Firefox handles it in a strange way since if I press refresh it will only load a new image about every 5 times I refresh. Works well in IE though.
As for the random image it's already working. Although Firefox handles it in a strange way since if I press refresh it will only load a new image about every 5 times I refresh. Works well in IE though.
Title:
Post by: trickstardude7 on March 08, 2008, 04:35:37 pm
Post by: trickstardude7 on March 08, 2008, 04:35:37 pm
looks good on my computer but on my psp its all squished together in the logo but its not a huge problem
Title:
Post by: Kuraudo Sutoraifu on March 09, 2008, 02:39:24 pm
Post by: Kuraudo Sutoraifu on March 09, 2008, 02:39:24 pm
Looks wonderful! When might we see this incarnation of the site appear?
Title:
Post by: Xifanie on March 09, 2008, 04:30:12 pm
Post by: Xifanie on March 09, 2008, 04:30:12 pm
I still need the content! Plus right now I'm wondering how the user will be able to hotlking PSP or PSX pages without giving me the trouble of making a copy of each page for each version.
Title:
Post by: Kheldarn on March 10, 2008, 06:11:23 pm
Post by: Kheldarn on March 10, 2008, 06:11:23 pm
Code both PSX and PSP info into one page using IF statements, then have them choose a link for the version they want. For example, if they wanted the Chapter 1 Walkthrough for PSP, the link would be something like this:
The IF statement would say:
That gives one page, but two outputs, based on if the link is sys=PSP or sys=PSX.
Code Select
http://www.aurirech.eu/walkthrough/chapter1.php?sys=PSPThe IF statement would say:
Code Select
if($sys==PSP) {
code for PSP info
}That gives one page, but two outputs, based on if the link is sys=PSP or sys=PSX.
Title:
Post by: Xifanie on March 10, 2008, 07:31:07 pm
Post by: Xifanie on March 10, 2008, 07:31:07 pm
I want to make sections for patches too; I'll code the whole thing so it loads from FFT's raw data.
I think I decided how to code the pages.
I will include the code with my main frame and use the $_GET method to load from .txt files from the specified folder.
For example:
URL
http://www.ffthacktics.com/walkthrough. ... &battle=21 (http://www.ffthacktics.com/walkthrough.php?s=psp&battle=21)
would load from
http://www.ffhacktics.com/psp/walkthrough/21.txt (http://www.ffhacktics.com/psp/walkthrough/21.txt)
similarly,
http://www.ffthacktics.com/walkthrough.php?s=gba (http://www.ffthacktics.com/walkthrough.php?s=gba)
would load from
http://www.ffhacktics.com/gba/walkthrough/0.txt (http://www.ffhacktics.com/gba/walkthrough/0.txt)
then result in a 404 error because there is no gba folder... yet. </jk>
Of course that will require me to have a duplicate of each file for each folder but I can simply link back to the PSX folder if it's the same information.
I think I decided how to code the pages.
I will include the code with my main frame and use the $_GET method to load from .txt files from the specified folder.
For example:
URL
http://www.ffthacktics.com/walkthrough. ... &battle=21 (http://www.ffthacktics.com/walkthrough.php?s=psp&battle=21)
would load from
http://www.ffhacktics.com/psp/walkthrough/21.txt (http://www.ffhacktics.com/psp/walkthrough/21.txt)
similarly,
http://www.ffthacktics.com/walkthrough.php?s=gba (http://www.ffthacktics.com/walkthrough.php?s=gba)
would load from
http://www.ffhacktics.com/gba/walkthrough/0.txt (http://www.ffhacktics.com/gba/walkthrough/0.txt)
then result in a 404 error because there is no gba folder... yet. </jk>
Of course that will require me to have a duplicate of each file for each folder but I can simply link back to the PSX folder if it's the same information.
Title:
Post by: trickstardude7 on March 10, 2008, 10:58:08 pm
Post by: trickstardude7 on March 10, 2008, 10:58:08 pm
jeez are you making the site from scratch 0_o
Title:
Post by: Xifanie on March 10, 2008, 11:18:06 pm
Post by: Xifanie on March 10, 2008, 11:18:06 pm
lol, there is no other way to make a site.