TESIV:POSItive Site Redesign

Post » Wed Mar 30, 2011 12:40 pm

Call me crazy, but it looks like maybe your cookie issue has been resolved? :cookie:

EDIT: more appropriate smiley, haha!

Yes, haha. I had done something pretty silly. I will be doing a few minor code updates today. I still do not have time for the user settings page, maybe tomorrow. The structural layout should be updated slightly today, however. I may even get that second theme option up. ^___^
User avatar
James Rhead
 
Posts: 3474
Joined: Sat Jul 14, 2007 7:32 am

Post » Wed Mar 30, 2011 5:58 am

This is really bugging me. When you scroll over the Troubleshooting tab of the main menu while not tabs are collapsed, the content shifts a few pixels. It only happens with that tab. Does someone have a clue?
User avatar
Kat Stewart
 
Posts: 3355
Joined: Sun Feb 04, 2007 12:30 am

Post » Wed Mar 30, 2011 7:11 am

Does someone have an idea about how I could go about the News/logging thing. I use MySQL, and I know how I could implement this manually, but if someone has another idea, I am open to suggestions.
User avatar
Inol Wakhid
 
Posts: 3403
Joined: Wed Jun 27, 2007 5:47 am

Post » Wed Mar 30, 2011 1:12 am

Does someone have an idea about how I could go about the News/logging thing. I use MySQL, and I know how I could implement this manually, but if someone has another idea, I am open to suggestions.
User avatar
Wane Peters
 
Posts: 3359
Joined: Tue Jul 31, 2007 9:34 pm

Post » Tue Mar 29, 2011 9:55 pm

This is really bugging me. When you scroll over the Troubleshooting tab of the main menu while not tabs are collapsed, the content shifts a few pixels. It only happens with that tab. Does someone have a clue?

I've just noticed another thing about the shifted pixel that you have noticed and not just the Troubleshooting tab, even the line up to the right corner (Home | Glossary | Settings | ) is also moved a few pixels down when you have the mouse cursor over those links. I've no clue about the link line though, but I can only guess about the tab contents. Maybe there is a mismatch of text marginals on that tab with the rest of the linked pages. Is this something that ring a bell to you. :unsure:
User avatar
Melissa De Thomasis
 
Posts: 3412
Joined: Tue Feb 27, 2007 6:52 pm

Post » Tue Mar 29, 2011 10:54 pm

I've just noticed another thing about the shifted pixel that you have noticed and not just the Troubleshooting tab, even the line up to the right corner (Home | Glossary | Settings | ) is also moved a few pixels down when you have the mouse cursor over those links. I've no clue about the link line though, but I can only guess about the tab contents. Maybe there is a mismatch of text marginals on that tab with the rest of the linked pages. Is this something that ring a bell to you. :unsure:

The tabs are printed out by a script, and I used CSS classes. They have all of the same margin settings if they are in the same state. I will check the names of the inner contents. That would be quite annoying. I know about the navbar. That is just because the link you hover over is emboldened, which increases the size a bit. Those will be buttons in the future, but at least I know the reason for it... :(
User avatar
Hannah Whitlock
 
Posts: 3485
Joined: Sat Oct 07, 2006 12:21 am

Post » Tue Mar 29, 2011 9:22 pm

The tabs are printed out by a script, and I used CSS classes. They have all of the same margin settings if they are in the same state. I will check the names of the inner contents. That would be quite annoying. I know about the navbar. That is just because the link you hover over is emboldened, which increases the size a bit. Those will be buttons in the future, but at least I know the reason for it... :(

That ruled out the marginals, but could it be any text formatting of the colour heights size or other used document formats?
User avatar
Rudy Paint fingers
 
Posts: 3416
Joined: Sun Nov 11, 2007 1:52 am

Post » Wed Mar 30, 2011 11:34 am

That ruled out the marginals, but could it be any text formatting of the colour heights size or other used document formats?

Class, class, class... Ah, well, I am rewriting the Load Order page right now. After that, I want to start chopping on this TODO list.
Recognize subpage should have parent highlighted in the menu
Add names to Preparing for Mods
Add names to mod guides
Section FCOM BAIN conversions
Create dark color scheme
Change page file to 2GB
My Lists need color


I have a couple of patches to make too...
User avatar
Hella Beast
 
Posts: 3434
Joined: Mon Jul 16, 2007 2:50 am

Post » Wed Mar 30, 2011 1:23 am

That ruled out the marginals, but could it be any text formatting of the colour heights size or other used document formats?

Class, class, class... Ah, well, I am rewriting the Load Order page right now. After that, I want to start chopping on this TODO list.
Recognize subpage should have parent highlighted in the menu
Add names to Preparing for Mods
Add names to mod guides
Section FCOM BAIN conversions
Create dark color scheme
Change page file to 2GB
My Lists need color


I have a couple of patches to make too...
User avatar
Blaine
 
Posts: 3456
Joined: Wed May 16, 2007 4:24 pm

Post » Wed Mar 30, 2011 1:43 am

That ruled out the marginals, but could it be any text formatting of the colour heights size or other used document formats?

Not quite, because I can see a slightly difference in the text just below the first one like this.
Spoiler
About this site

I was working on a guide by Blade of Mercy in order to try to smooth the last one-to-

All text under that line is pixel moved a little bit expect the first line below the text presentations, when you hover the mouse over the Troubleshooting tab. Did you see that?

Class, class, class... Ah, well, I am rewriting the Load Order page right now. After that, I want to start chopping on this TODO list.


I have a couple of patches to make too...

You could also have a few named guide sites there too such as http://lovkullen.net/Emma/links.htm.

When it comes for any graphics decisions I'm willing to give you some advice. :talk:

What's your favourite colours?
I assume the "My Lists need colour" is the frame list on the web site. You can decide what colour you want for the lists later. :)
User avatar
joseluis perez
 
Posts: 3507
Joined: Thu Nov 22, 2007 7:51 am

Post » Wed Mar 30, 2011 5:48 am

Not quite, because I can see a slightly difference in the text just below the first one like this.
Spoiler

All text under that line is pixel moved a little bit expect the first line below the text presentations, when you hover the mouse over the Troubleshooting tab. Did you see that?


You could also have a few named guide sites there too such as http://lovkullen.net/Emma/links.htm.

When it comes for any graphics decisions I'm willing to give you some advice. :talk:

What's your favourite colours?
I assume the "My Lists need colour" is the frame list on the web site. You can decide what colour you want for the lists later. :)

When I hover over it, everything shifts. I am most concerned about the far column shrinking because that is so noticeable.

I have Emma's site linked already. What do you mean by "guide sites"?

My sister is an artist. I am letting her do the design. As for the lists, I was only referring to highlighting for certain groups of mods (i.e., the UOPs, FCOM and who knows what else.) I can give you some colors, if you want to help me come up with some themes for the site (while she is on vacation.) I need to find the color though. Right now, I am rewriting things. I need to do some sorting in my Installers tab, but the amount of time that will take makes me shy away from it. (I had too do a quick mod dump after getting back home from school and have yet to through it.) Maybe I will just take the color scheme from the old site. I do not know about decisions (because the graphic thing is not at the top of my mind with the warm reception of the new look) but if you have an concrete ideas about graphics then shoot away. I do have one plan...

The main menu really bugs me, as do the borders in general. If you have seen the old site, the top level is all linked, and if you look a the main menu on the new site, I have pages that share the name with the tab. I want the tabs to be links. The top level pages should be at the top, not down a click. I asked my sister to create buttons, arrow-shaped or something, so that when you click on the tab and expand the menu, the arrow would point down. When the sub-menu is closed the arrow...I mean carrot, would point in. The nav menu of the old site was fine. The difference (that I want them to have) is that this site only has visible content for two levels...three with the top pages I guess. The main menu should only expand once.

I have cut the width down from 1200 to 1024. I think that it looks better, but the borders still mess up all of my measurements. With the button and carrot idea, that expansion issue would not exist. They could change color on hover without the border thing. Borders are annoying... All of the structural appearance will be done with background images. I tried to set the columns to a fixed with, but that has not worked out so well. The buttons are killing me... I need to stop.
User avatar
Krystal Wilson
 
Posts: 3450
Joined: Wed Jan 17, 2007 9:40 am

Post » Tue Mar 29, 2011 10:30 pm

When I hover over it, everything shifts. I am most concerned about the far column shrinking because that is so noticeable.

I have Emma's site linked already. What do you mean by "guide sites"?

When I compared the new site to the old one I saw the difference what might cause the annoying pixel shifting, because you have used any buttons at all to left side where you have the all site links gathered. I mean the guide sites in that direct link on Emma's site. You can skip the "Lady Moiraine's Citadel" and look through them all except the ones that you're familiar with to see if anyone else might interests you.

My sister is an artist. I am letting her do the design. As for the lists, I was only referring to highlighting for certain groups of mods (i.e., the UOPs, FCOM and who knows what else.) I can give you some colors, if you want to help me come up with some themes for the site (while she is on vacation.) I need to find the color though. Right now, I am rewriting things. I need to do some sorting in my Installers tab, but the amount of time that will take makes me shy away from it. (I had too do a quick mod dump after getting back home from school and have yet to through it.) Maybe I will just take the color scheme from the old site. I do not know about decisions (because the graphic thing is not at the top of my mind with the warm reception of the new look) but if you have an concrete ideas about graphics then shoot away. I do have one plan...

May I suggest that have an unique colour to each groups of mods such as red / brown (FCOM), yellow (MMM), blue (OOO), green (UOP) which reflects the experience to dealing with mods in general. If that's not an option for you I suggest that you select a colour which is pleasant for the reader eyes.

The main menu really bugs me, as do the borders in general. If you have seen the old site, the top level is all linked, and if you look a the main menu on the new site, I have pages that share the name with the tab. I want the tabs to be links. The top level pages should be at the top, not down a click. I asked my sister to create buttons, arrow-shaped or something, so that when you click on the tab and expand the menu, the arrow would point down. When the sub-menu is closed the arrow...I mean carrot, would point in. The nav menu of the old site was fine. The difference (that I want them to have) is that this site only has visible content for two levels...three with the top pages I guess. The main menu should only expand once.

I don't know if that's possible, but you can use the old layout with changed colours except for the menu though. :D

I have cut the width down from 1200 to 1024. I think that it looks better, but the borders still mess up all of my measurements. With the button and carrot idea, that expansion issue would not exist. They could change color on hover without the border thing. Borders are annoying... All of the structural appearance will be done with background images. I tried to set the columns to a fixed with, but that has not worked out so well. The buttons are killing me... I need to stop.

Your decision to decrease the width to 1024 is good. :thumbsup:

I think these sites might confirm your thoughts about the buttons others is using.

http://morrowind.ttlg.com/
http://www.tommyshideout.net/
http://www.lgnpc.org/
http://oblivionsrealestate.com/
http://oblivion.silgrad.com/

What you really need is to press the button "I'm ordered to take a BREAK from this project" button. :evil: :bolt:
Spoiler
I'm just kidding, but you know that do you.

User avatar
Cheville Thompson
 
Posts: 3404
Joined: Sun Mar 25, 2007 2:33 pm

Post » Wed Mar 30, 2011 6:25 am

When I compared the new site to the old one I saw the difference what might cause the annoying pixel shifting, because you have used any buttons at all to left side where you have the all site links gathered. I mean the guide sites in that direct link on Emma's site. You can skip the "Lady Moiraine's Citadel" and look through them all except the ones that you're familiar with to see if anyone else might interests you.


May I suggest that have an unique colour to each groups of mods such as red / brown (FCOM), yellow (MMM), blue (OOO), green (UOP) which reflects the experience to dealing with mods in general. If that's not an option for you I suggest that you select a colour which is pleasant for the reader eyes.


I don't know if that's possible, but you can use the old layout with changed colours except for the menu though. :D


Your decision to decrease the width to 1024 is good. :thumbsup:

I think these sites might confirm your thoughts about the buttons others is using.

http://morrowind.ttlg.com/
http://www.tommyshideout.net/
http://www.lgnpc.org/
http://oblivionsrealestate.com/
http://oblivion.silgrad.com/

What you really need is to press the button "I'm ordered to take a BREAK from this project" button. :evil: :bolt:
Spoiler


I'll see about the sites. That is really a random collection. I mainly want those to be either big sites, or sites/lists that are very specific. There are lots of in-betweens, too many to keep up with.

I was thinking about the color-coding, definitely using different colors for different configurations. I do not want the thing to be a rainbow. The new layout is all about legibility and organization. I did not create the old site. That was a Google template. The structure is not the same at all. For some reason (that has to do with HTML of course) having a three column, centered page, is much harder than a two-column centered page, which is much harder than doing a site that covers the entire page. Those layouts are all very different from what I have in mind. I could link a site with a theme similar to what I want, but it is not developed enough yet. Still waiting on "my little designer"...

Yeah...but at least the hard work is almost done. I just need to do that user setting JavaScript coding. That will be a project for tomorrow though.
User avatar
Tracy Byworth
 
Posts: 3403
Joined: Sun Jul 02, 2006 10:09 pm

Post » Tue Mar 29, 2011 9:46 pm

Don't know if it's been mentioned before but mousing over the "Troubleshooting" button causes an ever so slight jump in the middle and right columns. None of the other buttons do this. Firefox 3.6.6 if it matters at all.
User avatar
Allison C
 
Posts: 3369
Joined: Mon Dec 18, 2006 11:02 am

Post » Tue Mar 29, 2011 11:07 pm

Don't know if it's been mentioned before but mousing over the "Troubleshooting" button causes an ever so slight jump in the middle and right columns. None of the other buttons do this. Firefox 3.6.6 if it matters at all.

Yeah, read the last size or whatever posts... If I die suddenly, that will be the cause...
User avatar
Isabel Ruiz
 
Posts: 3447
Joined: Sat Nov 04, 2006 4:39 am

Post » Wed Mar 30, 2011 12:01 pm

Don't know if it's been mentioned before but mousing over the "Troubleshooting" button causes an ever so slight jump in the middle and right columns. None of the other buttons do this. Firefox 3.6.6 if it matters at all.

Yes it has mention before, but I've confirm that *so slight jump* behaviour with Firefox 3.6.6 version. :user:
User avatar
Catherine Harte
 
Posts: 3379
Joined: Sat Aug 26, 2006 12:58 pm

Post » Wed Mar 30, 2011 1:01 pm

Yes it has mention before, but I've confirm that *so slight jump* behaviour with Firefox 3.6.6 version. :user:

I've confirmed it on Google Chrome and Firefox 3.6.6 and 3.6.5 (since I am running them both right now.)
User avatar
Damian Parsons
 
Posts: 3375
Joined: Wed Nov 07, 2007 6:48 am

Post » Wed Mar 30, 2011 3:43 am

I've confirmed it on Google Chrome and Firefox 3.6.6 and 3.6.5 (since I am running them both right now.)

This should be reported to the Mozilla's Firefox team. All we can do now it's to wait for an update or a newer version.
User avatar
Conor Byrne
 
Posts: 3411
Joined: Wed Jul 11, 2007 3:37 pm

Post » Wed Mar 30, 2011 10:40 am

This should be reported to the Mozilla's Firefox team. All we can do now it's to wait for an update or a newer version.

Why? It happens with Chrome too.


Edit: typo

Okay, I removed everything from the sub menu, and...it happens with just the button. Then I change "Troubleshooting" to "Troubleshoot", no change. Then I remove the stinking array (removing the Troubleshooting tab) and no more glitch...
User avatar
Maeva
 
Posts: 3349
Joined: Mon Mar 26, 2007 11:27 pm

Post » Wed Mar 30, 2011 2:04 am

Why? It happens with Chrome too?

I've no idea with Chrome, but I can ask a friend who are using Chrome if he has the same strange *mess*. :)
User avatar
Cameron Garrod
 
Posts: 3427
Joined: Sat Jun 30, 2007 7:46 am

Post » Wed Mar 30, 2011 4:31 am

Works with "T", "Trou", "Troublesh"...still working...


Edit: "Troubleshoo" is good too.

Edit: Yay, "Troubleshootin" works too...


AAAAHHH!!!! The "g" killed it....>| ?!!!???! :L

Edit: I am going to cry over this... :(

OMG!!!!!! "Troubleshooti" works
User avatar
Jessie Butterfield
 
Posts: 3453
Joined: Wed Jun 21, 2006 5:59 pm

Post » Wed Mar 30, 2011 2:54 am

Works with "T", "Trou", "Troublesh"...still working...


Edit: "Troubleshoo" is good too.

Edit: Yay, "Troubleshootin" works too...


AAAAHHH!!!! The "g" killed it....>| ?!!!???! :L

It seems that the word "Troubleshooting" is detected as an act of violence by Firefox internal secure settings.
User avatar
James Wilson
 
Posts: 3457
Joined: Mon Nov 12, 2007 12:51 pm

Post » Wed Mar 30, 2011 7:06 am

AND CHROME TOO. GAHHH. EVILLLL. Even "W" works.


Edit: "u" breaks it too...

Edit: It was the silly font.
User avatar
Nicola
 
Posts: 3365
Joined: Wed Jul 19, 2006 7:57 am

Post » Wed Mar 30, 2011 2:02 am

This http://www.gamesas.com/redirect.php?site=https://bugzilla.mozilla.org/page.cgi?id=get_help.html might be useful to you. :)
User avatar
emily grieve
 
Posts: 3408
Joined: Thu Jun 22, 2006 11:55 pm

Post » Tue Mar 29, 2011 9:35 pm

I fixed the problem. It has to do with font sizes. Different fonts are different pixel sizes by default. The problem exists in Chrome and Firefox. This has nothing to do with Firefox.


Edit: The fonts are fine as they are now. I wish I could use Times New Roman for the menus, but it does not look good at 9pt, and a bigger size causes the bug with that font too.
User avatar
loste juliana
 
Posts: 3417
Joined: Sun Mar 18, 2007 7:37 pm

PreviousNext

Return to IV - Oblivion