30 replies to this topic

[Eli L]

Hey everyone!

I've been looking VlexoFree to see where things can be improved, be it content or design, and I'm making a list of things to improve. The first thing I want to get done is to revamp the default account page that you see when your account is initially created.

The current page we have looks like the following: http://demo.vlexofree.com

Something I came up quickly for a new one looks like: http://vlexofree.com...ultaccount.html

Whats missing for the one I made is content with links and information as in the current page we have. I'm not sure of to put the content in though, maybe something with ajax? Anyways if anyone has any ideas or wants to give designing or implementing the rest of the new page please give it a shot! Just save the page in the link above to your computer and code away. Then post in this thread with what you have done!

So, anyone want to give it a shot?  

[Ad Bot]

[lsproc]

This seems like a bit of fun - i'll have a play when I get some tme

[shinryuurey]

Cool. I'll try to create one.

[Eli L]

Nice! I'm looking forward to seeing what you guys come up with.

[lsproc]

Here's a work in progress. What i'm planning to do is add two further (larger) boxes below with information about linkbacks and help. Im still not happy about the colour of the stars though - annoyingly you can't get a gradient on those using CSS due to the way the CSS3-based starburst is formed, but ill work something else out.

Attached Files

•  new_page.PNG   210.33K   50 downloads

[Sharad D]

Wow! I just love the new page

I felt it was better if you could find place for Community Forums and VlexoFree Wiki.

If possible a title tag or somthing over "Feel Free to remove this page" saying "delete index.html in your www folder" as many will forget to remove it and wonder why index.php is not showing up!

[lsproc]

Good idea. I was planning to add those links below (don't have time atm to finish it off, so ill do that later/next weekend).

[Kiro R]

Wow that's looking really good.
I can't wait to see the finished result!

[Eli L]

lsproc, on 23 January 2011 - 04:03 AM, said:

Here's a work in progress. What i'm planning to do is add two further (larger) boxes below with information about linkbacks and help. Im still not happy about the colour of the stars though - annoyingly you can't get a gradient on those using CSS due to the way the CSS3-based starburst is formed, but ill work something else out.

Looks great lsproc!

I think the page should have at least info on how to get to cpanel, info about placing the ads/linkback (wiki link), where to get help (forums and wiki), and somewhere having something saying they have 20 days to have content.

[lsproc]

Here is a first try, if you have any improvements just let me know

Attached Files

•  index.htm   7.42K   15 downloads

[Kiro R]

You did a great job! I really like it.

[Eli L]

lsproc, on 28 January 2011 - 11:17 AM, said:

Here is a first try, if you have any improvements just let me know

That looks amazing lsproc!

I took some time and changed a few things including some little design tweaks, narrowing of the page, and editing, and some backend changes including semantic html and css optimizations.

Do you guys like the changes?

http://vlexofree.com...ltaccount2.html

[lsproc]

Mmm, I think the warning about 20 days should be back on its own line as it made it stand out a bit more. Otherwise you seem to have fixed the niggles I had with it Nice job!

Edit: In hindsight I would have also swapped the colours of boxes 1 and 4, as then we get a nice red, amber, green effect like on traffic lights too.

Edited by lsproc, 29 January 2011 - 05:47 AM.

[shinryuurey]

I forgot to create one. >.<

I love that one. This will provide more links and info for vlexofree new users.

http://vlexofree.com...ltaccount2.html

Just some resolution issues, I'm using 1024 x 768 and a FireFox browser.

See the attached file.

The box style are on a specific pixels. You can slice it to percentage.

Update:

I've edited it to fit on any resolution:

http://amagoodboyz.co.cc/vlexo1/

I've change the head horizontally.
http://amagoodboyz.co.cc/vlexo2/

What do you think?

Attached Files

•  reso.JPG   113.99K   9 downloads

Edited by shinryuurey, 29 January 2011 - 01:35 PM.

[Kiro R]

Hm, it works fine on my resolution.
I think to resolve this issue for all browsers/monitor sizes we will have to add a specific background width, or something.

[shinryuurey]

I edited the css classes. Eli used px that's why it's not fitting on my 1024x768 resolution. I changed the px to % to evenly distribute the size.

Go to:

Quote

http://amagoodboyz.co.cc/vlexo1/ (Vertical Header)
http://amagoodboyz.co.cc/vlexo2/ (Horizontal Header)

And press Ctrl + "Plus Sign"/"Minus Sign"

You'll see the difference when you do it here:

Quote

http://vlexofree.com...ltaccount2.html

Edited by shinryuurey, 29 January 2011 - 02:46 PM.

[Kiro R]

I like the second one a lot more.

[lsproc]

Thats a good idea, my screen is massive and I forgot to consider lower resolutions. Just to note that not all the borders reach the right hand side, so you get half a border at the top and half a border at the bottom which looks a tad awkward.

What happened to the shadow on the buttons?

[shinryuurey]

lsproc, on 30 January 2011 - 03:56 AM, said:

Thats a good idea, my screen is massive and I forgot to consider lower resolutions. Just to note that not all the borders reach the right hand side, so you get half a border at the top and half a border at the bottom which looks a tad awkward.

What happened to the shadow on the buttons?

Did it appear alright on your resolution? I think Eli edited the buttons. I have edited only the width of the boxes and some margin.

[lsproc]

Mmm nope, on his the buttons have no boldness but have the shadow, on yours the reverse (and it also has the older version of the text in the boxes). But it works quite well on my resolution, and I second the horizontal format.