Les feuilles de style Qt

Slides:



Advertisements
Présentations similaires
HTML la base Structure de la page Code HTML: les tags de base.
Advertisements

Feuilles de style CSS - XHTML est un langage impur
Le CSS : un complément au HTML
Cours XHTML/CSS Lundi 9 Février 2009
XML, et HTML, comme langages de structuration
HTML CSS.
Procédés de Mise en forme Les Feuilles de style en Cascade C.S.S (Cascading Style Sheet) Alain Gély – Stage CIES « Initiation au web »
XHTML XHTML Un document XHTML étant un document XML il commence par une déclaration XML indiquant la version et le jeu de caractère utilisé. Ensuite vous.
Faculté I&C, Claude Petitpierre Cascaded style sheets CSS.
HTML CSS.
CSS.
HTML-CSS-XHTML.
M. Larooussi Formatage de documents - CSS École dété INSAT Août 2006.
Cascading Style Sheets (CSS)
Faculté I&C, Claude Petitpierre Cascaded style sheets CSS.
Les feuilles de style en HTML. CSS CSS: feuilles de style en cascade Permettent d’appliquer une mise en page à l’ensemble d’un site très simplement Permettent.
Module HTML / CSS / PHP / MySQL
LE CSS ISN Terminale S CSS Types de styles.
2. Premiers pas en CSS… Comprendre le fonctionnement de la syntaxe CSS
Template joomla Leblanc 2011.
Auteur : Frédéric Thériault 1. Les boîtes 2 Les attributs 3 width height margin margin-top margin-right margin-bottom margin-left border-style border-width.
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
Introduction à CSS Généralités. Introduction Beaucoup de documents XML sont destinés à être présentés. Les information du fichier seul (avec ou sans DTD)
GENIE MULTIMEDIA Restitution de documents CSS Christine Vanoirbeek EPFL – IC – CGC Bâtiment BC (Station 14) 1015 LAUSANNE
Language html VI- Les CSS. Les CSS CSS: Cascading Style Sheets. Feuilles de Styles en Cascade En typographie, une feuille de style désigne l'ensemble.
INF2005– Programmation web– A. Obaid CCS 3. INF2005– Programmation web– A. Obaid 2 L'état d'implantation de CSS 3 Le standard de CSS 3 n'est pas très.
Informatique en L2-L3 Thèmes du niveau « Expert » G.
ENT ENVOLE – Mes Dossiers Académie de la Réunion.
Les feuilles de style Qt Aurélien Gâteau
Marcel Bosc Introduction Web Université Paris-13Département informatiqueIUT de Villetaneuse ère année, cours - 1/5.
Chapitre 5 XHTML et CSS. Votre titre …votre code xhtml … Gabarit xhtml sans feuilles de style.
GOOGLE MAPS ANDROID API V2. INTRODUCTION TO THE GOOGLE MAPS ANDROID API V2.
Toulibre : présentation de... xhtml + css par Rémy Sanchez.
Paris Web 2008 – Samedi 15 Novembre 2008 Pascale Lambert-Charreteur CSS Débutant css.mammouthland.net Vincent Valentin 20cent.net.
Utiliser le nouveau site internet du lycée niort/
1. 2 Boite à outils Qt ● Boite à outils C++ pour le développement multi-plateforme d'application en environnement graphique (GUI) – des fonctions GUI.
Cours de HTML. Après les balises passons à la mise en forme  Structurer. Structurer.  Avant de pouvoir styler notre page, il nous faut améliorer sa.
Thèmes du niveau « Expert »
POWERPOINT 2013.
Chapitre 2 Cascading Style Sheets CSS
Le design adaptatif (Responsive design)
Introduction Moodle est un système de gestion de cours, conçu pour aider les enseignants à créer des cours en ligne et de gérer les interactions virtuelles.
Création de site web Feuilles de style.
Le CSS Principe de séparation du contenu et de la mise en forme
Module 1 : Réaliser un site internet
Feuilles de style Cascading Style Sheets
Chantal LeBel, Cégep Limoilou
Création Et Modification De La Structure De La Base De Données
PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II
Guide n° 3 Formation initiale
Package R Markdown: Un outil pour générer des pages html avec R Studio
Introduction générale
Le code à l’école Qu’est-ce que le codage informatique ?
Informatique de base Pr. Namar Ydriss Cours 3: Introduction
Les pré-processeurs CSS Dereck, Eric, Jessy et Paola
Chantal LeBel, Cégep Limoilou
Bonnes pratiques d’exploitation des applications
RVMS – Expectations for Written Work
CSS : Cascading Style sheets Sadok Ben Yahia, PhD sadok.
Les gestionnaires de positionnement
Cours 3: Feuilles de style
Bonjour, Je suis votre guide pour cette visite de votre nouveau logiciel HDS. Je vais vous montrer comment préparer une note de frais.
Toutes les infos sont sur le site des bibliothèques.
LIRE LA PRESSE EN LIGNE AVEC EUROPRESSE
Sur la base d’exemples, ce diaporama recense l’ensemble des
Smart Graphic Layout SUJET déclaration
Ecole polytechnique fédérale de Lausanne
Conception des pages Web Styles (CSS)
Les feuille de styles.
Collaborateurs & managers
Transcription de la présentation:

Les feuilles de style Qt Aurélien Gâteau aurelien.gateau@free.fr

Introduction Un bouton normal Un bouton "stylé" #cssButton { background-color: red; font-weight: bold; font-style: italic; }

Appliquer une feuille de style Sur un widget précis QWidget::setStyleSheet(const QString&); Note : s'appliquera aussi aux enfants de ce widget. On peut aussi utiliser Designer. Sur toute l'application QApplication::setStyleSheet(const QString&); Depuis la ligne de commande application -stylesheet fichier.css (Qt) application --stylesheet fichier.css (KDE)

Sélecteurs La syntaxe est similaire à la syntaxe CSS2. Une instance précise #cssButton {} Toutes les instances d'une classe et des classes dérivées QPushButton {} Toutes les instances d'une classe, mais pas ses classes dérivées .QListView {} N'affectera pas les instances de QListWidget. Tous les widgets * {}

Sélecteurs avancés Instances filles d'une autre QDialog QLineEdit {} Tous les QLineEdit qui sont à l'intérieur d'une boîte de dialogue. Sélection sur une propriété QPushButton[flat="true"] {} Tous les boutons plats.

Exemples Créer un widget "titre" Accéder aux couleurs systèmes Utiliser les propriétés dynamiques Créer un système de thèmes

Créer un widget "titre" #titre { background-color: qlineargradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #c00, stop: 0.1 #600, stop: 0.9 #c00, stop: 1 #600 ); border: 1px solid white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 6px; font-weight: bold; color: white; } #bordure { margin-top: 12px; margin-bottom: 6px; font-weight: bold; border-bottom: 1px solid qlineargradient( x1: 0, y1: 0, x2: 1, y2: 0, stop: 0 black, stop: 0.8 transparent ); }

Couleurs systèmes QFrame { background-color: palette(mid); border: 1px solid palette(dark); } QToolButton { border: none; background: palette(base); QToolButton:hover { background: palette(alternate-base); border: 1px solid palette(highlight); QToolButton:checked { background-color: palette(highlight);

Propriétés dynamiques Designer CSS *[obligatoire="true"] { font-weight: bold; }