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

    • There is a lot of reasons not to use Edge but faster fixes and security updates is not one of them.
    • Can't reproduce. I installed Edge, went to neowin.net > accepted the cookie consent > used menu to go to forums, everything loads and I can browse around the forums. If you can't interact with the dialog on the forums for some reason, go to the main site and accept the cookie consent there? It is true that the site will not function properly until the cookie consent is accepted or rejected,. it's a legal requirement and I also know that certain VPN/ad blockers block it, which is a user related issue and not a neowin.net problem.   This is not our cookie consent dialog. Gotta love browser hijacking... /s Edit: this may be what Californians see, I will confirm with our consent provider.
    • Google Chrome 149.0.7827.115 (offline installer) by Razvan Serea The web browser is arguably the most important piece of software on your computer. You spend much of your time online inside a browser: when you search, chat, email, shop, bank, read the news, and watch videos online, you often do all this using a browser. Google Chrome is a browser that combines a minimal design with sophisticated technology to make the web faster, safer, and easier. Use one box for everything--type in the address bar and get suggestions for both search and Web pages. Thumbnails of your top sites let you access your favorite pages instantly with lightning speed from any new tab. Desktop shortcuts allow you to launch your favorite Web apps straight from your desktop. Chrome has many useful features built in, including automatic full-page translation and access to thousands of apps, extensions, and themes from the Chrome Web Store. Google Chrome is one of the best solutions for Internet browsing giving you high level of security, speed and great features. Important to know! The offline installer links do not include the automatic update feature. Download web installer: Google Chrome Web 32-bit | Google Chrome 64-bit | Freeware Download: Google Chrome Offline Installer 64-bit | Direct Link | 131.0 MB Download: Google Chrome Offline Installer 32-bit | Direct Link | 119.0 MB Download page: Google Chrome Portable Download: Chrome ARM64 | Direct Link View: Chrome Website | Release Notes Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Oh, it's happening on more than one dialog? This is the dialog that I'm unable to interact with.
    • WSCC - Windows System Control Center 10.0.3.8 by Razvan Serea Windows System Control Center is a free, portable program that allows you to install, update, execute and organize the utilities from various system utility suites. WSCC can install and update the supported utilities automatically. Alternatively, WSCC can use the http protocol to download and run the programs. WSCC is portable, installation is not required. Extract the content of the downloaded zip archive to any directory on your computer. Free for personal use. The setup packages and updates are downloaded directly from their author's website! This edition of WSCC supports the following utility suites: Windows Sysinternals Suite (including support for "Sysinternals Live" service) NirSoft Utilities Mitec and more... WSCC - Windows System Control Center 10.0.3.8 changelog: [NEW] update progress is now visible on the Windows taskbar [FIXED] fixed an issue with the Update dialog [FIXED] minor fixes Download: WSCC (64-bit) | 5.4 MB (Free for personal use) Download: WSCC (32-bit) | 6.3 MB View: WSCC Homepage | 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
      491
    2. 2
      PsYcHoKiLLa
      170
    3. 3
      +Edouard
      164
    4. 4
      Steven P.
      85
    5. 5
      ATLien_0
      76
  • Tell a friend

    Love Neowin? Tell a friend!