---
title: Stílusok az 1001site katalógusból
description: Hogyan válasszunk stílust 1000 népszerű weboldal közül, hogyan alkalmazzuk a weboldalunkon, hogyan módosítsuk vagy hogyan távolítsuk el. Stílusfájlok mesterséges intelligenciához.
section: design
keywords: Weboldal stílus, stíluskatalógus, design, téma, színek, betűtípusok, DESIGN.md
updated: 2026-09-16
howto: yes
---

A stílus egy előre megtervezett weboldal sablon, amely egy jól ismert platformon alapul: színek, betűtípusok, gomb- és kártyaformák, valamint animációk. Az 1001site katalógusa 1000 stílust tartalmaz. Válasszon ki egy sablont, kattintson az „Alkalmaz” gombra, és a webhelye az adott stílusban lesz megtervezve.

> [!tip] Kinek alkalmas ez?
> Bárkinek, aki gyönyörű weboldalt szeretne designer nélkül. A stílust annyiszor változtathatja, ahányszor csak szeretné.

![Stílusválasztás az irodába](/wiki/img/style-picker.webp "A „Stílus kiválasztása a katalógusból” ablak: keresés, videokártyák, „Alkalmaz” gomb")

## Hol válasszunk stílust

- Fiókodban: Beállítások → Kezdőlap és menü → „Webhely stílusa” → „Stílus kiválasztása” (vagy „Másik kiválasztása”). Vagy kövesd [az útmutató](/wiki/hu/guide) 2. lépését.
- A [1001site.com](https://1001site.com/) weboldalon: nyisd meg a stílust, és kattints az „Alkalmazás a tábládra” gombra a kártya alján. Ha már be vagy jelentkezve, a stílus azonnal alkalmazásra kerül.
- A katalógusban a regisztrációkor válaszd a „Megrendelés” → „Mindent tartalmaz” lehetőséget. A stílust a fizetés után megjegyzi és alkalmazza a rendszer.

## Lépések

### Lépés 1. Nyissa meg a katalógust

A „Webhely stílusa” részben kattintson a „Stílus kiválasztása” gombra. Megnyílik egy kártyákat tartalmazó ablak. Vigye az egérmutatót egy kártya fölé a minta webhely videójának megtekintéséhez.

### Lépés 2. Találj egy stílust

A keresés márkanév, szín, betűtípus és kategória alapján történik. Például: „alma”, „minimál”, „sötét”, „bolt”.

### Lépés 3. Kattintson az Alkalmaz gombra

Néhány másodperc múlva a stílus alkalmazásra kerül: színek, betűtípusok, kerekítés, árnyékok és animációk. A kiválasztott stílus neve és előnézete megjelenik a „Webhely stílusa” blokkban. Nyissa meg a webhelyet az „Eredmény megtekintése” linkre kattintva.

## Ami megváltoztatja a stílust

| Mi | Hogyan |
|---|---|
| Színek | Háttér, kártyák, szöveg, hangsúly. Alapértelmezett világos vagy sötét téma – mint a példában. |
| Betűtípusok | A példabetűtípushoz hasonló betűtípust választottunk ki a Google Fontsból. |
| Forma | Gombok és kártyák lekerekítése, lapos kártyák vagy árnyékkal, sűrűséggel |
| Animációk | Négy készlet egyike: nyugodt, lágy, ragyogó, dinamikus |
| Otthon | Ha a „kezdőlap tervezése” kapcsoló engedélyezve van, akkor a webhely nevével és a stílus szlogenjével ellátott főblokk kerül a tetejére. |

A stílus nem befolyásolja a szöveget, a termékeket, a kategóriákat, az oldalakat vagy a CSS-t. A CSS-szerkesztések a stílusblokk mellett kerülnek mentésre.

## Stílus és mesterséges intelligencia asszisztens

Egy stílus kiválasztása után a mesterséges intelligencia asszisztens az adott stílus tervezési referenciái alapján állítja össze a kezdőlapot és az oldalakat: kompozíció, képi világ, tipográfia és szövegtónus. Ez ugyanaz az elv, mint a tervezőknél: stílus → tervezési rendszer → oldalak.

## Stílus módosítása vagy eltávolítása

- **Módosítás**: „Egyéb kiválasztása” → új kiválasztása → „Alkalmaz”. Az előző stílusblokk felülíródik, nem kerül hozzáadásra.
- **Eltávolítás**: a kuka ikon a stílus előnézetén. Ez eltávolítja a stílus CSS-kódját és nevét. A színek és a betűtípusok változatlanok maradnak – ezeket a Márkaépítés részben módosíthatja, vagy kérheti az asszisztenst, hogy „állítsa vissza a dizájnt”.

## Stílusfájlok

A katalógusban található minden stílushoz tartoznak olyan fájlok, amelyeket a mesterséges intelligencia eszközök megértenek:

- **DESIGN.md** (teljes és kompakt) — stílusleírás: színek szerepekkel, betűtípusok, méretek, behúzások, megengedett/tilos szabályok.
- **A Tailwind v4** egy téma a Tailwindhez.
- **CSS változók** - CSS változók.
- **Design Tokenek** — JSON tokenekkel.

A fájlok másolhatók vagy letölthetők a stílus katalógusoldaláról. Könnyen átadhatók Claude-nak, a ChatGPT-nek, a Cursornak vagy az asszisztensünknek: „Készítsd el ebben a stílusban.” Lásd [a Stíluskatalógust](/wiki/hu/reference-catalog).

## Vámtarifák

Fizetős csomagok esetén lehetőség van stílusok weboldalra való alkalmazására. Csomag nélkül a stílus a fizetés után automatikusan megjegyződik és alkalmazásra kerül.

## Kérdések és válaszok

### A stílust alkalmaztuk, de az oldal nem úgy néz ki, mint a példában. Miért?

A stílus magában foglalja a színeket, betűtípusokat, formákat és animációkat. Az oldal felépítése és a fotók a tiéd. Ahhoz, hogy a kezdőlap a példához hasonlóan nézzen ki, kérdezd meg a mesterséges intelligencia asszisztenst: „Tervezze meg a kezdőlapot az oldal stílusában: főszereplő, előnyök, galéria, kapcsolatok.”

### Alkalmazhatok egy stílust több webhelyre is?

Igen, a stílus alkalmazva lett az aktuális webhelyre. Váltson webhelyet az irányítópulton, és alkalmazza újra a stílust.

### Manuálisan megváltoztattam a színt, majd alkalmaztam a stílust. Melyik nyer?

Stílus. A stílusban megadott színek felülírják a manuálisan megadottakat. A „Kód és widgetek” szakaszban található egyéni CSS megmarad.

### Honnan veszed a példákat?

Népszerű weboldalstílusok nyílt katalógusából. A videók és poszterek a szerverünkön tárolódnak.