Redditのような検索セクション?

皆さん、こんにちは。
サイトにこのような検索フィールドを追加できますか?
また、右側の検索ボタンを削除したいです。
よろしくお願いします :slight_smile:

redditsearch
Ekran görüntüsü 2024-03-28 151903

検索バナーとか?でも、検索は潜在的な解決策を見つけるのに良い方法かもしれませんね。:wink:

「いいね!」 2
「いいね!」 1

どうもありがとうございます。
箱の角を丸くすることはできますか?
@Moin

ここにあります。
そして、内側をペイントすることはできますか?
Redditのようなホバー機能で
Ekran görüntüsü 2024-03-28 151903

CSSでカスタマイズできます。

@Moin モイン、ありがとうございます。しかし、私にはできません。そのため、あなたの助けを求めています。
彼のビデオを見ました。何度も試しましたが、うまくいきません。
FirefoxとChromeで試しました。

フォーラムのカスタマイズを学習しようとしている場合は、テーマ、コンポーネント、CSSの基本を学ぶ時間を取ってください。または、フォーラムのカスタマイズに有料のヘルプが必要な場合は、いつでも#marketplaceに投稿できます。

「いいね!」 6

この Theme component が役立つかもしれません

こちらはボタンのスタイル用です

「いいね!」 2

こんにちは、皆さん、助けようとしてくれているのはわかりますが、私はコードを書くことができません。
もし既製のコードがあれば、それを修正することしかできません。
手伝える人がいれば、待っています。
ありがとう。
あなたには簡単でも、私には難しく、コードは私には複雑すぎます。


ちょうど真ん中ではありません。
そして、私にはひどく見えます。
編集できないので怒っていますが、どうすることもできません :smiley:
Redditの元の検索は素晴らしく見えます。
もちろんRedditですが、少なくともこれに非常に近い類似性でできるようにしたいです。

これで私もコーダーです :sunglasses: :grin:

.floating-search-input .search-banner-inner.wrap .search-menu .search-input {
    border-radius: 10px;
    background-color: #3e3e58;
    border: 0px solid;
}

.floating-search-input .search-banner-inner.wrap .search-menu .search-input:hover {
    background-color: #4c4c6b;
}
「いいね!」 6

皆さん、こんにちは!

.search-menu.menu-panel-results, .search-menu-container.menu-panel-results {
    width: 600px;
    left: 150px;
}

.floating-search-input .search-banner-inner.wrap .search-menu .search-icon {
    left: 150px;
}

これらのコードをCSSフィールドに追加すると、私が望むように表示されますが、他の人にはそのようには表示されません。
助けていただけますか?
https://pvpfarm.com

Ekran görüntüsü 2024-03-31 132713

検索ボックスのサイズを少し上に広げたいのですが、見つかりませんでした。誰か見つけられますか?

念のため、@ogulcan1787 さんにお伝えしておきますが、これは以下に該当する可能性があります。

これらの問題について、このフォーラム以外で何か調査されましたか?多くのリソースが利用可能だと思います。

「いいね!」 3

はい、探していますが、見つかりません。
https://developer.mozilla.org/ このサイトを使っています

私には大丈夫そうですが? :thinking:

そのサイトで中央揃えの方法を検索しましたか?

私は個人的にこちらのサイトが好きです:

「いいね!」 5