Recommended Posts

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.

*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

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

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

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

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

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
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.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Was it too much to ask to show the icon in this article?
    • Frankly, I blame whoever is writing such articles. "A big improvement/update and/or new feature is now available to everyone! Also, use this unofficial tweak tool to enable it because it actually isn't available to you yet officially and might not in fact even be entirely ready or whatever, hence why it is perhaps not enabled for you*. But it's great and you should enable it!" I mean there's nothing wrong with sharing info about some feature you might need to enable via unofficial means, of course. It's just that these articles tend to essentially end up being two news pieces in one, and one of them tends to be a bit misleading. (*Yes, yes, the "it's a controlled rollout!" thing. Not a fan of that one either. The argument, not the actual rollout.)
    • Thank you. Will do. I read in the release notes that editor config might be at play here.
    • Actually, I think even Microsoft doesn't know how to control it
    • OpenAI is making Codex more useful in Chrome and the cloud by Pradeep Viswanathan OpenAI's Codex now has more than 5 million users, up nearly 4x from earlier this year. To further accelerate Codex's growth among developers, OpenAI today announced that it has agreed to acquire Ona, a company that builds secure cloud execution and orchestration technology for developers. Ona will enable developers to run Codex with persistent and controlled cloud infrastructure for long-running agentic workflows. Right now, most Codex execution happens locally on developers' laptops and PCs, and the agents work continuously for hours. Through Ona, OpenAI aims to make Codex agents keep working for days without being tied to a user’s local machine or an active session. This will be an important capability for enterprises that want to deploy AI agents in production while maintaining control over infrastructure, data, security boundaries, credential scope, logging, and review workflows. Like any acquisition, the deal is still subject to customary closing conditions, including regulatory approvals. Until the deal closes, OpenAI and Ona will continue to operate as separate companies. After closing, Ona’s team will join the Codex team to improve developer workflows. Alongside the Ona acquisition announcement, OpenAI today introduced a few Codex updates. Developers can now save Codex rate limit resets and use them later instead of losing them when they are not needed immediately. OpenAI is also adding a referral option where users can invite a friend to Codex and get a saved rate limit reset. OpenAI today also announced a developer mode for browser use in Chrome and the Codex in-app browser. With this mode, Codex can use the Chrome DevTools Protocol to debug web apps, inspect pages, and work more directly with browser-based development workflows. Developers can use this when they want Codex to profile JavaScript, inspect console output and network traffic, examine web page states including the DOM and applied styles, and more.
  • Recent Achievements

    • One Month Later
      Jamswaz earned a badge
      One Month Later
    • Week One Done
      Jamswaz earned a badge
      Week One Done
    • Rookie
      Marzoid went up a rank
      Rookie
    • Community Regular
      coch went up a rank
      Community Regular
    • One Year In
      slackerzz earned a badge
      One Year In
  • Popular Contributors

    1. 1
      +primortal
      509
    2. 2
      PsYcHoKiLLa
      186
    3. 3
      +Edouard
      157
    4. 4
      Steven P.
      83
    5. 5
      ATLien_0
      75
  • Tell a friend

    Love Neowin? Tell a friend!