Page 1 sur 1
Personalisation de la page d'accueil duckduckgo
Posté : ven. 17 nov. 2017 23:23
par Dickanom
salut
Je cherche a personnaliser ma page d’accueil de duckduckgo
Je me sert de l'add-ons stylus pour cela mais il n'y a pas beaucoup de choix,
Voici ma page actuelle:
En fait je veux rien de bien compliqué juste mettre un fond d'écran perso en gardent le logo et la barre de recherche
Je vous met le script du thème stylus que j'utilise au cas ou, si il y a juste a rajouter une ligne de commande (moi j'y connaît rien)
Code : Tout sélectionner
@namespace url(http://www.w3.org/1999/xhtml);
.svg .logo_homepage {
background-image: url("https://i.imgur.com/uDFH9TR.png") !important;
background-size: 249px 90px !important;
}
#logo-wrap--home {
display: none !important;
background-size: 249px 90px !important;
}
.svg .header__logo {
background-image: url("https://i.imgur.com/uDFH9TR.png") !important;
background-size: 60px 20px !important;
}
.header-wrap--home, .site-wrapper-border {
display: none !important;
}
.header-wrap {
border-top: 4px solid #FFFFFF !important;
}
.tag-home__item {
visibility: hidden !important;
}
.search, search--adv, .search-wrap--home {
padding-right: 0px !important;
padding-left: 0px !important;
padding: 0 0px !important;
}
.badge-link {
visibility: hidden !important;
}
.tag-home__nav__wrap {
visibility: hidden !important;
}
.svg .badge--yandex {
background-size: 40px 30px !important;
}
Merci
Re: Personalisation de la page d'accueil duckduckgo
Posté : sam. 18 nov. 2017 03:53
par alain
Bonjour Dickanom.
Il te suffit de mettre l'url de l'image que tu auras choisi et de modifier la taille "size" en cover.
J'ai repris ton css avec une image des simpson:
Et voila ton code modifié:
Code : Tout sélectionner
@namespace url(http://www.w3.org/1999/xhtml);
body{
background: #f6f9fe url(https://s31.postimg.org/9psju84vv/simpson1.jpg) center bottom fixed !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
#logo-wrap--home {
display: none !important;
background-size: 249px 90px !important;
}
.svg .header__logo {
background-image: url("https://i.imgur.com/uDFH9TR.png") !important;
background-size: 60px 20px !important;
}
.header-wrap--home, .site-wrapper-border {
display: none !important;
}
.header-wrap {
border-top: 4px solid #FFFFFF !important;
}
.tag-home__item {
visibility: hidden !important;
}
.search, search--adv, .search-wrap--home {
padding-right: 0px !important;
padding-left: 0px !important;
padding: 0 0px !important;
}
.badge-link {
visibility: hidden !important;
}
.tag-home__nav__wrap {
visibility: hidden !important;
}
.svg .badge--yandex {
background-size: 40px 30px !important;
}
Bon j'ai pas peaufiner le centrage, mais c'est pour l'exemple.
Mets ce que tu veux comme image chez un hébergeur quelconque et copies l'url à la place de celle que j'ai mise.
Re: Personalisation de la page d'accueil duckduckgo
Posté : sam. 18 nov. 2017 13:56
par Dickanom
Bonjour Alain
merci pour ta réponse ta technique fonctionne bien pour l'écran d’accueil de duckduck go
par contre sur la page de recherche c'est un peu le fouillis..
En fait ça serai juste la page d'accueil que je veut personnaliser et pas la page de recherche
Re: Personalisation de la page d'accueil duckduckgo
Posté : sam. 18 nov. 2017 15:33
par arghlub
Salut,
Tu pourrais rajouter 2 lignes au code CSS du thème de Stylus.
Il y a 2 classes CSS à "bidouiller" une pour la colonne principale de gauche, et la deuxième pour le bloc d'annonce à droite.
Les lignes à rajouter :
Code : Tout sélectionner
.results--main {background-color: rgba(255, 255, 255, 0.85);}
.results--sidebar {background-color: rgba(16, 156, 217, 0.95);}
J'ai mis pour exemple un fond blanc opaque à 85% et un bleu opaque à 95%.... Bien sûr, à toi d'adapter les couleurs rgba.
En image, avec les 2 lignes ajoutées au code donné par Alain :
De plus, si tu veux changer le fond de la fenêtre d'autocomplétion de la recherche, rajoute cette ligne :
Code : Tout sélectionner
.search__autocomplete .acp-wrap {background-color: rgba(16, 156, 217, 0.95);}
Re: Personalisation de la page d'accueil duckduckgo
Posté : sam. 18 nov. 2017 15:47
par Dickanom
@ arghlub
merci beaucoup c'est bien ce que je voulais
J'ai laissé le blanc a 80% c'est très bien comme ça
par contre un dernier truc puisque tu as l'air de maîtriser la chose, est il possible de changer la couleur du bandeau du haut sur la page de recherche ?
Re: Personalisation de la page d'accueil duckduckgo
Posté : sam. 18 nov. 2017 15:59
par arghlub
Cool
N'oublie pas de mettre en [Résolu] en éditant le premier message du sujet
Re: Personalisation de la page d'accueil duckduckgo
Posté : sam. 18 nov. 2017 16:08
par arghlub
Oups ! je suis allé trop vite avec le résolu...
Je viens de voir que tu avais une nouvelle requête.
Donc voilà cher ami
Code : Tout sélectionner
.header-wrap {background-color: rgba(255, 0, 0, 0.80);border-top: 4px rgba(255, 0, 0, 0.80) !important;}
En rouge (par exemple)...
Re: [Résolu] Personalisation de la page d'accueil duckduckgo
Posté : sam. 18 nov. 2017 16:13
par Dickanom
@ arghlub
haha trop cool tu es au top merci..
la le sujet est bien résolu..