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

    • Wow, spoken like a true blind hater, you don't even provide arguments. Please, go check my comment above to @seacaptain and you'll find out why what you say doesn't make sense in this context...
    • Get used to this, with AI tooling now uncovering new vulns and getting them exploitable far faster than has ever been possible before software is going to need to be updated far more frequently. Back in the day it may take reseachers weeks or months to do what AI can now do in hours. Once its a threat is discovered it's weaponsized far more quickly, meaning you simply can't be waiting 2, 3, 4 weeks to deploy a patch, it needs to be patched immediately. Going to be interesting handling this in the enterprise space where traditionally patching has been steady, but very staged (and rightly so up until now), that is going to have to change.
    • You don't need to "close all browser sessions constantly" or wait for updates to install. The updates download in the background while you use the browser, without interrupting you, they install automatically the next time you launch the app. And they install very fast (depending on your storage speeds, of course), you have to wait at most 2-3 extra seconds, if any. Seems like you haven't used Edge in a loooooooong time...
    • Segra 1.6.0 by Razvan Serea Segra is a free, open-source OBS-powered game recorder offering fast gameplay capture, instant clips, AI highlights, deep game integration, and seamless uploads—perfect for gamers, streamers, and content creators. Lightweight, fast, zero bloat. Segra key features: Automatic Game Recording: Begin capturing gameplay the moment your game launches, with zero manual setup. Instant Clipping: Save important moments instantly using a customizable hotkey—perfect for highlights, montages, or quick shares. Segra AI Highlights: Let Segra automatically detect kills, assists, deaths, and key events to generate polished highlight reels without manual editing. Gameplay Uploads: Upload recordings and clips directly to Segra.tv for fast sharing and cloud access. Deep Game Integration: Enjoy advanced game-data tracking across hundreds of supported titles, enabling smart highlight generation and stat-informed clipping. High-Performance Capture: Record up to 4K at 144 FPS using OBS-powered technology with minimal performance impact, supporting NVENC, AMD VCE, and custom quality controls. Segra Editor: Edit recordings easily with timeline controls, segment management, and event-based navigation to build the perfect clip. Customization Options: Adjust hotkeys, output formats, storage paths, codecs, capture quality, and performance settings for a tailored recording experience. Segra 1.6.0 changelog: Recording: Added HDR support. Grand Theft Auto: Added game integration for deaths (FiveM and RAGE MP supported). Highlights: Added customizable padding for highlights. Replay Buffer: Added a shockwave visual effect when a replay buffer clip is saved. Audio: Increased the maximum sound effects volume from 100% to 200%. Hotkeys: Fixed hotkeys not triggering while unrelated keys were held. Installer: Added code signing to verify publisher identity, branded the installer, and reduced OS security warnings. OBS: Updated the supported OBS version to 32.1.2. Download: Segra 1.6.0 | 74.4 MB (Open Source) View: Segra Homepage | Github | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
  • Recent Achievements

    • One Month Later
      Clizby earned a badge
      One Month Later
    • One Month Later
      Timaximus earned a badge
      One Month Later
    • Week One Done
      Timaximus earned a badge
      Week One Done
    • Rookie
      FBSPL went up a rank
      Rookie
    • First Post
      davidbazooked earned a badge
      First Post
  • Popular Contributors

    1. 1
      +primortal
      508
    2. 2
      PsYcHoKiLLa
      175
    3. 3
      +Edouard
      163
    4. 4
      Steven P.
      86
    5. 5
      ATLien_0
      79
  • Tell a friend

    Love Neowin? Tell a friend!