css

css, theming...

Changes depuis drupal7

Quelques notes sur les nouveautés et différences entre drupal8 et drupal 7.

Nouveautés

UUID

ID universel unique, un ex: c3632b14-6594-5245-d28a-4580b338b9bb
utilisé dans les exports de conf (un motif du module pathauto a un uuid)

views

intégré au core => un certain nb d'écran d'admin sont maintenant modifiables (who's online et nouveaux membres, block_content des bib de blocks perso, commentaires récents, gestion des fichiers, admin/people,

Nouveau champs: liens d'action (liste modifier/supprimer)

Les fichiers de thèmes drupal 8

Fichiers de base

THEMENAME.info.yml

  • Ne pas utiliser de tabulation - seulement des espaces
  • Propriétés et listes doivent etre indentées de deux (2) espaces.
name: Fluffiness
type: theme
description: 'A cuddly theme that offers extra fluffiness.'
core: 8.x
libraries:
  - fluffiness/global-styling
base theme: classy
regions:
  header: Header

tests iXe v7

pb ram (www-error.log de hébergeur)

Allowed memory size of 134217728 bytes exhausted (tried to allocate 72 bytes) ... md5check.module on line 93

sur le site de gandi, rien ne parle de ram pour simple hosting, la seule solution est donc de désactiver des modules...

 

Mise ne forme du bouton paypal

form.commerce-add-to-cart div input.form-submit {

De l'importance de !important

Ex mise en forme pour iXe

Description de la conf en place et du soucis de mise en forme

Thème: zen_x (sur zen 5.5), avec modules views_slideshow (7.x-3.1 + views_slideshow_cycle) et adaptive_image 7.x-1.4, type de contenu créé "slide_show" (on n'affiche que body et field_imgslide affichée avec  "Style d'image : slide_show").

clearfix : forcer un bloc à respecter ses enfants

sur clearfix = “float containment” cf http://fuseinteractive.ca/blog/understanding-humble-clearfix

La hauteur du parent n'etant pas visible par les enfants, il est possible que (contenus en flux insuffisant pour remplir) un conteneur d'élément flottant puisse être plus petite que le contenu flotté (marges, frontières... peuvent ne pas se comporter comme nous le voulons).

Police et drupal 7

à la mano

Si Free fonts en OTF (@font-face de CSS3, mieux vaut éviter les maj dans url, sinon surprises avec IE)

@font-face {
font-family:
archer-book-pro;
src: url("fonts/
archer-book-pro.otf") format("opentype");
}

Conf avancée de ckeditor : iXe

Sur la vm2-zen, en /var/www/gandi/sites/ixe et db ganx2, http://x2

RWD - Notes livre - ch 1 - Intro

Un ex simple de media query (ex dégradation progressive)

Ici, on part d'un site construit pour les écrans larges, puis on va le modifier pour les tablettes puis pour les smartphones (habituellement, on fait l'inverse).

On veux créer une CSS qui ne soit utilisée que dans une seule résolution d'écran: c'est une media query.
Le code CSS suivant sera ok sur un large écran, mais pas sur un smartphone.

Pages

S'abonner à RSS - css