Design systém
Box pro nápovědu.
Základní barvy
Textové prvky
Pro použití těchto stylů je potřeba mít na rodiči třídu .s_formatted-txt, prvky zanořené v této třídě:
Nadpis úrovně H1
<h1>Nadpis úrovně H1</h1>
Nadpis úrovně H2
<h2>Nadpis úrovně H2</h2>
Nadpis úrovně H3
<h3>Nadpis úrovně H3</h3>
Nadpis úrovně H4
<h4>Nadpis úrovně H4</h4>
Nadpis úrovně H5
<h5>Nadpis úrovně H5</h5>
Code prvek
<code>Text v code</code>
Citace
Tohle je nějaká citace
<blockquote>Tohle je nějaká citace</blockquote>
Textový odstavec
Textový odstavec pro popisování všeho možného.
<p>Textový odstavec pro popisování všeho možného.</p>
Textový seznam
- Seznam 1
- Seznam 2
<ul>
<li>Seznam 1</li>
<li>Seznam 2</li>
</ul>
Textový číslovaný seznam
- Číslovaný seznam 1
- Podseznam 1
- Číslovaný seznam 2
<ol>
<li>Číslovaný seznam 1</li>
<li>Číslovaný seznam 2</li>
</ol>
Oddělovač hr (nemusí se použít obalovácí třída)
<hr>
Tlačítka
Plná tlačítka
<button class="btn btn-primary">Primary</button>
<button class="btn btn-secondary">Secondary</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-danger">Danger</button>
<button class="btn btn-dark">Dark</button>
<button class="btn btn-pink">Pink</button>
Outline tlačítka
<button class="btn btn-primary-outline">Primary</button>
<button class="btn btn-secondary-outline">Secondary</button>
<button class="btn btn-custom">Custom</button>
<button class="btn btn-danger-outline">Danger</button>
<button class="btn btn-light">Light</button>
Velikosti tlačítek
<button class="btn btn-primary btn-sm">Primary SM</button>
<button class="btn btn-primary">Primary</button>
<button class="btn btn-primary btn-lg">Primary LG</button>
Stavy tlačítek
<button class="btn btn-primary" disabled>Primary</button>
Ostatní
<button class="btn btn-continue">Continue<i class="bi bi-chevron-right ms-2"></i></button>
<button class="btn btn-outline-danger"><i class="bi bi-trash me-1"></i>Smazat</button>
<button class="btn btn-primary">Primary<i class="bi bi-cpu ms-2"></i></button>
<button class="btn btn-light" data-bs-toggle="tooltip" title="Tooltip nad tlačítkem">S tooltipem<span class="p_circle p_circle--dark p_circle--sm ms-1"><i class="bi-info"></i></span></button>
Labely
Outline labely
<span class="p_badge p_badge--ring-primary">Primary</span>
<span class="p_badge p_badge--ring-secondary">Secondary</span>
<span class="p_badge p_badge--ring-warning">Warning</span>
<span class="p_badge p_badge--ring-danger">Danger</span>
<span class="p_badge p_badge--ring-dark">Dark</span>
<span class="p_badge p_badge--ring-light">Light</span>
Plné labely
<span class="p_badge p_badge--primary">Primary</span>
<span class="p_badge p_badge--secondary">Secondary</span>
<span class="p_badge p_badge--warning">Warning</span>
<span class="p_badge p_badge--danger">Danger</span>
<span class="p_badge p_badge--dark">Dark</span>
<span class="p_badge p_badge--light">Light</span>
Labely s ikonkou
<span class="p_badge p_badge--alert-primary">4 GB</span>
<span class="p_badge p_badge--alert-secondary">4 GB</span>
<span class="p_badge p_badge--alert-warning">4 GB</span>
<span class="p_badge p_badge--alert-danger">4 GB</span>
<span class="p_badge p_badge--alert-dark">4 GB</span>
Stavové labely
<span class="p_badge p_badge--ring-light d-inline-flex align-items-center"><span class="p_circle p_circle--primary p_circle--xsm me-2"></span>Běží</span>
<span class="p_badge p_badge--ring-light d-inline-flex align-items-center"><span class="p_circle p_circle--info p_circle--xsm me-2"></span>Nový</span>
<span class="p_badge p_badge--ring-light d-inline-flex align-items-center"><span class="p_circle p_circle--warning p_circle--xsm me-2"></span>Údržba</span>
<span class="p_badge p_badge--ring-light d-inline-flex align-items-center"><span class="p_circle p_circle--danger p_circle--xsm me-2"></span>Pozastaven</span>
<span class="p_badge p_badge--ring-light d-inline-flex align-items-center"><span class="p_circle p_circle--dark p_circle--xsm me-2"></span>Pozastaven</span>
Barevné labely
<span class="p_badge p_badge--D2EDDA">D2EDDA</span>
<span class="p_badge p_badge--A9DCB1">A9DCB1</span>
<span class="p_badge p_badge--50C878">50C878</span>
<span class="p_badge p_badge--1FA64C">1FA64C</span>
<span class="p_badge p_badge--004225">004225</span>
<span class="p_badge p_badge--CCE4F6">CCE4F6</span>
<span class="p_badge p_badge--A4D0EF">A4D0EF</span>
<span class="p_badge p_badge--47A9E1">47A9E1</span>
<span class="p_badge p_badge--0077C8">0077C8</span>
<span class="p_badge p_badge--003E5D">003E5D</span>
<span class="p_badge p_badge--FFF2CF">FFF2CF</span>
<span class="p_badge p_badge--FFE08B">FFE08B</span>
<span class="p_badge p_badge--FFC107">FFC107</span>
<span class="p_badge p_badge--D89A00">D89A00</span>
<span class="p_badge p_badge--7F5A00">7F5A00</span>
<span class="p_badge p_badge--FEE1E1">FEE1E1</span>
<span class="p_badge p_badge--FDB9B9">FDB9B9</span>
<span class="p_badge p_badge--FD7E7E">FD7E7E</span>
<span class="p_badge p_badge--A94442">A94442</span>
<span class="p_badge p_badge--7D2929">7D2929</span>
<span class="p_badge p_badge--FCD2E2">FCD2E2</span>
<span class="p_badge p_badge--FB8FBF">FB8FBF</span>
<span class="p_badge p_badge--F95197">F95197</span>
<span class="p_badge p_badge--B5123F">B5123F</span>
<span class="p_badge p_badge--7C0A2A">7C0A2A</span>
<span class="p_badge p_badge--F1F1F1">F1F1F1</span>
<span class="p_badge p_badge--D9D9D9">D9D9D9</span>
<span class="p_badge p_badge--A0A0A0">A0A0A0</span>
<span class="p_badge p_badge--595959">595959</span>
<span class="p_badge p_badge--2C2C2C">2C2C2C</span>
Stavy
Plné
<span class="p_circle p_circle--primary"></span>
<span class="p_circle p_circle--secondary"></span>
<span class="p_circle p_circle--warning"></span>
<span class="p_circle p_circle--danger"></span>
<span class="p_circle p_circle--dark"></span>
Poloprůhledné
<span class="p_circle p_circle--primary opacity-50"></span>
Stačí doplnit třídu opacity-50 pro poloprůhledný efekt.
Velikosti
<span class="p_circle p_circle--primary p_circle--sm"></span>
<span class="p_circle p_circle--primary p_circle--xsm"></span>
S tooltipem
<span class="p_circle p_circle--primary" data-bs-toggle="tooltip" title="S tooltipem"><i class="bi-info"></i></span>
<span class="p_circle p_circle--secondary" data-bs-toggle="tooltip" title="S tooltipem"><i class="bi-info"></i></span>
<span class="p_circle p_circle--warning" data-bs-toggle="tooltip" title="S tooltipem"><i class="bi-info"></i></span>
<span class="p_circle p_circle--danger" data-bs-toggle="tooltip" title="S tooltipem"><i class="bi-info"></i></span>
<span class="p_circle p_circle--dark" data-bs-toggle="tooltip" title="S tooltipem"><i class="bi-info"></i></span>
Popover
<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-placement="top" data-bs-content="Toto je klasický popover">Klikni pro zobrazení</button>
<button type="button" class="btn btn-light" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-placement="top" data-bs-custom-class="custom-popover" data-bs-html="true" data-bs-title="Stylovaný popover" data-bs-content="Odstavec textu, a taky třeba odrážky<ul class='m-0 ps-4'><li>Jedna odrážka</li><li>Druhá odrážka <a href='#' class='text-dark'>odkaz</a></li></ul>"><i class="bi bi-question-lg"></i></button>
<button type="button" class="btn btn-custom" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-placement="top" data-bs-custom-class="popover-warning" data-bs-html="true" data-bs-title="Stylovaný popover" data-bs-content="Odstavec textu, a taky třeba odrážky<ul class='m-0 ps-4'><li>Jedna odrážka</li><li>Druhá odrážka <a href='#'>odkaz</a></li></ul>"><i class="bi bi-sticky"></i></button>
Progress bar
Základní
<div class="progress" role="progressbar" aria-label="Basic example" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" style="width: 50%"></div>
</div>
S procenty uvnitř progress baru
<div class="progress progress-number" role="progressbar" aria-label="Basic example" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" style="width: 50%">50%</div>
</div>
Barevné varianty
<div class="progress progress-number progress-secondary" role="progressbar" aria-label="Basic example" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-info text-dark" style="width: 50%">50%</div>
</div>
Možnost použít barevné varianty progress baru pomocí tříd bg-* a text-* na elementu .progress-bar. Zároveň je třeba použít třídu progress-* na hlavním elementu .progress pro změnu barvy pozadí progress baru.
Animované
<div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 75%"></div>
</div>
S procenty mimo progress bar
<div>
<span class="text-gray fs-14">50%</span>
<div class="progress" role="progressbar" aria-label="Basic example" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" style="width: 50%"></div>
</div>
</div>
Alerty
<div class="alert alert-primary" role="alert">Primary hláška pro web.</div>
<div class="alert alert-secondary" role="alert">Secondary hláška pro web.</div>
<div class="alert alert-success" role="alert">Success hláška pro web.</div>
<div class="alert alert-warning" role="alert">Warning hláška pro web.</div>
<div class="alert alert-danger" role="alert">Danger hláška pro web.</div>
<div class="alert alert-info" role="alert">Info hláška pro web.</div>
<div class="alert alert-dark" role="alert">Dark hláška pro web.</div>
<div class="alert alert-light" role="alert">Light hláška pro web.</div>
Potvrzovací boxy
Potvrzovací modal okno
<button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#confirmModal">Sloučit faktury (modal)</button>
// html kód modálního okna
<div class="modal fade" id="confirmModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body p-0">
<div class="c_blank-state bg-light mb-0">
<div class="c_blank-state__alert-ico">
<i class="bi bi-exclamation-triangle-fill fs-64 text-dark"></i>
</div>
<div class="c_blank-state__content">
<p class="h3 font-base fw-bold">Opravdu chcete sloučit vybrané faktury?</p>
<p class="fs-14">Opravdu chcete sloučit vybrané faktury?</p>
</div>
<div class="c_blank-state__btns">
<button type="button" data-bs-dismiss="modal" aria-label="Nechci" class="btn btn-light">Nechci</button>
<a class="btn btn-primary" href="#">Ano</a>
</div>
</div>
</div>
</div>
</div>
</div>
Mazání položek
<button class="btn btn-danger" type="button" data-confirm="Smazání" data-confirm-description="Opravdu chcete smazat položku?" data-confirm-checkbox="Test checkbox">Smazat položku</button>
Hlavní obsah okna se vytváří v js souboru assets\js\custom\_confirm-dialog.js.
Mazání položek (s možností vložit HTML)
<button class="btn btn-danger" type="button" data-confirm="Smazání" data-confirm-description="<b>Test</b><p>Test123</p><b>Test2</b><p>Test1234</p>" data-confirm-checkbox="Test checkbox">Smazat položku</button>
Pie chart
<div class="p_pie-chart p_pie-chart-primary p_pie-chart--20"><span></span><span>20%</span></div>
<div class="p_pie-chart p_pie-chart-secondary p_pie-chart--60"><span></span></div>
Další barevné stavy: p_pie-chart-secondary, p_pie-chart-warning, p_pie-chart-danger, p_pie-chart-info, p_pie-chart-dark. Naplnění koláče se nastavuje pomocí třídy p_pie-chart--XX, kde XX je procento naplnění.
Demo formulář
Vrchní menu
Blank states
Pro parkování domény nenabízime hostingový prostor, aktivujte si alespoň tarif Free
Kontakt lze využít pro:
- Zasílání informací nebo faktur na e-mail kontaktu.
- Možnost přihlášení do zákaznického centra s různými právy.
- Nastavení fakturace určité služby na daný kontakt.
Kontakt lze využít pro:
- Zasílání informací nebo faktur na e-mail kontaktu.
- Možnost přihlášení do zákaznického centra s různými právy.
- Nastavení fakturace určité služby na daný kontakt.
Box pro nápovědu
Box pro nápovědu bez ilustrace
Demo datagrid s akcemi
Demo formulář a malý datagrid bez akcí
Tabulka
| Stav | Datum | |
|---|---|---|
| dalšíemail@email.cz | Uhrazeno | 23.12.2025 |
| dalšíemail@email.cz | Neuhrazeno | 23.12.2025 |
| dalšíemail@email.cz | Uhrazeno | 23.12.2025 |
| dalšíemail@email.cz | Uhrazeno | 23.12.2025 |
Hover akce v datagridu
Na obalovací tr je potřeba použít třídu line-hover-action.
Detail domény
Jiný registrátor
Parkování zdarma (0 Kč/měs)
ns.vas-hosting.eu, ns.vas-hosting.com, ns.vas-hosting.cz
Neznámá
Fakturační kontakt
Cards
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereCard title
Some quick example text to build on the card title and make up the bulk of the card's content.
- An item
- A second item
- A third item
Timeline
-
Amount received in the PayPal gateway.User: William Lucas
-
Amount recieved in Paypal.Product: Console
-
User registered in the discount campaign.Country: United States
-
Ticket created about the SSL certificate of the domain.Issue: Technical
Notifikace
Horní notifikace
Před proklikem na zvoneček
-
Doména ai-battle.dev byla úspěšně vytvořena.
-
Doména ai-battle.dev nebyla vytvořena.
-
Doména ai-battle.dev byla úspěšně vytvořena.
Po prokliku na zvoneček
Ověření a podpora
Ověřit dostupnost domény
Podpora
Máte nějaký problém? Trápí vas něco na našich službách, nebo máte návrh na zlepšováK?
Kontaktovat podporu
Statický datagrid
| Buster | 1 GB | 10 GB | 10. 3. 2023 | ||||||
|
|
apo07-vhtest
Trial
apo07
|
Stretch | 1 GB | 10 GB | Aktivovat | 15.11.2017 | |||
|
|
kal06-jakub-zlatohlavek
apo07
|
Stretch | 3 GB | 40 GB |
19,00 €
|
2.4.2023 | |||
| Buster | 1 GB | 10 GB | 10. 3. 2023 | ||||||
|
|
apo07-vhtest
Trial
apo07
|
Stretch | 1 GB | 10 GB | Aktivovat | 15.11.2017 | |||
|
|
kal06-jakub-zlatohlavek
apo07
|
Stretch | 3 GB | 40 GB |
19,00 €
|
2.4.2023 |
- 23.234.124.123
- 2a01:28:ca:122::1:1234
- ago10.vas-server.cz
OS Bullseye Neaktuální Aktualizovat
RAM 2 GB CPU (16x) 1.95 load avg Disk 19 z 20 GB Grafy
Nastavení serveruAutomatické zálohování Neaktivní Nastavit
VPS centrum verze: 2.63 Problém s přihlášením
SMTP Blokováno Nastavení
Poslední výpadek: 19.12.2024
Aktivity serveru
- automatický monitoring je vypnutý 30. 9. 2022 7:25:18
- poslední výpadek 19. 10. 2022 14:50:25
- aktivní zálohování 30. 9. 2022 7:25:18
- automatické prodlužování je zapnuto 19. 10. 2022 14:50:25
- server je určen na smazání 30. 9. 2022 7:25:18
- automatické prodlužování je zapnuto 19. 10. 2022 14:50:25
Franta Vomáčka, Dlouhá ulice Dlouhý název města Na Slupi 12, Praha 5, 123 456Upravit
- Faktura č. 20231212 2.2. 2023
- Faktura č. 20231212 12.2. 2024
Aktuální DNS servery
VAS-HOSTINGZměnit DNS záznamy
Aliasy
aliasdomena-domena.czDetail domény
PHP v 8.1 Změnit verzi
IPv4 / IPv646.234.108.26 / 2a01:28:ca:112::1:125
URL pro testování http://vas-tester.cz.vhs02.vas-hosting.com/
Https certifikát Aktivní (12.12.2024) Nastavení
E-maily
| Stav | Datum | |
|---|---|---|
| dalšíemail@email.cz | Uhrazeno | 23.12.2025 |
| dalšíemail@email.cz | Neuhrazeno | 23.12.2025 |
| dalšíemail@email.cz | Uhrazeno | 23.12.2025 |
| dalšíemail@email.cz | Uhrazeno | 23.12.2025 |
Databáze
| Stav | Datum | |
|---|---|---|
| dalšíemail@email.cz | Uhrazeno | 23.12.2025 |
| dalšíemail@email.cz | Neuhrazeno | 23.12.2025 |
| dalšíemail@email.cz | Uhrazeno | 23.12.2025 |
| dalšíemail@email.cz | Uhrazeno | 23.12.2025 |
Registrátor
Váš hosting s.r.o. Zjistit Auth-ID
Expirace 16.3.2025 Automatické prodloužení
Vlastník
Aleš Brom, IČ 223322222, Na Pankráci dlouhý název 12, 12345
Změnit vlastníkaAktuální DNS servery
VAS-HOSTING Změnit DNS záznamy
Aliasy
aliasdomena-domena.cz Detail domeny
Subdomény
Celá šířka
Velikost na disku: 123 kB
Limity: Memory: 256M | Upload: 32M | Exec: 30s
Velikost na disku: 123 kB
Limity: Memory: 256M | Upload: 32M | Exec: 30s
Velikost na disku: 123 kB
Limity: Memory: 256M | Upload: 32M | Exec: 30s
Velikost na disku: 123 kB
Limity: Memory: 256M | Upload: 32M | Exec: 30s
Velikost na disku: 123 kB
Limity: Memory: 256M | Upload: 32M | Exec: 30s
Editor kódu
Nastavení kvóta
Aktuální velikost dat 120 MB
Karty serveru
1 234 Kč / měsíc
Expirace: 23.12.2025
ZálohováníAktivní (12.12.2025)
1 234 Kč / měsíc
Expirace: 23.12.2025
ZálohováníNeaktivníProdloužit
1 234 Kč / měsíc
Expirace: 23.12.2025
ZálohováníAktivní (12.12.2025)
1 234 Kč / měsíc
Expirace: 23.12.2025
ZálohováníNeaktivníProdloužit
Výběr článků z blogu
Malé karty
IP blokace
Blokováno:
192.168.0.123
2001:0db8:0000:0000:0000:8a2e:0370:7334
2001:db8::8a2e:370:7334:
Web a FTP
Journal log
Sep 16 14:18:06 gem01-vas-hosting-vpsc-devel.vas-server.cz mariadbd[60610]: 2025-09-16 14:18:06 126907 [Warning] Aborted connection 126907 to db: 'mail' use a další texty
Sep 16 14:18:06 gem01-vas-hosting-vpsc-devel.vas-server.cz mariadbd[60610]: 2025-09-16 14:18:06 126907 [Warning] Aborted connection 126907 to db: 'mail' use a další texty
Sep 16 14:18:06 gem01-vas-hosting-vpsc-devel.vas-server.cz mariadbd[60610]: 2025-09-16 14:18:06 126907 [Warning] Aborted connection 126907 to db: 'mail' use a další texty
Sep 16 14:18:06 gem01-vas-hosting-vpsc-devel.vas-server.cz mariadbd[60610]: 2025-09-16 14:18:06 126907 [Warning] Aborted connection 126907 to db: 'mail' use a další texty
Sep 16 14:18:06 gem01-vas-hosting-vpsc-devel.vas-server.cz mariadbd[60610]: 2025-09-16 14:18:06 126907 [Warning] Aborted connection 126907 to db: 'mail' use a další texty
Šablony pro konfigurační soubory |
Cesta | Poslední změna | |
|---|---|---|---|
| Šablona pro novou doménu | /var/log/apache2/kkv.eu/acces-kkv.eu.log | 28. 10. 2024 18:59 | Zobrazit |
| Šablona pro novou subdoménu | /var/log/apache2/kkv.eu/acces-.eu.log | 28. 10. 2024 18:59 | Zobrazit |
| Šablona pro novou doménu | /var/log/apache2/kkv.eu/acces-kkv.eu.log | 28. 10. 2024 18:59 | Zobrazit |
Radio select
Nainstalované aplikace
Velikost disku
Zvětšit velikost disku