The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to auto-expand/hide search in toolbar

View previous topic View next topic Go down

Solved How to auto-expand/hide search in toolbar

Post by Skia Drum on August 24th 2016, 12:07 pm

Hi! How to auto-expand/hide search in toolbar?

using phbb3. Thanks! Smile


Last edited by Skia Drum on August 25th 2016, 10:46 am; edited 1 time in total

Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

Solved Re: How to auto-expand/hide search in toolbar

Post by Ace 1 on August 24th 2016, 9:27 pm

@Skia Drum

Administration Panel >> Display >> Colors >> CSS Stylesheet

Code:
#fa_search {
    position: relative
}
#fa_search #fa_magnifier {
    background-color: #FFF;
    background-position: 12% 50% !important;
    border: 1px solid #F00;
    border-left: none;
    border-radius: 0 3px 3px 0;
    height: 23px!important;
    right: 0;
    top: 2px;
    width: 23px!important
}
#fa_search #fa_textarea {
    background: #FFF!important;
    border: 1px solid #F00!important;
    border-radius: 3px 0 0 3px!important;
    color: #000!important;
    cursor: text;
    font-size: 12px!important;
    height: 17px!important;
    text-indent: 0!important;
    line-height: 12px!important;
    margin-right: 23px!important;
    margin-top: 2px!important;
    padding: 3px 0 3px 1px !important;
    transition: 300ms;
    width: 0!important
}
#fa_search #fa_textarea:focus,
#fa_search #fa_textarea:hover,
#fa_search:hover #fa_textarea {
    background: #FFF!important;
    color: #000!important;
    outline: none;
    padding: 3px!important;
    width: 150px!important
}

Ace 1
Forumember

Male Posts : 691
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: How to auto-expand/hide search in toolbar

Post by Skia Drum on August 25th 2016, 10:46 am

@Ace 1 wrote:@Skia Drum

Administration Panel >> Display >> Colors >> CSS Stylesheet

Code:
#fa_search {
    position: relative
}
#fa_search #fa_magnifier {
    background-color: #FFF;
    background-position: 12% 50% !important;
    border: 1px solid #F00;
    border-left: none;
    border-radius: 0 3px 3px 0;
    height: 23px!important;
    right: 0;
    top: 2px;
    width: 23px!important
}
#fa_search #fa_textarea {
    background: #FFF!important;
    border: 1px solid #F00!important;
    border-radius: 3px 0 0 3px!important;
    color: #000!important;
    cursor: text;
    font-size: 12px!important;
    height: 17px!important;
    text-indent: 0!important;
    line-height: 12px!important;
    margin-right: 23px!important;
    margin-top: 2px!important;
    padding: 3px 0 3px 1px !important;
    transition: 300ms;
    width: 0!important
}
#fa_search #fa_textarea:focus,
#fa_search #fa_textarea:hover,
#fa_search:hover #fa_textarea {
    background: #FFF!important;
    color: #000!important;
    outline: none;
    padding: 3px!important;
    width: 150px!important
}

awesome! thanks!

Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

Solved Re: How to auto-expand/hide search in toolbar

Post by APE on August 25th 2016, 1:33 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum