Jump to content

Recommended Posts

Posted

Hey people, this is yet another alternative client login theme. Clean and simple design.

 

Color based on Blesta's color: #1370a8 and #8dc248

 

No changes made to blesta's theme css. It uses custom css file "login.css"

 

Instead of using company text "<?php $this->Html->_($company->name);?>", it will use theme's logo which is:

<?php
						if (!empty($theme_logo)) {
						?>
							<img src="<?php $this->Html->_($theme_logo);?>" alt="Logo" />
						<?php
						}
						elseif (!empty($blesta_logo)) {
						?>
							<img src="<?php $this->Html->_($blesta_logo);?>" alt="Blesta" />
						<?php
						}
						else {
						?>
							<img src="<?php echo $this->view_dir;?>images/logo.png" alt="Blesta" />
						<?php
						}
						?>

I also changes lang output for $lang['ClientLogin.index.link_resetpassword'] = "Forget password?"; and $lang['ClientLogin.index.field_rememberme'] = "Keep me logged in";

 

Register at https://whtheme.com/billing/order/signup/index/register and after logged in, you'll be able to download. Thanks.

 

Thanks and enjoy.

 

 

Ken

post-11076-0-80837900-1428224013_thumb.p

post-11076-0-15813700-1428224023_thumb.p

Posted (edited)

Thanks all! Just trying to find a balance for blesta login which I think this is quite good to start off.

This is another one with full background image. Gradient with blurry effect. CSS transition is included as well.

 

This login suits any blurry background that you can find online.

Thanks and Enjoy! I will upload the link soon.

 

Here's the full size background image login theme for blesta

post-11076-0-95729200-1428254775_thumb.p

post-11076-0-25732500-1428254785_thumb.p

Edited by Ken N
Posted

Thanks all! Just trying to find a balance for blesta login which I think this is quite good to start off.

This is another one with full background image. Gradient with blurry effect. CSS transition is included as well.

Thanks and Enjoy! I will upload the link soon.

 

Awesome mate haha you are a good designer by far.

Posted

I cant seem to see where the powered by blesta is in the files, what line would it be on.

 

Login pdt does not have that or touch anything 'Powered by blesta' It is located at structure.pdt instead at line 243 to 248. You should contact Blesta if you are allowed to remove that. You need unbranded license.

Posted

Wondering why the word "DigitalOcean" pops up once I saw the screencap demo...

 

Are you trying to say, the login looks like digitalocean? I went to take a look at digitalocean. Does digitalocean have font awesome icon on the input area? No. Is the color hex same? No. Is the layout, text align or fonts same? No.

 

I can as well do some research on how many sites are looking "similar" layout and colors. It's never ending when it comes to this type of discussion.

 

This freebie is an alternative client login for the community. It's up to you if you want to use it or not. I've made my contribution.

Posted

@lifehome: The wheel is already invented, so the only option we designners and programmars, have is to "Reinvent the wheel" :)

Im sure that DigitalOcean also (re)use some design aspects from outher sources ;)

 

 

@Ken N: Keepup the great job, do not stop it  :blesta:

  • 4 weeks later...
Posted (edited)

Another one. name it "BlestaTheme VAMP" This will be including for the alternative blesta client template.

 

Will upload later on. Uploaded.

 

 post-11076-0-08098500-1432195850_thumb.ppost-11076-0-56788400-1432195851_thumb.ppost-11076-0-88872700-1432195852_thumb.ppost-11076-0-17351900-1442130039_thumb.p

 

As promised, uploaded reset password screen. 

Edited by BlestaTheme

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...