Custom Login Page

[Olivier]

Hi friends,

I have a question from the web agency of our customer : is there a way to have the login page with a background image and a transparency on the frame where the user has to enter his login and password ?

The goal is to have this result :

http://static.marketing-highways.com/GVF/target.png

 

What we have is :

http://static.marketing-highways.com/GVF/actual.png

 

Here is the code I used in the Login Page Copy :

<style type=text/css>

body, .bodyContent {

background-color:None;

background-image:url(http://static.marketing-highways.com/GVF/grandvision_GO_login_Bkgd.gif);

background-position:Top Center;

background-attachment:fixed;

background-repeat:No-repeat;

border-width:0px;

border-style:Solid;

}

</style>

 

What can we do ?

 

All the best,

Olivier

[kfisne]

Olivier,

Did you ever figure this out? If so, I'd be interested in grabbing the code from you!

 

Best,

Kelly

[Olivier]

Hi Kelly,

no I did not but found the way to do it.

Here is the Custome Store copy code for the login page :

"<style type=text/css>

#PageType01 #ENUSmain {background-color:rgba(0, 0, 0, 0); border:0;}

#CtlLogIn { background:#6db859; margin-top:85px; margin-bottom:40px; }

#CtlLogIn { border:1px solid #016656; }

.CtlSearchGroup { background:#016656; }

#ctl00_content_Login_Stringcontrol2 { color:white; }

#ctl00_content_Login_Stringcontrol3 { color:white; }

#ctl00_content_Login_btnRecoverPassword { color:white; }

.NavTop { background-color:rgba(255, 255, 255, 0); }

body, .bodyContent {

background-image:url(http://marcom.gutenberg-networks.com/GVF/GDO/habillage/Fond_ecran_NextPage_GDO.gif);

background-position:Top Center;

background-attachment:fixed;

background-repeat:No-repeat;

border-width:0px;

border-style:Solid;

}

</style>"

 

Best regards,

Olivier