okay just make it simple as Can i move both boxes a little bit down by positioning .. ? if yes .. how can i apply it in my stylesheet.css ?
www.quickpharmas.com
JUST NEED THIS !
okay just make it simple as Can i move both boxes a little bit down by positioning .. ? if yes .. how can i apply it in my stylesheet.css ?
www.quickpharmas.com
JUST NEED THIS !
Try this for starters:
Adjust to taste.Code:#loginDefault>fieldset {margin-top: 9em; padding: 0 2em; border-radius: 2em; border: none; background: #8899ff; height:21em;} #loginDefault>fieldset>legend {margin: 4em 0 0 0; background: transparent; font-size: 1.7em;} #loginDefault>fieldset>form>input {border-radius: 0.7em;}
It looks like you are currently making edits, as I just saw the font size jump, so your effect may be different from what I was playing with.
You can use relative positioning on the inputs and their labels to move them around, and a background image for the big sidebar with arrow. You would want some hover styling to make the inputs change background when you mouse over them. Apply some of the rules I posted, and I'll look at it again in the morning. I don't advise on issues by PM unless the info is sensitive; I will see any replies to this thread.
Its shwing correctly in IE and FF but not in GC ... also the last thing i want is to add a banner image on the top using CSS , only on the login page .. it should not showed up on home page just on login page ..
Can i show only one Login BOX with a Sign up hyperlink in it instead of 2 Boxes ?
Something I find amusing: on inspecting the "Web 2.0 Login" page, 100% of the "web 2.0" features are created by background images. There is really no use of modern CSS for this, just basic positioning and sizing.
Here is a set of rules that will get you most of the way to the layout you initially asked for. You need an image for the sign up and login buttons, and a background image for the split box with big arrow if you want that. (The split box and arrow might be achievable with pure CSS, but that gets pretty complex.)
Code:#loginDefault h1 {display: none;} #loginDefault>fieldset {margin-top: 1em; padding: 0 2em; border-radius: 2em; border: none; background: #8899ff; height:22em;} #loginDefault>fieldset>legend {margin: 4em 0 0 0; background: transparent; font-size: 1.7em;} #loginDefault>fieldset .information {margin-right: 6em;} #loginDefault>fieldset>form>input {border-radius: 0.7em;} #loginDefault #login-email-address {display: block; clear: left;} #loginDefault br+.inputLabel {position: relative; top: -3.5em; left: 15em;} #loginDefault #login-password {display: block; position: relative; top: -2em; left: -6em;} #loginDefault #login-password+input+br+.buttonRow {position: relative; top: -2em; left: 2em;} #loginDefault #login-password+input+br+.buttonRow+.buttonRow {margin-top: -1em;}
That is an admin setting: Configuration > Layout Settings > Use split-login page > true.Can i show only one Login BOX with a Sign up hyperlink in it instead of 2 Boxes ?
A CSS banner for the login page could be done with a background image:
#loginDefault {background: url(../images/your_login_banner.gif);}
Sorry missed a point typing it here .. can i get the background on full screen basis ? any css code ?
Bookmarks