Themes - Custom Login Page

[Im#NuMBeR1]

Hi people.

So even with reading over the how-to for themes, I still cannot understand how I can customise my TCAdmin login page. So I'm using the latest TCAdmin 2.0 version for Linux. This is what I want my log in page to look like:

I've got the layout  ready (that log in form part is just there as an example of what it'd look like completed) but I don't know how to actually implement it into the TCA login page. Could I get some more detailed help with it? I'm using the default TCAdmin 2.0 theme. (Not the dark one, it's hideous)

[ucjohn]

54 minutes ago, ENSGeneral said:

Hi people.

So even with reading over the how-to for themes, I still cannot understand how I can customise my TCAdmin login page. So I'm using the latest TCAdmin 2.0 version for Linux. This is what I want my log in page to look like:

I've got the layout  ready (that log in form part is just there as an example of what it'd look like completed) but I don't know how to actually implement it into the TCA login page. Could I get some more detailed help with it? I'm using the default TCAdmin 2.0 theme. (Not the dark one, it's hideous)

Looks great, aww not nice the TCadmin dark theme is, different. Poor @TCAdmin will cry!

[Im#NuMBeR1]

I just need to figure out how to implement this layout to the actual login page now but I don't understand the wiki on how to go about doing it.

[Alexr03]

Hi ya bud,

Looks like you are using the classic theme. For a full customizable website, its best to enable MVC then edit the MVC templates, otherwise you are limited to only editing CSS.

If you want to try and make your login page like that with CSS you will have to create a new theme via TCAdmin and upload the CSS under the `Advanced` tab.

[Im#NuMBeR1]

I've created an MVC theme but still don't know how to make this photoshop layout ready for the actual login page. The whole layout thing is literally just the photoshop image thing atm.

[Adam]

41 minutes ago, ENSGeneral said:

I've created an MVC theme but still don't know how to make this photoshop layout ready for the actual login page. The whole layout thing is literally just the photoshop image thing atm.

You need to code it with CSS & you can edit the HTML if needed

Make a copy of TCAdmin2\ControlPanel.MVC\Views\Default\Base\Login to your custom theme's folder keeping the same directory structure: TCAdmin2\ControlPanel.MVC\Views\XXXXXXXXXXXX\Default\Base\Login

[Im#NuMBeR1]

Well so far my attempts at this are going hideously.

[ucjohn]

4 minutes ago, ENSGeneral said:

Well so far my attempts at this are going hideously.

its a start it's not that bad I have personally seen worse. 

[Dennis]

@ENSGeneraltry without a background image. Generally, a bad background image can ruin everything. Try with a solid color at first.

Also, set

list-style: none

on your ul tags.

 

If you want a dark background, you should set the font color to something else than dark.

[Im#NuMBeR1]

Okay so I've made some revisional adjustments.. but I'm still unable to get the login form properly seated.