Sujet Précédent Sujet Suivant

Problème avec @import

Résolu/Fermé
SlyEyes - Modifié le 15 janv. 2021 à 23:52
 SlyEyes - 16 janv. 2021 à 14:07
Bonjour,

J'ai un petit problème avec le @import en css : 

/* Base code : */

.sidebar-CFHs9e .side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:not(.role-3wi9Tf)::before,
.side-8zPYf6 .item-PXvHYJ:not(.role-3wi9Tf)::before {
    content: "";
    width: 20px;
    height: 20px;
    background-size: cover!important;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item, .side-8zPYf6 .item-PXvHYJ {padding-left: 40px;}

/* Discord's menu icon : */

#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(2)::before{background:var(--account) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(3)::before{background:var(--privacy) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(4)::before{background:var(--apps) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(5)::before{background:var(--connections) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(8)::before{background:var(--nitro) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(9)::before{background:var(--boost) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(10)::before{background:var(--gift) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(11)::before{background:var(--billing) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(14)::before{background:var(--voice) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(15)::before{background:var(--text) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(16)::before{background:var(--eye) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(17)::before{background:var(--notifications) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(18)::before{background:var(--keybinds) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(19)::before{background:var(--language) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(20)::before{background:var(--windows) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(21)::before{background:var(--twitch) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(24)::before{background:var(--games) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(25)::before{background:var(--overlay) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(27)::before{background:var(--changelog) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(28)::before{background:var(--hype) center}
#user-settings .side-8zPYf6 .item-PXvHYJ:nth-child(31)::before{background:var(--logout) center}

/* Bandaged BD's menu icon : */

.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:nth-child(3)::before{background:var(--core) center}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:nth-child(4)::before{background:var(--emote) center}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:nth-child(5)::before{background:var(--plugins) center}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:nth-child(6)::before{background:var(--theme) center}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:nth-child(7)::before{background:var(--css) center}


/* Base : */
@import url("https://slyeyes.github.io/user_setting_icon/base.css");

:root {

    /* Discord's menu icon : */

    --account:       url([https://arudarin.github.io/themes/icons/account.png])
    --privacy:       url([https://arudarin.github.io/themes/icons/privacy.png])
    --apps:          url([https://arudarin.github.io/themes/icons/apps.png])
    --connections:   url([https://arudarin.github.io/themes/icons/connections.png])
    --nitro:         url([https://arudarin.github.io/themes/icons/nitro.png])
    --boost:         url([https://arudarin.github.io/themes/icons/boost.png])
    --gift:          url([https://arudarin.github.io/themes/icons/gift.png])
    --billing:       url([https://arudarin.github.io/themes/icons/billing.png])
    --voice:         url([https://arudarin.github.io/themes/icons/voice.png])
    --text:          url([https://arudarin.github.io/themes/icons/text.png])
    --eye:           url([https://arudarin.github.io/themes/icons/eye.png])
    --notifications: url([https://arudarin.github.io/themes/icons/notifications.png])
    --keybinds:      url([https://arudarin.github.io/themes/icons/keybinds.png])
    --language:      url([https://arudarin.github.io/themes/icons/language.png])
    --windows:       url([https://arudarin.github.io/themes/icons/windows.png])
    --twitch:        url([https://arudarin.github.io/themes/icons/twitch.png])
    --games:         url([https://arudarin.github.io/themes/icons/games.png])
    --overlay:       url([https://arudarin.github.io/themes/icons/overlay.png])
    --changelog:     url([https://arudarin.github.io/themes/icons/changelog.png])
    --hype:          url([https://arudarin.github.io/themes/icons/hype.png])
    --logout:        url([https://arudarin.github.io/themes/icons/logout.png])

    /* Bandaged BD's menu icon : */

    --core:          url([https://arudarin.github.io/themes/icons/core.png])
    --emote:         url([https://arudarin.github.io/themes/icons/emote.png])
    --plugins:       url([https://arudarin.github.io/themes/icons/plugins.png])
    --theme:         url([https://arudarin.github.io/themes/icons/theme.png])
    --css:           url([https://arudarin.github.io/themes/icons/css.png])
}

/* More icon :
https://arudarin.github.io/themes/icons/gamepad.png
https://arudarin.github.io/themes/icons/experiments.png
https://arudarin.github.io/themes/icons/dev_options.png
https://arudarin.github.io/themes/icons/bandages.png 
https://arudarin.github.io/themes/icons/activity_feed.png


*/


Dans le second code, j'importe le premier à l'aide de @import, sauf que cela ne fonctionne pas, quelqu'un peu m'aider ? Merci d'avance.

5 réponses

Réponse 1 / 5
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
16 janv. 2021 à 00:43
Bonjour
En entrant url directement dans le navigateur, on voit que la page n'existe pas.
Es-tu sûr du lien ?

0
Réponse 2 / 5
SlyEyes
16 janv. 2021 à 11:24
Bonjour,
C'est normal, ce n'est pas un site internet consultable, mais un serveur où des fichiers sont stockés. Je précise que si je met le code du premier dans le second tout fonctionne, c'est vraiment le @import qui n'importe pas justement.
0
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
16 janv. 2021 à 11:31 
@import url("https://slyeyes.github.io/user_setting_icon/base.css");


Quand tu entres l'url depuis ton navigateur. .. as tu accès au fichier ?
Si la réponse est non... c'est normal.. si l'url n'est pas accessible ou disponible...
Si ton css se trouve sur le même serveur que celui qui contient celui que tu veux importer, essaye plutôt une URL relative plutôt que de mettre l'url complète ( sinon il considère que c'est "via internet" qu'il doit aller la chercher.. )

perso, je n'utile pas cette directe ccs2 ... je préfère linker mes css quand j'en ai besoin...
Surtout que niveau performances, il semble que la directive import soit un peu plus "gourmande" ...
0
Réponse 3 / 5
SlyEyes
16 janv. 2021 à 11:51
C'est par internet justement que je veux qu'il cherche le fichier, les deux fichiers n'étant pas fait pour être ensemble. Par contre l'adresse redirige vers le fichier normalement maintenant, j'avais oublié d'upload. Mais sinon le programme ne fonctionne toujours pas. Et le link fonctionne aussi par internet ?
0
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
16 janv. 2021 à 11:59
C'est déjà mieux.
Et Oui, tu peux link sur une url internet sans souci.
0
Réponse 4 / 5
SlyEyes
16 janv. 2021 à 12:02
D'accord, je vais essayer. Merci. Je vous dirais si ça marche ou pas.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
SlyEyes
16 janv. 2021 à 14:05
Bon je n'ai pas trouvé comment faire fonctionner le link, cependant j'ai dû faire quelque chose mais je ne sais pas quoi, mais subitement le @import c'est mis à faire son travail. Merci quand même.
0
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
16 janv. 2021 à 14:06
Tu as peut-être simplement vide ton cache...
0
SlyEyes > jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024
16 janv. 2021 à 14:07
Non même pas.
0

Discussions similaires

Avis site DHgate .
Jack_1057 -
bazfile -

1 réponse
DHgate, site fiable ou pas ?
Utilisateur anonyme -
Nina -

63 réponses
DhGate arnaque ou pas ?
bilalou24 -
Nounou973 -

100 réponses
Colis DHgate bloqué douane
Anonyme92 -
kiki -

8 réponses
Peut ont payer sur DHgate avec PayPal ?
Loucas0 -
Marseillais -

6 réponses