Page 1 of 2
FEU module CSS question [solved - sort of]
Posted: Tue Jul 08, 2008 3:51 pm
by studvicious
Is it possible for me to change the CSS properties of the form for the login/logout page?
Re: FEU module CSS question
Posted: Tue Jul 08, 2008 6:43 pm
by JeremyBASS
weird... I replyed once to this lol... computers lol... so yes you can...
look to your FEU templates... insert the class or id's you want...
attach a style sheet to the page templates that hold the forms.. hope that helps
Re: FEU module CSS question
Posted: Tue Jul 08, 2008 7:32 pm
by studvicious
ok, thanks for the reply. So exactly where would I insert the class or IDs?
Code: Select all
<!-- Login form template -->
<font size="-2"/>
{$startform}
{if $error}
{$error}<br>
{/if}
<p>{$prompt_username} {$input_username}<p />{$prompt_password}
{$input_password}<p/>
{if isset($captcha)}
Enter the text shown: {$input_captcha}<p/>
{$captcha}<p/>
{/if}
{if isset($input_rememberme)}
{$input_rememberme} {$prompt_rememberme}<br/>
{/if}
<input type="submit" name="{$feuactionid}submit" value="{$mod->Lang('login')}"><p/>
<a href="{$url_forgot}" title="{$mod->Lang('info_forgotpw')}">{$mod->Lang('forgotpw')}</a><br/>
<a href="{$url_lostun}" title="{$mod->Lang('info_lostun')}">{$mod->Lang('lostusername')}</a></p>
{$endform}
</font>
<!-- Login form template -->
Re: FEU module CSS question
Posted: Tue Jul 08, 2008 7:54 pm
by JeremyBASS
but if you don't know about CSS then you should look here
http://www.w3schools.com/css/
Re: FEU module CSS question
Posted: Tue Jul 08, 2008 7:59 pm
by studvicious
No, I'm very familiar with CSS I'm just having trouble figuring out where (or how) to put these. For example I've tried
Code: Select all
{$input_username class="whatever"}
and nothing happens. It's really fried my brain.
Re: FEU module CSS question
Posted: Tue Jul 08, 2008 8:01 pm
by JeremyBASS
{$input_username class="whatever"} that is a smarty thing... CSS is a styling and positioning rules... go to
http://www.w3schools.com/css/
they have a great learning base... but like i stated before start with
the style are like (this is loacted in the style sheets)
.classname{
}
#idname{
}
Re: FEU module CSS question
Posted: Tue Jul 08, 2008 8:10 pm
by studvicious
I understand the smarty thing and I didn't think that would work anyways and like I said I'm very experienced with CSS. Please take a sec and look at the FEU login template code that I pasted in my second reply. Where exactly would I put the code to style the input boxes? I have a feeling that it isn't possible this way but I hope that I'm wrong. Thanks for sticking with me on this.
Re: FEU module CSS question
Posted: Tue Jul 08, 2008 8:21 pm
by JeremyBASS
sorry Dyslexic
studvicious wrote:
No, I'm very familiar with CSS
I read it as I'm no very familiar with CSS lol... I can come back to this in a bit...
Re: FEU module CSS question
Posted: Tue Jul 08, 2008 8:26 pm
by studvicious
Thanks. I could use all the help I can get, I've been working on this for hours now.
Re: FEU module CSS question
Posted: Wed Jul 09, 2008 11:04 pm
by studvicious
I'm not sure why this got moved, it's not about CSS per se but whether or not it's even possible to change the form output of this module.
Re: FEU module CSS question
Posted: Wed Jul 09, 2008 11:12 pm
by Dr.CSS
It was moved because you are asking a CSS ?...
If you want to target the input box...
Lang('login')}">
Lang('login')}">
Or whatever you want...
Or you can look in the source as a lot of times it will give an ID or class to the form from this {$startform}...
Then use the ID or Class #formid input {your style here}...
Re: FEU module CSS question
Posted: Wed Jul 09, 2008 11:23 pm
by studvicious
Thanks for your patience and help Mark.
Looking at that code I could see how to style the login button (like in your example) but what has been killing me is the username and password box. The code for that is just smarty template stuff. Like this:
Code: Select all
<p>{$prompt_username} {$input_username}<p />{$prompt_password}
{$input_password}<p/>
How would that work? I've tried looking at the source and I've looked all over and I can't seem to find that file that controls that.
Re: FEU module CSS question
Posted: Wed Jul 09, 2008 11:24 pm
by studvicious
ok. I re-read your previous post and I'll get that last part a try.
Re: FEU module CSS question
Posted: Wed Jul 09, 2008 11:31 pm
by Dr.CSS
This is not what is in there really?...
{$prompt_username} {$input_username}
{$prompt_password}
{$input_password}
You could give a class to the p then use it to target those input boxes...
Re: FEU module CSS question
Posted: Wed Jul 09, 2008 11:40 pm
by studvicious
Weird. I didn't touch anything and low and behold the boxes went from plain white to yellow (just like I was wanting) without me doing ANYTHING. I have no idea how that happened but I'm glad it did!
I should probably go start a thread about a new car and then go check my garage later tonight.
Thanks everyone for the help!