1
richardb96
How do you change the size of the login boxes
  • 2008/5/28 13:05

  • richardb96

  • Just popping in

  • Posts: 78

  • Since: 2008/4/29


Hi,

How do you change the size of the login boxes
ie. where you put your username & passowrd?

I need to make them shorter & not do tall....

TIA

2
richardb96
Re: How do you change the size of the login boxes
  • 2008/5/28 13:12

  • richardb96

  • Just popping in

  • Posts: 78

  • Since: 2008/4/29


this is the code from userbar.html

<div id="xo-userbar">
<{if !$xoops_isuser}>
<form method="post" action="<{xoAppUrl /user.php op=login}>">
<{$smarty.const._LOGIN}>&nbsp;
<input name="uname" type="text" />&nbsp;&nbsp;<input name="pass" type="password"/>
<input type="hidden" name="xoops_redirect" value="<{$smarty.server.REQUEST_URI}>" />

<{if $lang_siteclosemsg}>
<input type="hidden" name="xoops_login" value="1" />
<{/if}>
<button type="submit"><img src="<{xoImgUrl icons/users/home.png}>" alt="<{$smarty.const._LOGIN}>" /></button>
</form>
<a href="<{xoAppUrl /register.php}>" title="Register"><img src="<{xoImgUrl icons/users/register.png}>" alt="Register"/></a>
<{else}>
<{xoInboxCount assign=pmcount}>
<a href="<{xoAppUrl viewpmsg.php}>" title="Show your inbox content">
<{if $pmcount}>
<img src="<{xoImgUrl icons/users/inbox-full.png}>" alt="Inbox (<{$pmcount}>)"/>
<{else}>
<img src="<{xoImgUrl icons/users/inbox.png}>" alt="Show your inbox content"/>
<{/if}>
</a>
<a href="<{xoAppUrl /user.php}>" title="View your profile"><img src="<{xoImgUrl icons/users/profile.png}>" alt="My profile"/></a>

<{if $xoops_isadmin}>
<a href="<{xoAppUrl /admin.php}>" title="Display site administration"><img src="<{xoImgUrl icons/users/configuration.png}>" alt="Admin" /></a>
<{/if}>
<a href="<{xoAppUrl /user.php op=logout}>" title="Click to logout" ><img src="<{xoImgUrl icons/users/exit.png}>" alt="Logout"/></a>
<{/if}>
</div>

How would I reduce the size of these boxes only & not all the boxes on the site?

3
stefan88
Re: How do you change the size of the login boxes
  • 2008/5/28 13:18

  • stefan88

  • Community Support Member

  • Posts: 1086

  • Since: 2004/9/20


Hi

you shuld put a size="XX" in Quote:
<input name="uname" type="text" />

...
..

4
richardb96
Re: How do you change the size of the login boxes
  • 2008/5/28 15:52

  • richardb96

  • Just popping in

  • Posts: 78

  • Since: 2008/4/29


Hi,

ok i've put size="6" in there and thats made it shorter in length... how do I decrease the height or make the font smaller (just in those two boxes tho...

5
Burning
Re: How do you change the size of the login boxes
  • 2008/5/28 16:41

  • Burning

  • Theme Designer

  • Posts: 1163

  • Since: 2006/8/22


hi,

Try to edit /css/content-data.css ("width" property):

#xo-userbar input[type=text],#xo-userbar input[type=password] {
width:80px;
font-family:ArialHelveticasans-serif;
font-size:1em;
color:#3676b0;
background-color:#fcfcfc;
border:1px solid #bbb;
outline:none!important;
margin:0 0 2px;
padding:.1em;
}

#xo-userbar input[type=text]:hover,#xo-userbar input[type=password]:hover {
font-size:1em;
background-color:#fff;
color:#639ace;
border:1px solid #3676b0;
outline:none!important;
}

#xo-userbar input[type=text]:focus,#xo-userbar input[type=password]:focus {
outline:none!important;
font-size:1em;
border:1px solid #3676b0!important;
background-color:#fff;
color:#639ace;
}


@+
Still learning CSS and... english

6
richardb96
Re: How do you change the size of the login boxes
  • 2008/5/29 20:34

  • richardb96

  • Just popping in

  • Posts: 78

  • Since: 2008/4/29


this only seems to change the length of the box & not the overall scale (height as well)?

7
Bassman
Re: How do you change the size of the login boxes
  • 2008/5/30 4:28

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


This is what I did for an old theme (not using #xo-blablah) but you can see what to do for your theme:

Quote:

td#leftcolumn input button{background-color: #C8DCEA;
border-color: #CBCBCB;
color: #000000;
font-family: verdana, arial, ms sans serif;
font-size: 8pt;

}
td#rightcolumn input button{background-color: #C8DCEA;
border-color: #CBCBCB;
color: #000000;
font-family: verdana, arial, ms sans serif;
font-size: 8pt;

}
td#leftcolumn input{background-color: #C8DCEA;
border-color: #CBCBCB;
color: #000000;
font-family: verdana, arial, ms sans serif;
font-size: 8pt;

}
td#rightcolumn input{background-color: #C8DCEA;
border-color: #CBCBCB;
color: #000000;
font-family: verdana, arial, ms sans serif;
font-size: 8pt;

}

8
Burning
Re: How do you change the size of the login boxes
  • 2008/5/30 11:25

  • Burning

  • Theme Designer

  • Posts: 1163

  • Since: 2006/8/22


hi,

Try also to reduce these values

Quote:

font-size:1em;
margin:0 0 2px;
padding:.1em;


@+
Still learning CSS and... english

Login

Who's Online

225 user(s) are online (104 user(s) are browsing Support Forums)


Members: 0


Guests: 225


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits