- This topic is empty.
-
AuthorPosts
-
May 8, 2011 at 5:57 am #77240
chrisburton
ParticipantYep it is. You also might dislike me after this but after creating the code I realized it wouldn’t be possible to do the active state by flipping since you have text. Therefore, you will have to add in the active buttons in the sprites.
May 8, 2011 at 5:59 am #77232Waffle
MemberHahaha, Nah Not bothered, easily done.
Btw, are you a full time web designer?
May 8, 2011 at 6:03 am #77233Waffle
MemberI have left space for the Drop Shadow… So theres a tiny gap between each button
May 8, 2011 at 6:09 am #77234chrisburton
ParticipantYes I am.
Check out the example here
Click PreviewMay 8, 2011 at 6:13 am #77229Waffle
MemberWow, Thats really good. Looks exactly like mine.
May 8, 2011 at 6:16 am #77230chrisburton
Participantjust copy the code for each button. (Contact, Web Design, etc) and replace image sprite
May 8, 2011 at 6:16 am #77225Eamonn
MemberIs there no Off state for the panels once their expanded? The height of the page expands by almost two thirds when every panel is opened. I would definately have a look at that.
Also, in an effort to keep things above the fold, have you tried listing your buttons horizontally? Maybe just activating the one content area below them (i.e. just switching content in the same screen area) so users dont have to scroll.
The BG has been touched upon before in this thread, but definately (IMHO) needs changing. I take your point that you like the repeating pattern, but I think you should take on board the fact that no-one else seems to like it :) The repeat makes it look like you made your website with MS Publisher…
Nit-picking now, but both your portfolio sites look exactly the same – even the same treatment of the company names, same fonts, menu layout, content areas, everything! Your portfolio should reflect the best you can manage, not your favourite template. Make a for-display-only site instead (in fact, make a few) if you havent gotten actual clients yet to showcase your skills.
May 8, 2011 at 6:17 am #77221Eamonn
MemberAhh – off-state working now – must have been me :P
May 8, 2011 at 6:23 am #77207chrisburton
ParticipantMake sure to change the file path to the images, including the one I made.
May 8, 2011 at 6:49 am #77209Waffle
MemberRIGHT :D the Sprites are done, Thank you so much Chris.
May 8, 2011 at 6:56 am #77210chrisburton
ParticipantYou’re Welcome
May 8, 2011 at 7:01 am #77212Waffle
MemberI will rememeber how to do this for future reference.
What are your thoughts on the background?
What do you think would look good, it has to be something dark otherwise the buttons don’t stand out as well.May 8, 2011 at 7:32 am #77214chrisburton
ParticipantInstead of going dark, try using noise on a neutral color for a background. Test out some ideas instead of sticking to one particular color.
May 8, 2011 at 5:59 pm #77156TheDoc
MemberYour background image (the static) is 1.66mb – this is WAY too big of a size. Something that is as simple as that should be around 100kb.
May 8, 2011 at 6:10 pm #77155chrisburton
ParticipantYou can also achieve that same exact effect with javascript and save on loading time.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.