[Req] Help with logon

By em3
in Tips, Tweaks & Customization

 Share

Recommended Posts

Mentor

em3

Posted
  • Author
Posted

The problems with my design is that the big flag shuld be in the center of the left area, both vertical and horizonal. And the small flag and text image need to have a magic pink background.

There might be some problems with the top and bottom as well since they have a radial gradient.

Grand Master

zhangm Supervisor

Posted
  • Supervisor
Posted (edited)

*shrug*

If your mockup is what you wanted, then this should look a lot like it...

I haven't replaced all the graphics yet, and there's still some text colors to change, but this should look a lot like yours. And best of all, it works. :)

*Edit: Replaced progress preview with final preview:

post-17075-1114989531_thumb.jpg

Edited by Relativity_17
Grand Master

zhangm Supervisor

Posted
  • Supervisor
Posted (edited)

I've replaced most of the graphics with your versions. A few had to be modified because the images just don't align correctly in the format you sent. And there's one problem I can't quite pin down. Take a look for yourself:

<attachment removed (see edit)>

I've confirmed that the pink is indeed magic pink, just like on the image I was using previously (and that version was transparent). So, I'm not sure what the problem is.

Edit: Fixed it.

Preview:

post-17075-1115078664_thumb.jpg

Edited by Relativity_17
Mentor

em3

Posted
  • Author
Posted (edited)

There are still some things that is not perfect. The passwordbox, key and the ? doesn't align correctly and the ? is streched. The streching would be pretty easy to fix.

This is the original Luna code but you might want to replace 3 for 1 and 0 for 1 (the zero almost at the end in rcbmp, NOT in the far end)

button [id=atom(info)]
    {
        margin: rect(5rp,0,0,0);
        content: rcbmp(105,3,-1,28rp,28rp,0,0);
    }
    button [id=atom(info)][keyfocused]
    {
        content: rcbmp(106,3,-1,28rp,28rp,0,0);
    }

Also I've edited the password box a little, used the attached one please.

Edited by em3
Grand Master

zhangm Supervisor

Posted
  • Supervisor
Posted

Yeah, I added the same padding that was on the Logon button to the Help button, and reset the size to 26px, same as your original to solve the stretch issue. I didn't get how increasing the size of the Help button image would help with it being stretched, so I didn't use your code.

Also adjusted the padding so that both buttons were pulled up 2px, so they'll match with the top of the password box.

post-17075-1115113504.png

Mentor

em3

Posted
  • Author
Posted (edited)

Thanks for the test. I have a problem with it in my resoultion though. Posting screen.

And also see image 2. The blue border is not the one from the zip I think.

Edit: I've fixed some of the graphics myself. Haven't been able to fix the first image I posted though. Currently trying to align the text in the userbox but it is pretty difficult.

Edited by em3
Mentor

em3

Posted
  • Author
Posted (edited)

I fixed the blue line bug and another bug when the resolution was bigger than 1152x864 (background didn't strech). Also fixed some other things. I think it's ready now. :)

Edit: Posted it on DeviantArt. Get it here: http://www.deviantart.com/deviation/17943015/

Edited by em3
Rising Star

conundrum

Posted
Posted
Yeah, I added the same padding that was on the Logon button to the Help button, and reset the size to 26px, same as your original to solve the stretch issue.  I didn't get how increasing the size of the Help button image would help with it being stretched, so I didn't use your code.

Also adjusted the padding so that both buttons were pulled up 2px, so they'll match with the top of the password box.

585865586[/snapback]

Very nice login. any chance I could get a copy of the User Profile Picture you are using?

Conundrum

This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.