Раздел поиска как на Reddit?

Разработка
1

Всем привет,
Могу ли я добавить на свой сайт поле поиска, как здесь?
И я хочу удалить кнопку поиска справа.
Спасибо :slight_smile:

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

2

Баннер поиска, может быть? Но поиск может стать хорошим способом найти потенциальные решения. :wink:

3
5

Огромное спасибо.
Можно ли скруглить углы коробки?
@Moin

Как здесь.
А можно ли закрасить внутреннюю часть?
С эффектом при наведении, как на Reddit
Ekran görüntüsü 2024-03-28 151903

6

Вы можете настроить это с помощью CSS.

7

@Moin Спасибо, Moin, но я не могу этого сделать, поэтому прошу вашей помощи.
Я смотрел его видео, пробовал много раз, но ничего не получается.
Я пробовал в Firefox и Chrome.

8

Если вы хотите научиться настраивать свой форум, уделите время изучению основ тем, компонентов и CSS. В качестве альтернативы вы всегда можете разместить сообщение в канале Marketplace, чтобы найти платную помощь в настройке форума.

9

Этот #theme-component может помочь

А этот — для стилей кнопок

10

Привет, друзья! Я вижу, что вы пытаетесь мне помочь, но я не умею писать код. Если есть готовый код, я могу его исправить. Если кто-то сможет помочь, я подожду. Спасибо. То, что вам кажется лёгким, для меня сложно — код слишком запутанный.

11

Скриншот 2024-03-29 173859
Скриншот 2024-03-29 1738592507×238 27.5 KB

Это не совсем по центру.
И выглядит для меня очень плохо.
Я злюсь, потому что не могу редактировать, но ничего не поделаешь :smiley:
Поиск оригинала на Reddit выглядит отлично.
Конечно, это Reddit. Но я бы хотел иметь возможность делать хотя бы что-то очень похожее на это.

12

Я теперь программист :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;
}
13

Всем привет!

.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

Скриншот экрана 2024-03-31 132713

14

И я хочу немного увеличить размер поля поиска вверх. Я не мог его найти, кто-нибудь может найти его?

15

Просто к сведению, @ogulcan1787, это, кажется, граничит с:

Вы проводили какие-либо исследования по этим проблемам вне этого форума? Я считаю, что доступно множество ресурсов.

16

Да, я ищу, но не могу найти.
https://developer.mozilla.org/ Я использую этот сайт.

17

Мне кажется, всё в порядке? :thinking:

IMG_1478
IMG_14782347×642 157 KB

Вы искали на этом сайте, как выровнять по центру?

Лично я предпочитаю этот сайт: