Section de recherche comme sur Reddit ?

Dev
1

Salut tout le monde,
Puis-je ajouter un champ de recherche comme celui-ci à mon site ?
Et je veux supprimer le bouton de recherche sur le côté droit
Merci :slight_smile:

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

2

Bannière de recherche, peut-être ? Mais la recherche pourrait être un bon moyen de trouver des solutions potentielles. :wink:

3
5

Merci beaucoup.
Pouvons-nous arrondir les bords de la boîte ?
@Moin

Comme ici.
Et pouvons-nous peindre l’intérieur ?
Avec un survol comme sur Reddit
Ekran görüntüsü 2024-03-28 151903

6

Vous pouvez le personnaliser avec du CSS.

7

@Moin merci Moin mais je ne peux pas faire ça, alors je demande ton aide.
J’ai regardé ses vidéos, j’ai essayé plusieurs fois et ça ne marche pas.
J’ai essayé sur Firefox et Chrome.

8

Si vous essayez d’apprendre à personnaliser votre forum, prenez le temps de vous familiariser avec les bases des thèmes, des composants et du CSS. Alternativement, vous pouvez toujours poster dans Marketplace pour obtenir de l’aide payante afin de personnaliser votre forum.

9

Ce composant de thème Customization pourrait aider :

Celui-ci pour les styles de boutons :

10

Bonjour les amis, je vois que vous essayez de m’aider mais je ne peux pas écrire de code.
S’il y a du code prêt, je ne peux que le corriger.
S’il y a quelqu’un qui peut aider, j’attendrai.
Merci.
Ce qui vous semble facile est difficile pour moi, les codes sont trop compliqués pour moi.

11

Ekran görüntüsü 2024-03-29 173859
Ekran görüntüsü 2024-03-29 1738592507×238 27.5 KB

Ce n’est pas exactement au milieu.
Et ça me semble très mal.
Je me fâche car je ne peux pas modifier mais il n’y a rien à faire :smiley:
La recherche originale de Reddit a l’air géniale.
Bien sûr, c’est Reddit. Mais j’aimerais pouvoir faire cela au moins de manière très similaire.

12

Je suis un codeur maintenant :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

Salut tout le monde !

.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;
}

J’ai écrit ces codes, quand je les ajoute au champ CSS, cela ressemble à ce que je veux, mais ce n’est pas le cas pour les autres.
Pouvez-vous m’aider s’il vous plaît ?
https://pvpfarm.com

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

14

Et je veux agrandir légèrement la boîte de recherche vers le haut. Je ne l’ai pas trouvée, quelqu’un peut-il la trouver ?

15

Juste pour information @ogulcan1787, cela semble peut-être frôler :

Avez-vous fait des recherches sur ces problèmes en dehors de ce forum ? Je pense qu’il existe de nombreuses ressources disponibles.

16

Oui, je cherche mais je ne trouve pas.
https://developer.mozilla.org/ J’utilise ce site

17

ça me semble correct ? :thinking:

IMG_1478
IMG_14782347×642 157 KB

As-tu cherché sur ce site comment centrer ?

Je préfère ce site personnellement :