Modifying "Select a category" look?

[Domaineer]

Hello everyone. I wanted to know if there's anything I need to do to get this

from

Thanks a lot

 

[pi0tr3k]

This have to be done via CSS. You will have to google it and play with it.

 

[shadow.prx]

This is done with a jquery plugin called chosen

http://harvesthq.github.io/chosen/

 

[RT]

Cheers for that share Shadow.

 

[Domaineer]

Thanks a lot everyone

 

[sfalab]

How to make a "select a category" option in DLE
please help me
current setting category

in change catagory

how change please help

 

[dlestarter]

sfalab

If you are using DLE 9.5 to 10.1 then make sure you add this code on top of templates/YOUR-THEME/addnews.tpl

<link rel="stylesheet" type="text/css" href="engine/skins/chosen/chosen.css"/>
<script type="text/javascript" src="engine/skins/chosen/chosen.js"></script>
<script type="text/javascript">
$(function(){
    $('#category').chosen({allow_single_deselect:true, no_results_text: 'No Category Selected'});
});
</script>

If you are using DLE 10.2, then download this file _http://www.mediafire.com/download/3zo4nucgc0nngg4/chosen.rar

Extract it and place the folder "chosen" from extracted file in "js" folder (templates/YOUR-THEME/js/) or any folder within your theme folder and open addnews.tpl and add the code below to the top of addnews.tpl

<link rel="stylesheet" type="text/css" href="{THEME}/js/chosen/chosen.css"/>
<script type="text/javascript" src="{THEME}/js/chosen/chosen.js"></script>
<script type="text/javascript">
$(function(){
    $('#category').chosen({allow_single_deselect:true, no_results_text: 'No category found'});
});
</script>

if you placed in different folder then make sure you change the path the files {THEME}/js/

 

[sfalab]

thanks so much