css

css, theming...

Les feuilles de style de Sky 3

Concerne: thème Sky 3.0 (basé sur adaptive 3)  CSS 3 et  html 5.

classes fréquentes drupal

Page d'acc, un noeud épinglé et sticky est dans une div class="node-promoted node-sticky nodeteaser" (et aussi node-typecontenu)

bartik (teinté de vert) a la css:

.node-sticky {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.024);
    border: 1px solid #D3D7D9;
    padding: 0 15px 15px;
}

.node-teaser {
    margin-bottom: 30px;
}

ex simple template_preprocess_html: couleurs selon le jour ou la nuit

On veux que les couleurs du theme change selon l'heure (sombre ou claire la nuit le jour).

Dans template.php de son thème, ajouter les classes day et night à body:

Firebug, plugin firefox pour drupal

Firebug est un plugin pour firefox, semblable à web developper ou DragonFly (intégré à opera). F12 pour l'afficher.

Sky 3.0 les sous themes

Sky22 est un sous-theme de Sky2, HTML 5 et CSS 3 "responsive", basé sur adaptive mais avec le module color intégré. Ici version 3.0.

Comparaison de leur .info

Infos sur ce qu'hérite ou non un sous-thème de son thème père:

  • tout thème fils hérite des .css et .js du thème père (à condition d'avoir un amoins une css custom)
  • le .info du fils doit avoir des regions

 

adaptive - changer le menu principal

Préparer un menu superfish (en menu type horizontal ou mieux NavBar), ajouter le bloc dans "Menu bar".

Pour retirer la barre "main menu par défaut": admin/appearance/settings/adaptative1 en bas de page, dans la partie "Activer/désactiver l'affichage" décocher "Menu principal"

compression des css

Tags:

Si avec  webdev on voit de multiples .css avec des URL de type "ex.com/sites/css/Grf124...hO4.css" c'est que la compression des feuilles de styles est activé (par ex site en prod).

Sur un site de dev (ou de test): aller désactiver la compression à admin/config/development/performance

Theme Bartik, où sont les css ?

Le plus simple, lorsque l'on découvre un thème est de regarder son .info...

Styles ckeditor

La liste déroulante Style vient par défaut de ckeditor.styles.js

Ex style de block :  { name : 'div verte'    , element : 'div', styles : { 'border' : '2px #74b71f solid', 'background-color' : '#e2e9d3' } },

La syntaxe est dans la partie du livre "drupal 6".

Naviguer sur Internet

Voir mes notes sur personnaliser Firefox - Opéra - sur TOR  - ma page liens et ressources doc - ma page "Ne pas toujours utiliser les services de Google ou MicroSoft" et
les alternatives (sécurisées et gratuites) et "liens vers des sites spécialisés en sécurité informatique".

les caches des browsers (firefox, IE, opera, safari...)

Pour Mozilla, la combinaison de touches Ctrl + Maj + Suppr ouvre une boite de dialogue qui offre différentes options de purge, dont celle du cache. J'ai fermé un onglet par erreur ? Ctrl + Maj+ T

Je découvre cette merveilleuse page wikipédia: http://fr.wikipedia.org/wiki/Aide:Purge_du_cache_du_navigateur

Rechercher

http://scholar.google.fr/ recherche sur doc fiables (type universitaire) -> http://www.base-search.net/ est libre
Pour la recherche: https://ixquick.com/fra/techniques-recherche-puissance.html

Liste des moteurs de recheche sur wikipedia à https://fr.wikipedia.org/wiki/Liste_de_moteurs_de_recherche

 

superfish - menus jQuery

Cette page concerne la version 1.9 (date 2013-04-27) du module superfish (pour menu drupal) - la version 7.x-1.9+33-dev fonctionne mieux pour les petits écrans, et est assez stable pour fontionner en prod.

cf admin/structure/block - dossier des styles à sites/all/libraries/superfish/style (pour le fichier CSS nommé clean.css le selecteur de classe CSS doit être .sf-style-clean).

 

Pages

S'abonner à RSS - css