Stiluri
Această page rolul de a prezenta stilurile pentru page standard page , precum tipografia, elementele formularelor și pictogramele. Acestea sunt codificate direct într-un fișier page alternativ page , numit page.styles.liquid.
Tipografie
Titlul 1
Titlul 2
Titlul trei
Titlul patru
Titlul 5
Titlul 6
Titlu H1
Titlu H2
Titlu H3
Titlu H4
Titlu H5
Titlu H6
Se pare că ajunseserăm la o înălțime considerabilă în atmosferă, întrucât cerul era de un black intens, iar stelele încetaseră să mai sclipească. Prin aceeași iluzie care ridică orizontul mării la nivelul privitorului aflat pe un deal, norul negru de dedesubt se întindea ca o cupolă, iar cabina părea să plutească în mijlocul unei imense sfere întunecate, a cărei jumătate superioară era presărată cu silver. Privind în jos, în golful întunecat de dedesubt, puteam vedea o lumină roșiatică care se revărsa printr-o crăpătură din nori.
Abonează-te la newsletter-ul nostru și descoperă poveștile, colecțiile și surprizele noastre.
- Noutăți
- Reduceri și oferte speciale
- Femei
- Bărbaţi
- Pantofi
- Genti și accesorii
- Mărci de top
- Catalog
- Lorem ipsum dolor sit amet
- Consultații de slăbire de elită
- O perioadă de timp
- S-au întâmplat astfel încât au suferit multă muncă și durere
- Căci nu se poate vorbi de iertare
- Țesătură 1: 100% poliester
- Material exterior: 100% poliester, căptușeală: 100% poliester
- Țesătură 3: 75% poliester, 20% viscoză, 5% elastan
- Material 1: 75% poliester, 20% viscoză, 5% elastan
- Material exterior: 100% poliester, căptușeală: 100% poliester
- Țesătură 3: 100% poliester
Titluri RTE
Titlul RTE
RTE titlul doi
Titlul trei al RTE
RTE titlul patru
Titlul 5 al RTE
RTE titlul șase
Paragrafe
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.
Acesta preia elementul nisl pentru a crea un efect de tranziție. Totuși, acest lucru poate provoca o problemă în elementul hendrerit, ceea ce poate duce la o problemă în elementul vulputate.
Stiluri de caractere
- Puternic
- Accent
- Link în text
- Greva
- Salut
Citate în bloc
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 nihil imperdiet doming id quod mazim placerat facer possim assum.
Autorul citatului
Liste
|
|
Punct numeric
|
|
Liste pentru copii (pentru a se potrivi cu stilurile RTE) |
|
Tabele adaptabile
| ORDER | DATA | STATUSUL PLĂȚII | STATUSUL COMENZII | TOTAL |
|---|---|---|---|---|
| #1001 | 22 decembrie 2015 | Autorizat | Neîmplinit | $43.03 |
| #1002 | 23 decembrie 2015 | Autorizat | Neîmplinit | $44.03 |
| #1003 | 24 decembrie 2015 | Autorizat | Neîmplinit | $45.03 |
| #1004 | 25 decembrie 2015 | Autorizat | Neîmplinit | $46.03 |
| #1005 | 26 decembrie 2015 | Autorizat | Neîmplinit | $47.03 |
| #1006 | 27 decembrie 2015 | Autorizat | Neîmplinit | $48.03 |
Formulare
Elemente implicite ale formularului
Etichete invizibile
Adaugă o clasă de etichetă ascunsă pe o etichetă pentru a o ascunde vizual, păstrând-o totuși accesibilă pentru cititoarele de ecran. Utilizați text de substituție folosește acest atribut ca etichetă vizibilă.
Notă: Acest text de substituție Atributul funcționează doar în IE10 și versiunile ulterioare, astfel încât etichetele invizibile sunt dezactivate în IE9 și versiunile anterioare.
Formulare verticale (client, contact etc.)
În Slate nu există astfel de stiluri, dar ele sunt utilizate în majoritatea temelor. Plasează elemente de stil în interiorul unui element form/div cu clasa `form-vertical` pentru a vedea stilurile tale aici.
Nu poți adăuga o clasă direct la majoritatea elementelor de tip „form” din Liquid (de exemplu, {% formular „contact” %}). În schimb, încadrați formularul într-un element div cu clasa .form-vertical pentru a obține același efect.
Note și erori de completare a formularului
În Slate nu există stiluri de note, dar acestea sunt adesea 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.
- Lista cu puncte poate oferi mai multe detalii despre eroare
Butoane
Butonul „Implicit” (fără setări implicite)
Butonul implicit este dezactivat
Butonul implicit cu dimensiune mare
Diverse elemente
Linii orizontale
Nu există valori implicite hr stiluri în Slate, dar acestea sunt cele mai des utilizate.
Implicit hr
Invizibil hr.hr--clear
