[S'inspirer] Postez vos Customisations (Javascipt / CSS)

[Sshafi]

Alors là ??? bizarre ... Le bouton config et le texte sont bien devenus bleu ?

[Claude69]

Alors là ??? bizarre ... Le bouton config et le texte sont bien devenus bleu ?

Non, je n'ai rien en bleu
En regardant mon JS (dans le post d'avant), est ce que je n'aurais pas dû mettre les dernières lignes dans le document.ready ?
De plus, j'ai l'impression qu'il y a un doublon

Edition : C'est ca. Les objets et les boutons sont bleu. Par contre le bouton configuration n'est toujours pas transparent.
J'ai mis à jour le JS sur le post précédent.

[m4x91]

Pour le mode tablette, en css encore, voici une solution possible :
@media only screen and (max-width: 290px) {
.icon {
background-image: url("ton/image.jpg");
}
}

en gros, si ton support a une résolution inferieur a 290px, le fond d'un élément avec la classe "icon" sera modifié.

Ca fonctionne pas, j'ai fait plusieurs test de réso pour iPhone et iPad mais le screen reste le même

[Sshafi]

@Claude69 : j'avais pas vu que le js n'était pas dans le doc ready, mais oui il faut toujours mettre tout le js dedans.
Pour le reste je check ce soir, car mon plugin zwave est désactivé et aujourd'hui c'est journée ikea

From Tapatruc...

[Claude69]

@Claude69 : j'avais pas vu que le js n'était pas dans le doc ready, mais oui il faut toujours mettre tout le js dedans.
Pour le reste je check ce soir, car mon plugin zwave est désactivé et aujourd'hui c'est journée ikea

From Tapatruc...

Je compatis

[Sshafi]

@Claude69 : merci pour ta compassion, c'était fatiguant

Sinon pour ton soucis, je vois pas, j'ai mis tes custom chez moi et pas de Pb le bouton config est bien en fond transparent, .... ???
Le seul truc que je vois c'est éventuellement une version différente du plugin openzwave ... ???
Essayes, quand tu es sur la page, de faire F12 puis le bouton flèche (sélectionner un élément) et sélectionne le carré autour du bouton config et montre le code correspondant....

[Claude69]

Hello
Pour le plugin openzwave, c'est le stable à jour.
Pour le code, est ce que c'est lisible ?

Bt_zwconfig.png (363.3 Kio) Consulté 2772 fois

[Sshafi]

Hello
Pour le plugin openzwave, c'est le stable à jour.
Pour le code, est ce que c'est lisible ?

Donc c'est bien ça c'est différent chez toi, sûrement une question de version du plugin, vu que je suis en beta.
Il faut donc rajouter #bt_zwconfig dans le css à la suite de : .eqLogicAction, .changeIncludeState, #bt_addScenario2, #bt_changeAllScenarioState2, #bt_displayScenarioVariable2, #bt_syncEqLogic, #bt_zwaveNetwork, #bt_zwaveHealth, #bt_displayMarket2, .bt_showScenarioSummary, .bt_showExpressionTest, #bt_addObject2, .objectDisplayCard

Donc en reprenant ton css du post précédent ça doit donner ça :

Code : Tout sélectionner

    /* Tuiles arrondies et ombre */
    .eqLogic{
      border-radius: 10px;
      box-shadow: 0px 3px 15px #0d0d0d;
      background: rgba(255,255,255,0.2) !important;
    }

    /* Image de fonds */
    body {
    background-image: url("/core/img/fond-ecran.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: rgb(244, 192, 28);
    }

    legend {
    background-color: rgba(0, 0, 0, 0.17);
    text-align: center;
    border-bottom: 2px solid #A17734;
    color: rgb(244, 192, 28);
    }

    .scenario-widget {
    background-color: rgba(0, 0, 0, 0.17);
    }

    /* Arrondi, ombre et fond translucide des cartes d'équipements (plugins), widgets */
    .eqLogicDisplayCard, .widgetDisplayCard, .scenarioDisplayCard, .pluginDisplayCard {
        border-radius: 15px !important;
        box-shadow: 0px 3px 10px #0d0d0d !important;
        background-color: rgba(255,255,255,0.2) !important;
    }

    /* Visibilité de la liste dans les widgets */
    .li_widget {
        background-color: rgba(0, 0, 0, 0.25);
    }

    /* Fonds des boutons de fonctions scénarios/zwave/objets */
    .eqLogicAction, .changeIncludeState, #bt_addScenario2, #bt_changeAllScenarioState2, #bt_displayScenarioVariable2, #bt_syncEqLogic, #bt_zwaveNetwork, #bt_zwaveHealth, #bt_zwconfig, #bt_displayMarket2, .bt_showScenarioSummary, .bt_showExpressionTest, #bt_addObject2, .objectDisplayCard {
         background-color: rgba(255,255,255,0) !important;
    }

    /* Menus et boutons arrondis */
    .dropdown-menu {
       border-radius: 7px;
    }
    .pull-right {
       border-radius: 7px;
    }
    .btn, .bootstrap-switch {
       border-radius: 7px;
    }
    .open > .dropdown-menu {
       .btn, .bootstrap-switch {
          border-radius: 7px;
        }
    }
    .navbar-nav > li > .dropdown-menu {
       border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

[Claude69]

Super ça fonctionne Merci
De plus avec tes explications, j'ai même réussi à modifier mon JS pour le coloriser (image et texte)

[Sshafi]

Avec plaisir

From Tapatruc...

[carfnann]

Salut,

J'ai implementé les exemples de la 1ère page pour avoir des tuiles transparentes, cela fonctionne très bien sauf pour les tuiles du plugin Sonos et Kodi qui restent bleu.

J'ai merdé?

[Sshafi]

Je ne pense pas, c'est sûrement que les tuiles de ces plugins n'utilisent pas les même classes css que les autres widgets ...
Il va falloir que tu joue du F12 pour voir le code de la tuile et adapter tes custom

[SBO]

marktapage pour éviter de la rechercher tout le temps

[Sshafi]

marktapage pour éviter de la rechercher tout le temps

Le topic est épinglé en haut du forum informations-vitrine c'est pas très compliqué de le retrouver

From Tapatruc...

[aragornier]

@sshafi : merci pour ton super tuto !

[Sshafi]

Avec plaisir mon canard

From Tapatruc...

[mamatdv]

Vous savez comment enlever l'ombre d'une tuile dans le mode design uniquement ?

J'arrive pas à trouver

Capture d'écran 2016-03-19 20.39.31.png (71.93 Kio) Consulté 2505 fois

[nickasimir]

Vous savez comment supprimer les espaces entre les commandes ? ou le réduire ?

Autre question concernant les tuiles j'ai pas mal de tuile avec un écart de 2cm entre la dernière/info et le bas de la tuile, peux-t'on le réduire ?

merci

[BizZ62]

Autre question concernant les tuiles j'ai pas mal de tuile avec un écart de 2cm entre la dernière/info et le bas de la tuile, peux-t'on le réduire ?

Tu as tenté de les redimensionner avec le mode édition ?

[nickasimir]

oui mais selon les tuiles ca me mets le text ou les commandes en dehors de la tuile.