A CSS segítségével könnyen, nagyon stílusosan formálhatja weboldalaitkönnyen. Egy oldalon több mint száz szöveges stílus definiálható (természetesen az oldala cirkuszi sátorként fog kinézni), de arról szól, hogy mennyire könnyű és rugalmas a CSS használata a weboldalakon.ThemeShock rendelkezik egy CSS kódológenerátorral, amely segít hozzáKülönböző árnyékhatások a képekre néhány kattintással. Ön választja ki a hatást, és beírja a kódot; Az effektusok hozzáadhatók az alsó, oldalsó, felső és alsó, bal alsó, jobb alsó, jobb felső és bal alsó vagy átlós sarkokban.
Mielőtt elkezded; ellenőrizze akép (amelyhez hozzá szeretné adni a hatást). A kódgenerátor előre meghatározott felső és alsó határa a kép szélessége és magassága 130 - 347 képpont. Ha a kép mérete meghaladja ezt, akkor később bármikor szerkesztheti a szélességet és a magasságot. A kód lehetővé teszi az árnyék átlátszóságának és elmosódásának meghatározását is. A képet nem töltheti fel a kódgenerátorban, az alapértelmezett képet fogja használni, így megnézheti a hatást.
A legördülő menüből válassza ki az árnyékota kívánt effektus, minden alkalommal, amikor valamelyik választót megváltoztatja, új kód jön létre, ezért ügyeljen arra, hogy a legújabbat használja. Miután kiválasztotta a kívánt hatást, állítsa be a kép szélességét és magasságát a vízszintes görgetősáv segítségével. Használja a jobb és a bal nyílgombot, ha csak egy kissé szeretné megnyomni a gombot. Állítsa be az elmosódást és az átlátszóságot, és a kód generálódik. Ezen paraméterek bármelyikének növelése vagy csökkentése új kódot hoz létre.
Miután minden beállítva, másolja a CSS-kódot egy a-baCSS fájlt, és nevezze el weboldalának (vagy témának). A HTML-kódot, amely a weboldalán található, szintén létrehozza (az egyedi minden egyes effektushoz, amelyet a legördülő menüből választott), másolja át, és helyezze el a képkódot (img src = ”“), ahol a “kódod itt” kifejezésre kerül.
A legjobb dolog ebben a kódgenerátorban azműködik, és ingyenes. Vannak méretkorlátozások a képekre, de a kódból szerkeszthetők. Ha átlátszó képet (például a fenti képet) használ, tompa szürke háttérképet kap. A háttér színét később a kódból szerkesztheti. (Kódsor háttér szerkesztése: #ccc). A kód 5 kép-méretű keretet is ad az összes képhez, szerkesztheti a keretet is, de a szélesség növelésével és csökkentésével az árnyékot a szükségesnél jobban elrejti vagy felfedi, így a legjobb, ha egyedül hagyja.
Látogassa meg a ThemeShock CSS Drop Shadow Generator alkalmazást
Hozzászólások