Forums
>
DotNetNuke®
>
DotNetNuke® Questions
How to modify the search box??
Last Post 12/10/2007 3:37 AM by
Lee Sykes
. 1 Replies.
Author
Messages
tlyczko
Nuke Ace
Posts:41
12/07/2007 7:58 AM
For example, if I want to color and size the input box??
If I want to use an image (e.g. magnifying glass) instead of the button??
If I want to modify the button??
Thank you, Tom
Lee Sykes
DNN Creative Staff
Nuke Master VI
Posts:4945
12/10/2007 3:37 AM
Here is an example:
< Object >
< Token >[SEARCH]< /Token >
< Settings >
< Setting >
< Name >CssClass< /Name >
< Value >SkinItem< /Value >
< /Setting >
< Setting >
< Name >ShowSite< /Name >
< Value >False< /Value >
< /Setting >
< Setting >
< Name >ShowWeb< /Name >
< Value >False< /Value >
< /Setting >
< Setting >
< Name >Submit< /Name >
< Value >< ![CDATA[< img src="images/Search_Button.gif" alt="Search" / >]] >< /Value >
< /Setting >
< /Settings >
< /Object >
(spaces added before < and > so that it displays in the forum)
/* shrink width of DNN search box */
#dnn_dnnSEARCH_txtSearch
{
width: 100px; /* shrink */
margin: 10px 0 0 18px; /* center */
font-size:10px;
}
/* position search image */
#dnn_dnnSEARCH_cmdSearch img {
border: 0;
position: relative;
top: 2px;
left: -3px;
}
Lee Sykes
Site Administrator
Subscribe to the website
:
DotNetNuke Video Tutorials
:
The Skinning Toolkit
:
DotNetNuke Podcasts
Twitter:
www.twitter.com/DNNCreative
Forums
>
DotNetNuke®
>
DotNetNuke® Questions