Résolu le 15-11-18 Personalisation de la page d'accueil duckduckgo

Bureaux,conky et autres personnalisations esthétiques.
Répondre
Avatar du membre
Dickanom
Messages : 257
Enregistré le : mer. 17 août 2016 18:32
Localisation : Villeneuve-Loubet (06)

Personalisation de la page d'accueil duckduckgo

Message 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:

Image

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 ;)
Modifié en dernier par Dickanom le sam. 18 nov. 2017 16:03, modifié 1 fois.
Linux Mint 21.1 Cinnamon 64 Bit
Pc Dell Optiplex 7040 sff
Ram:8 Go - Graphique: Intel HD 530
Ssd 500 Go x2 - Noyau Linux 5.15.0-56

Avatar du membre
alain
Administrateur du site
Messages : 14701
Enregistré le : dim. 11 oct. 2015 23:41
Localisation : Chelles
Contact :

Re: Personalisation de la page d'accueil duckduckgo

Message 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:
Image
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.
PC are like air conditioning, they becomes useless when you open Windows (L.T)
PC1 : CM : ASRock 990FX | CPU: AMD FX 8350-8 cores, 4 GHz | RAM: 16 Go DDR3 1600 MHz | CG: ATI RX 580-8 Go | OS : LM 20.3 Uma Xfce 4.16 | K: 5.4
PC2
:Core2 Quad Q9650 @ 3 GHz | CG: Nvidia GTX 650TI | OS: LM 21.3 Xfce 4.18| K: 6.5
PC3 :Core i7-2600 @ 3,5 GHz | CG: ATI HD 4650 | OS: Emmade5 Xfce 4.18.0 | K: 6.1
PC4 : AMD Ryzen 5 3500X 4GHz | CG: GTX 970 | Ram : 8GB |OS : Debian 10.5 | K: 5.10
In a world without walls and fences, who needs windows and gates?

Avatar du membre
Dickanom
Messages : 257
Enregistré le : mer. 17 août 2016 18:32
Localisation : Villeneuve-Loubet (06)

Re: Personalisation de la page d'accueil duckduckgo

Message par Dickanom »

Bonjour Alain

merci pour ta réponse ta technique fonctionne bien pour l'écran d’accueil de duckduck go

Image

par contre sur la page de recherche c'est un peu le fouillis.. :roll:

Image

En fait ça serai juste la page d'accueil que je veut personnaliser et pas la page de recherche
Linux Mint 21.1 Cinnamon 64 Bit
Pc Dell Optiplex 7040 sff
Ram:8 Go - Graphique: Intel HD 530
Ssd 500 Go x2 - Noyau Linux 5.15.0-56

Avatar du membre
arghlub
Administrateur du site
Messages : 10421
Enregistré le : dim. 21 mai 2017 08:19
Localisation : Provence
Contact :

Re: Personalisation de la page d'accueil duckduckgo

Message 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 :
Image

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);}
;)
Modifié en dernier par arghlub le sam. 18 nov. 2017 15:48, modifié 1 fois.
Tour1 (custom)CM MSI Z270 M3 | CPU Intel I7-7700K | CG Nvidia GTX 1080 | RAM 16Go | tripleBoot : Debian 11 | MXlinux 21 | LMint 19.3 | XFCE
Tour2 (custom)CM Gigabyte | CPU AMD Athlon 5200+ | CG Nvidia GTX 560 | RAM 6Go | FreeBSD 12.1 XFCE
Portable1 MSI GF75 Thin 9SC | CPU Intel I7-9750H | CG Nvidia GTX 1650 | RAM 32Go | dualBoot : LMint 20.2 | MXlinux 21 | XFCE
Portable2 MacBook Air A1466 (2015) | CPU Intel I5-5250U | CG Intel HD Graphics 6000 | RAM 8Go | dualBoot : macOS Sierra | MXlinux 21 XFCE
─────( pour une informatique libre ! -membre en stand-by de l' April.org────────────────

Avatar du membre
Dickanom
Messages : 257
Enregistré le : mer. 17 août 2016 18:32
Localisation : Villeneuve-Loubet (06)

Re: Personalisation de la page d'accueil duckduckgo

Message 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

Image

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 ?
Linux Mint 21.1 Cinnamon 64 Bit
Pc Dell Optiplex 7040 sff
Ram:8 Go - Graphique: Intel HD 530
Ssd 500 Go x2 - Noyau Linux 5.15.0-56

Avatar du membre
arghlub
Administrateur du site
Messages : 10421
Enregistré le : dim. 21 mai 2017 08:19
Localisation : Provence
Contact :

Re: Personalisation de la page d'accueil duckduckgo

Message par arghlub »

Cool 8-)

N'oublie pas de mettre en [Résolu] en éditant le premier message du sujet ;)
Tour1 (custom)CM MSI Z270 M3 | CPU Intel I7-7700K | CG Nvidia GTX 1080 | RAM 16Go | tripleBoot : Debian 11 | MXlinux 21 | LMint 19.3 | XFCE
Tour2 (custom)CM Gigabyte | CPU AMD Athlon 5200+ | CG Nvidia GTX 560 | RAM 6Go | FreeBSD 12.1 XFCE
Portable1 MSI GF75 Thin 9SC | CPU Intel I7-9750H | CG Nvidia GTX 1650 | RAM 32Go | dualBoot : LMint 20.2 | MXlinux 21 | XFCE
Portable2 MacBook Air A1466 (2015) | CPU Intel I5-5250U | CG Intel HD Graphics 6000 | RAM 8Go | dualBoot : macOS Sierra | MXlinux 21 XFCE
─────( pour une informatique libre ! -membre en stand-by de l' April.org────────────────

Avatar du membre
arghlub
Administrateur du site
Messages : 10421
Enregistré le : dim. 21 mai 2017 08:19
Localisation : Provence
Contact :

Re: Personalisation de la page d'accueil duckduckgo

Message par arghlub »

Oups ! je suis allé trop vite avec le résolu... :D

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)...
Image
Tour1 (custom)CM MSI Z270 M3 | CPU Intel I7-7700K | CG Nvidia GTX 1080 | RAM 16Go | tripleBoot : Debian 11 | MXlinux 21 | LMint 19.3 | XFCE
Tour2 (custom)CM Gigabyte | CPU AMD Athlon 5200+ | CG Nvidia GTX 560 | RAM 6Go | FreeBSD 12.1 XFCE
Portable1 MSI GF75 Thin 9SC | CPU Intel I7-9750H | CG Nvidia GTX 1650 | RAM 32Go | dualBoot : LMint 20.2 | MXlinux 21 | XFCE
Portable2 MacBook Air A1466 (2015) | CPU Intel I5-5250U | CG Intel HD Graphics 6000 | RAM 8Go | dualBoot : macOS Sierra | MXlinux 21 XFCE
─────( pour une informatique libre ! -membre en stand-by de l' April.org────────────────

Avatar du membre
Dickanom
Messages : 257
Enregistré le : mer. 17 août 2016 18:32
Localisation : Villeneuve-Loubet (06)

Re: [Résolu] Personalisation de la page d'accueil duckduckgo

Message par Dickanom »

@ arghlub

haha trop cool tu es au top merci.. :)

la le sujet est bien résolu..
Linux Mint 21.1 Cinnamon 64 Bit
Pc Dell Optiplex 7040 sff
Ram:8 Go - Graphique: Intel HD 530
Ssd 500 Go x2 - Noyau Linux 5.15.0-56

Répondre