Wednesday, 15 April 2009

JS & Textbox Pimpin'

My lord this week has been very crazy at work, not really much time for designing. However I have managed to make some adjustments to the site (even if one of then did take FOREVER). Anyways two main new features to the site this week. The first....text boxes. Not the most extravigant of feature I know but still, you'll be amazed at what a difference the small details can make. For example here is a normal text box:


It's boring and dull and samish and...shall I go on? Right well, heres a modified text box, check out the uber difference!

Note the total lack of dull. And even I was amazed that all it took was a simple addition to the CSS coding with no extra frills.

.login {
color: #000000;
font-size: 10px;
width: 140px;
height: 27px;
background: #FFFFFF url(images/textbox-bck.jpg) no-repeat;
border:
none;
margin-left: -2px;
padding:6px;
}


Cool no? So now the website is all preped and ready for a user login add-on. Woop. So with that taken care of and no longer bugging me we move onto part two. Galleries. There's two galleries I wanted to impliment on the website and I've used the same feaute for them both. Yep, I'm sad to say I'm some what of a lightbox whore. It JS lightoboxes all round! One for the wallpaper gallery:


And one for the Story Art galleries:

But not all is as simple as it seems. All that content is loaded dynamically into the light box by incorperating it in to the repeater function built into asp.net. So each element can be dynamically controlled by (eventually) logging into a custom built control panel.

So that's this weeks pickings and as I'm having the busiest weekend ever (and by busy of course I mean partying several times over) that will prob be all for a good few days. Unless I can cram some time in between the merriment!

No comments:

Post a Comment