Needing help with search bar and chat

1. How do I edit the search bar?
2. How do I remove @ symbol from chat mods?

Post me answers

Edit: Like that?

Hello Bubletan, Can you please change the title of your problem from something like “Help, Urgent, Few questions, Problems, SOS” to something more related to your query/problem.

Your changing the title to something related to the problem will help users who will use the search feature on this forum to solve a similar problem. This way, your problem will be a solution for someone else’s problem.

Please confirm with the requirement to get help from members as well as staff.
Members are advised to confirm with this requirement & avoid helping unless the title is changed.

Your co-operation will help us in making this forum efficient. Thank you.

Staff

Can anyone plz help? I really want to know how to edit the search bar look like on this site

Hi,

Please provide your forum URL for appearance problems.

I mean, how to edit the search bar look like the second one on phpBB 3, or is it even possible?

1. search bar
Input with value "Search..."

Code:

#search-box input#keywords {
your style code
}


Button "Search"

Code:

#search-box input.button2 {
your style code
}


how about removing @ symbol in chatbox for the moderators.?

Hmm, It can be removed via javascript.

Add this to JS managament, and check "In all pages" :

Code:

  $(function() {
  var x=$('.chatbox_members').get();
    for (i=0; i<x.length; i++) {
        x[i].innerHTML=x[i].innerHTML.replace(/\>@ \</g,'> <');
    }
});

there's nothing happen -_-

*Mare-SBK* wrote:1. search bar
Input with value "Search..."

Code:

#search-box input#keywords {
your style code
}


Button "Search"

Code:

#search-box input.button2 {
your style code
}


To CSS? And do i put on your style code only url of pic or... something like backround: ("url") ? Im bad on CSS

Yes, to CSS. Use background: url('URL'); and define width and height.

how to remove "@" ????

Marc024 wrote:there's nothing happen -_-

I don't use phpBB2, because DOM of phpBB2 is so bad, and CSS, too.

Whats wrong with this?

Code:

#search-box input#keywords {
    backround: url("http://img838.imageshack.us/img838/3446/empty2.png");
    width: 69px;
    height: 25px;
}
#search-box input.button2 {
    backround: url("http://img408.imageshack.us/img408/6923/emptyt.png");
    width: 24px;
    height: 25px;
}

There is a letter g missing in the word background in both places

The two images wont fit nicely, you need to replace them. No one can give you the images that are on FM's search bar since they are basicly FM's images. You have to make your own.