Stiluri
Această pagină este aici pentru a scoate în evidență stilurile pentru elementele standard ale paginii, cum ar fi tipografia, elementele de formular și pictogramele. Acestea sunt codificate greu într-un fișier șablon de pagină alternativă, numit page.styles.liquid
.
Tipografie
Titlul unu
Rubrica a doua
Rubrica a treia
Rubrica patru
Rubrica cinci
Rubrica șase
TITLUL H1
TITLUL H2
Titlu H3
Titlu H4
TITLUL H5
Titlu H6
Se pare că am ajuns la o înălțime mare în atmosferă, pentru că cerul a fost un mort black, iar stelele încetaseră să mai sclipească. Prin aceeași iluzie care ridică orizontul mării la nivelul spectatorului de pe un deal, norul sable de dedesubt a fost dezlănțuit, iar mașina părea să plutească în mijlocul unei sfere întunecate imense, a cărei jumătate superioară era presărată cu silver. Privind în jos în golful întunecat de mai jos, am putut vedea o lumină plină de noroi care curge printr-o ruptură în nori.
Primiți newsletter-ul nostru și descoperiți poveștile, colecțiile și surprizele noastre.
- Nou în
- Vanzare & Oferte Speciale
- Femei
- Bărbaţi
- Pantofi
- Genti si accesorii
- Branduri de top
- Lookbook
- Lorem ipsum dolor sit amet
- Conse ctetur adipisicing elit sed do
- Eiusmod tempor
- Incididunt ut labore et dolore magna
- Ut enim ad minim veniam
- Fabric 1: 100% poliester
- Fabric 2: 100% poliester,căptușeală: 100% poliester
- Fabric 3: 75% poliester, 20% vâscoză, 5% Elastan
- Fabric 1: 75% poliester, 20% vâscoză, 5% elastan
- Fabric 2: 100% poliester,căptușeală: 100% poliester
- Fabric 3: 100% poliester
Titluri RTE
Titlul RTE unu
Poziția a doua a RTE
Poziția a treia a RTE
Poziția a patra a RTE
Poziția cinci a RTE
Poziția șase a RTE
Alineatele
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
Stiluri de text
- Puternic
- Accent
- Link-ul inline
- Grevă
- Sup
Blockquotes
Eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Autorul citatului
Liste
|
|
Marcatori numerici
|
|
Liste de copii (pentru a se potrivi cu stilurile RTE) |
|
Tabele receptive
ORDINE | DATĂ | STAREA PLĂȚII | ÎNDEPLINIȚI STATUTUL DE | TOTAL |
---|---|---|---|---|
#1001 | decembrie 22, 2015 | Autorizat | Neîmplinit | $43.03 |
#1002 | decembrie 23, 2015 | Autorizat | Neîmplinit | $44.03 |
#1003 | decembrie 24, 2015 | Autorizat | Neîmplinit | $45.03 |
#1004 | decembrie 25, 2015 | Autorizat | Neîmplinit | $46.03 |
#1005 | decembrie 26, 2015 | Autorizat | Neîmplinit | $47.03 |
#1006 | decembrie 27, 2015 | Autorizat | Neîmplinit | $48.03 |
Forme
Elemente de formular implicite
Etichete invizibile
Adăugarea unei clase de etichetă-ascunse
la o etichetă pentru a o ascunde vizual, păstrând-o în același timp accesibilă cititoarelor de ecran. Utilizați Substituent
atribut ca etichetă vizibilă.
Notă: Cel Substituent
atribut funcționează numai în IE10 +, astfel încât etichetele invizibile sunt dezactivate în IE9 și mai jos.
Formulare verticale (client, contact, etc)
Nu există stiluri pentru acest lucru în ardezie, dar sunt utilizate în cele mai multe teme. Elemente de stil în interiorul unui formular / div cu clasa "forma-verticală" pentru a vedea stilurile tale aici.
Nu puteți adăuga o clasă direct la majoritatea elementelor de formă lichidă (de exemplu, {% form 'contact' %}
). În schimb, înfășurați formularul într-un div cu clasa .form-vertical
pentru a obține același efect.
Note și erori de formular
Nu există stiluri de note în ardezie, dar sunt de obicei adăugate pentru a gestiona erorile de formular. Exemple de stiluri:
.note { padding: 20px; border: 1px solid #ccc; } .note--success { border-color: green; background-color: lightgreen; } .note--error { border-color: red; background-color: lightred; }
Exemplu de utilizare:
{% if form.posted_successfully? %} <p class="note note--success">Thanks for submitting the form</p> {% endif %} {% if form.errors %} <div class="note note--error"> {{ form.errors | default_errors }} </div> {% endif %}
Acesta este un mesaj de eroare.
- Marcatorii pot oferi mai multe informații despre eroare
Butoane
Butonul implicit (fără valori implicite)
Elemente diverse
Norme orizontale
Nu există nicio valoare implicită Hr
stiluri în ardezie, dar acestea sunt cele comune pentru a adăuga.
Implicit Hr
Invizibil hr.hr --clar