Website help

Discussion in 'Spigot Help' started by TheBomb, May 31, 2017.

  1. Does any one know how to move the search bar onto the naviagation bar ? thanks its were the logo is atm

    [​IMG]
     
  2. Copy the code from searchbar file to the end of navbar
     
  3. This doesn't go in spigot help section it would probably go in "Programming " section. But to put that in the navigation bar move the elements of the search bar into the container divs or navs of the navigation bar. If you can provide the code it'd be a bit more helpful.
     
  4. This is the searchbar.css
    Code (Text):
    #searchBar
    {
        position: relative;
        zoom: 1;
        z-index: 52; /* higher than breadcrumb arrows */
    }

        #QuickSearchPlaceholder
        {
            position: absolute;
            right: 20px;
            top: {xen:calc '-1 * (@headerTabHeight / 2 + 16 / 2)'}px;
            display: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 11px;
            height: 16px;
            width: 16px;
            box-sizing: border-box;
            text-indent: -9999px;
            background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -144px 0px;
            overflow: hidden;
        }

        #QuickSearch
        {
            display: block;
           
            position: absolute;
            right: 20px;
            top: -18px;
           
            margin: 0;
           
            background-color: @content.background-color;
            border-radius: 5px;
            padding-top: 5px;
            _padding-top: 3px;
            z-index: 7500;
        }
               
            #QuickSearch .secondaryControls
            {
                display: none;
            }
       
            #QuickSearch.active
            {
                box-shadow: 5px 5px 25px rgba(0,0,0, 0.5);
                padding-bottom: 5px;
            }
           
        #QuickSearch .submitUnit .button
        {
            min-width: 0;
        }
           
        #QuickSearch input.button.primary
        {
            float: left;
            width: 110px;
        }
       
        #QuickSearch #commonSearches
        {
            float: right;
        }
       
            #QuickSearch #commonSearches .button
            {
                width: 23px;
                padding: 0;
            }
           
                #QuickSearch #commonSearches .arrowWidget
                {
                    margin: 0;
                    float: left;
                    margin-left: 4px;
                    margin-top: 4px;
                }
       
        #QuickSearch .moreOptions
        {
            display: block;
            margin: 0 24px 0 110px;
            width: auto;
        }

    <xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveMediumWidth)
    {
        .Responsive #QuickSearchPlaceholder
        {
            display: block;
        }

        .Responsive #QuickSearchPlaceholder.hide
        {
            visibility: hidden;
        }

        .Responsive #QuickSearch
        {
            display: none;
        }

        .Responsive #QuickSearch.show
        {
            display: block;
        }
    }
    </xen:if>
     
  5. More detail please
    like what files ?
     
  6. Dont use the CSS use the php version and copy and paste all the php to the end of the navbar
     
  7. were can I find the php ?
     
  8. It's either php or html.
     
    • Winner Winner x 1