Widgeten estiloa
Widgeten estiloaren panela zure proiektuko elementuen itxura bisuala eta kokapena fintzeko tresna nagusia da, eta kontrol zehatza ematen dizu tarteen, izkinen, geruzen eta pertsonalizazio aurreratuko aukeren gainean. Barne-tarteak, marjinak, izkinen erradioa, z-index-a, CSS pertsonalizatua eta beste estilo-ezaugarri batzuk interfaze bakar batetik kudeatuz, koherentzia mantentzen laguntzen du, diseinu-doikuntza zehatzak egiteko aukera emanez. Widget askok panel honen mende daudenez pertsonalizazio sakonagorako, hura ondo erabiltzen jakitea funtsezkoa da diseinu landuak eraikitzeko eta eraikitzailean sormen-kontrol osoa lortzeko.
Artikulu honetan Estiloaren panela nola erabili ikasiko duzu Irudiaren widgetaren bidez, eskuragarri dauden aukera gehienak biltzen dituelako, nahiz eta widget batzuek ezarpen jakin batzuk gehitu edo kendu ditzaketen. Funtsezkoa da Estiloaren panelak nola funtzionatzen duen eta nola erabili ondo ulertzea.
Oinarrizko estiloa
Widgetaren ezarpenak
Edozein widgeten Estiloaren panelera sartzeko, egin klik lehenik Ezarpenak ikonoan, widgetaren tresna-barrako engranaje-formakoa.
Estiloa botoia
Ondoren hautatu Estiloa botoia eraikitzailearen eskuinaldean panela irekitzeko. Oinarrizkoa fitxarekin hasiko gara.
Erakutsi mahaigainean
Oinarrizkoa fitxaren barruan, lehen aukera “Erakutsi mahaigainean” da. Aukera hau lehenespenez gaituta dago, baina desgaitzeak widgeta mahaigaineko bereizmenean ezkutatzen du, tabletan eta mugikorrean ikusgai mantenduz. Widgeta editorearen eremutik desagertuko da, baina berriro ikusgai egin dezakezu beheko eskuineko tresna-barrako Erakutsi ezkutuak botoiaren bidez, ezkutuko elementuak lausotuta baina editagarri erakusten dituena.
Barne-tarteak
Hemen widgetaren barne-tarteak doi ditzakezu, balioak sartuz edo alde guztiak elkarrekin lotuz. Xehetasun gehiago Tarteak: barne-tartea eta marjinak artikuluan.
Marjinak
Aukera honek widgetaren marjinak banaka kontrolatzeko edo alde guztiak elkarrekin lotzeko aukera ematen dizu. Informazio gehiago Tarteak: barne-tartea eta marjinak artikuluan.
Izkinak
Hemen widgetaren izkinen erradioa alda dezakezu graduatzailearen bidez edo balio zehatz bat sartuz. Pixelen eta ehunekoen artean ere alda dezakezu eskuineko geziaren bidez.
Izkinen aldagailua
Kontrol honek izkinen erradio bera lau izkinetan aplikatzeko edo izkina bakoitzari balio banakoak ezartzeko aukera ematen dizu.
Nahasketa-modua
Nahasketak zehazten du irudi batek bere atzeko elementuekin bisualki nola elkarreragiten duen, pixelak konbinatuz gainjarri besterik egin beharrean. Eskuragarri dauden nahasketa-moduak hauek dira: normal, color, color burn, darken, difference, exclusion, hue, lighten, luminosity, multiply, overlay, saturation eta screen.
Kokapena
Hemen widgetaren kokapena aukera dezakezu: bat ere ez, absolutua edo finkoa. “Bat ere ez” aukerarekin, widgetak orrialdearen fluxu normalari jarraitzen dio. “Absolutua” aukerarekin, widgeta libreki koka daiteke bere edukiontzi hurbilenarekiko, inguruko elementuei eragin gabe. “Finkoa” aukerarekin, widgeta pantailako kokapen jakin batean ainguratuta geratzen da, korritzen ari zarenean ere.
Estilo aurreratua
Aurreratua fitxak, batez ere, erabiltzaile aurreratuentzako eta garatzaileentzako funtzioak biltzen ditu.
Z-Index
Hemen elementuaren Z-Index-a kontrola dezakezu. Z-Index HTMLren propietate garrantzitsu bat da, elementuak sakonera-ardatzean nola geruzatzen diren definitzen duena. Modu sinplean esanda, bi widget gainjartzen direnean, Z-Index handiagoa duena bestearen gainean agertuko da.
ID pertsonalizatua
Hemendik CSS ID pertsonalizatu bat gehi diezaiokezu widgetari.
Klase pertsonalizatua
Hemendik CSS klase pertsonalizatu bat gehi diezaiokezu widgetari.
Atributu pertsonalizatua
Hemendik atributu pertsonalizatuak gehi diezazkiokezu zure widgetari. CSS atributuak HTML elementuen estiloan eta antolaketan eragiten duten propietateak dira. Propietate bakoitzak estilo orokorraren zati txiki bat kontrolatzen du.
CSS pertsonalizatua
Hemen widgetari edo bere barruko elementuei eragiten dien CSS pertsonalizatua gehi dezakezu. Lehendik dagoen klase bat erabiltzen ari bazara, sartu zure estiloak “.widget-class” hautatzailearen edo esleitu duzun izenaren bidez. Klaserik esleitu nahi ez baduzu, “element” hautatzailea erabil dezakezu.
Sagu-gaineko trantsizioaren abiadura
Sagu-gaineko trantsizioak zure widgetari sagu-gaineko efektuak zein azkar aplikatzen zaizkion kontrolatzen du. Adibidez, sagu-gainean atzeko planoko kolore bat ezartzen bada, 0 trantsizio-balio batek aldaketa berehalakoa egiten du, eta 100 balio batek efektua pixkanaka agerrarazten du.
Ordezko izenburua
Hemen irudiarentzat ordezko testu bat zehaztu dezakezu, erakutsi ezin bada.
Eraldaketaren estiloa
Eraldaketa fitxak zure widgetaren itxura hainbat eraldaketaren bidez aldatzeko aukera ematen dizu. Widgeta biratu, desplazatu, okertu, eskalatu edo irauli dezakezu, eta aukera batzuek X-Y ardatzeko kontrolak, aingura-puntuak eta lerrokatze-ezarpenak eskaintzen dituzte doikuntza zehatzagoak egiteko.