FMCodes • All-in-one Webmasters community
Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

FMCodes • All-in-one Webmasters community  » Coding Community » HTML & CSS Languages » HTML & CSS Tutorials » Style your searchbox from navigation

Style your searchbox from navigation

5 posters
Valid
Guest
  • Guest

    Team contributor
    You have been part of the community team
    Active Contributor
    The user has wrote more than 100 posts and comments
    Post lover
    You have liked more than 50 posts!
    Merry Christmas 2022
    Thanks for having been with us during Christmas season!
    Passioned user
    You have participated in 50+ different topics, a true fan!
    Forum Writer
    You have opened more than 20 topics on the forum
    Members Guru
    You have received more than 50 likes on your posts. Our members really what you have to say!
      Posts : 556
      Points : 22180
    STYLE YOUR SEARCH BOX FROM NAVIGATION


    Overview

    Description

    With this tutorial you will be able to change style of your searchbox. By default, they are kinda ugly, but it's time to alter that.

    Demonstration

    Before
    Style your searchbox from navigation Origin10

    After
    Style your searchbox from navigation Scree134

    Technical limitations

    › This tutorial is dedicated to the forums powered by Forumotion free forum service
    › Requires to be the Founder of the #Forumotion  Forum
    › It only works with PhpBB3/PunBB/Invision Forumotion forums' versions

    Installation

    Introduction

    This tutorial is completely based on CSS.

    CSS

    In order to design the style of the resource, you need to go towards Administration Control Panel (ACP)   Display CSS & Colors CSS Style Sheet and add append the following code:

    phpBB3
    You need to reply to the topic in order to see the code resources



    punBB
    You need to reply to the topic in order to see the code resources



    Invision
    You need to reply to the topic in order to see the code resources



    CSS Customization

    You can change colors for border:
    Code:
    border-left
    .
    For radio buttons:
    Code:
    accent-color
    Code:
    #search_menu input.button1
    inside this class you change
    Code:
    background-color
    for button color.

    Notes

    Approved bySystem32
    Approved on January 16th 2023
    Tested on Google Chrome
    Difficulty level  /   
    Source FMCodes

    This resource belong to this community unless differently stated.
    No reproduction possible without our agreement, in accordance with article L122-1 of the CPI.

    Valid
    sivastar


    • Community veteran
      You belong to this community since its ancient time
      Active poster
      The user has wrote more than 50 posts
      Passioned user
      You have participated in 50+ different topics, a true fan!
        Posts : 65
        Points : 93299
      Style your searchbox from navigation Search11

      My navbar search box have problem like this. how to fix this?

      Valid
      YoshiGM
      • Forum Administrator

        Community veteran
        You belong to this community since its ancient time
        Active Contributor
        The user has wrote more than 100 posts and comments
        Passioned user
        You have participated in 50+ different topics, a true fan!
        Team contributor
        You have been part of the community team
        Forumotion expert
        This user is an expert with Forumotion free forum hosting
        10th Anniversary (Grand Re-open)
        Thanks for being part of our grand re-opening
        Friendly user
        You have added many community members as friends!
        Beta Tester
        You have been part of the Beta-Testing team
        Merry Christmas 2022
        Thanks for having been with us during Christmas season!
        Forum Writer
        You have opened more than 20 topics on the forum
        Members Guru
        You have received more than 50 likes on your posts. Our members really what you have to say!
        Post lover
        You have liked more than 50 posts!
        Forum Partner
        This member is founder of a community affiliated with FMCodes!
          Posts : 595
          Points : 99312
        @sivastar Please open a new topic in the support section, if you are having a problem with any tutorial.


        ;)




        Style your searchbox from navigation Yoshig10

        Hey Guest, Welcome to FMCodes.  Hello
        Don't forget to read the General Rules
        • Want to improve your forum? Take a look of the Coding Community section.
        • Need any new design, promote your forum or any related? You can use our Forum Services

        Helping those who need it is not only part of duty, but of happiness.

        No Support via PM!
        Valid
        Mihai
        • Forum Lover

          Team contributor
          You have been part of the community team
          Active Contributor
          The user has wrote more than 100 posts and comments
          Passioned user
          You have participated in 50+ different topics, a true fan!
          Beta Tester
          You have been part of the Beta-Testing team
          10th Anniversary (Grand Re-open)
          Thanks for being part of our grand re-opening
          Merry Christmas 2022
          Thanks for having been with us during Christmas season!
          Forum Writer
          You have opened more than 20 topics on the forum
          Super Friendly
          You have made more than 10 members in our community, wow!
          Members Guru
          You have received more than 50 likes on your posts. Our members really what you have to say!
          Community loyal
          You have belong to this community for a long time!
            Posts : 889
            Points : 51079
          sivastar wrote:Style your searchbox from navigation Search11

          My navbar search box have problem like this. how to fix this?
          Be sure to check General Rules of FMCodes :Good:
          Like @YoshiGM mentioned, you need to create an topic in this section, if you have a problem with a tutorial posted by a member of the staff :bene:

          Valid
          Relax
          • I'm a new member


            Forum member
            Belongs to the community of FMCodes
              Posts : 7
              Points : 10635
            Awesome!

            Topic Actions

            Sponsored




            FMCodes • All-in-one Webmasters community  » Coding Community » HTML & CSS Languages » HTML & CSS Tutorials » Style your searchbox from navigation

            ©phpBB | Contact | Report an abuse | Cookies