Stílusok az 1001site katalógusból
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.
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é.
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ó 2. lépését.
- A 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.
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.