css 3

spécifique à CSS 3 (normes, thèmes dupal 7...)

install pour omega4 : Ruby

Dans le thème vérifier s'il existe .ruby-gemset et .ruby-version qui indiquent les versions à utiliser. Gems dépend de la version de ssas.
Installer ruby-2.1.4 (1.9.3 min) et bundle. Puis sass et les gems.

Vérifier versions installées: rvm list   ;   bundle show  ;   gem list

et quelques commandes gem

ex css3 et html5

ex page css3 html5<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

css 3 Positionnement

display (inline, block, inline-block, none...)

transforme n'importe quel élément de votre page d'un type vers un autre. Par ex: imposer à ses liens (originellement de type inline) d'apparaître sous forme de blocs. Les liens vont se positionner les uns en-dessous des autres (comme des blocs normaux) et il devient possible de modifier leurs dimensions.

a
{
    display: block;
}

css3 Mise en forme

caractères: absolue (px, mm) et relative (%, small, large...), polices (@font-face) et formats de fichiers de polices, couleur ; position (float, clear) ; backgroud (background-color attachment repeat position) et ex d'héritage CSS ; opacity (entre 1 opaque et 0 transparent) ; bordures (border-radius)

Source: http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-s...

css 3

Mes notes sur css 3 (sur les sélecteurs avancés, mise en forme et positions) voir aussi ma page html 5

Liens externes utiles : caniuse.com  et  normansblog.de - www.w3.org/Style/css3-selectors-updateshttp://html5please.com/

Mémo: Si en html ID, la css # - si class alors style en .

 

fabriquer simplement des bouttons http://css3button.net/

css, theming et autre joli

Des liens vers des outils graphiques sur le web, HTML 5 / CSS 3. Regroupe aussi des notes sur CSS 2 et CSS 3 (définition de balise, propriétés...), cours HTML...

Le thèmes drupal c'est plutot tagué theme drupal. Toutes mes notes taguées "omega" -  Vers les suggestions de templates drupal 7 - adaptative (theme drupal "html5 et css3")

Omega 4 (vm site01)

Omega 4 en /var/www/dru7/sites/site01

  • Ohm
  • MonTO4 créé via drush omega-wizard - logo home page rouge
  • MonO4-v0

    • MonO4-v0.0 - logo fond vert

Omega tools (Omega4)

sudo drush omega-wizard  -> crée sous theme

Omega_tools est intégré à omega 4 => si en omega 4 il faut desinstaller Omega_tools.
Omega_tools 3 est pour Omega 3 (et 2 pour omega 2).

Apercus des blocks selon les thèmes

Apercus des blocs, thèmes drupal 7: Bartik, CorporateClean, Adaptive
hook_block_info_alter()

Pages

S'abonner à RSS - css 3