Si të krijoni stile me përzgjedhës Class dhe ID në Dreamweaver

Zgjedhësit e klasës dhe ID në Dreamweaver kanë shumë ngjashmëri dhe një ndryshim kryesor. Stilet e ID-së mund të përdoren vetëm një herë për faqe, por stilet e klasave mund të përdoren sa herë që dëshironi në të njëjtën faqe.

Stilet e klasës dhe ID-së kanë ngjashmëritë e mëposhtme:

Ju mund të emërtoni stilet e krijuara me përzgjedhësit e klasës dhe ID-së çdo gjë që ju pëlqen. Nuk duhet të përfshini hapësira ose karaktere të veçanta në emrat e stileve, megjithëse nënvizat dhe viza janë në rregull. Përdorimi i të gjitha shkronjave të vogla është një praktikë e zakonshme, por jo e nevojshme.

Ju mund të aplikoni stilet e klasës dhe ID-së për çdo element në një faqe, por ato aplikohen më së shpeshti në etiketat e kokës, etiketat div, etiketat e listave të pa renditura, etiketat e paragrafit, etiketat e imazheve dhe etiketat e reja HTML5.

Përdorimi i stileve të krijuara me përzgjedhësin e klasës dhe ID-së është një proces me dy hapa. Së pari, ju krijoni një stil të ri duke përdorur përzgjedhësin e klasës ose ID dhe i jepni një emër; atëherë ju aplikoni stilin në një element në faqe.

Për të përcaktuar një stil të ri klase ose ID, krijoni dhe ruani një dokument të ri ose hapni një skedar ekzistues dhe më pas ndiqni këto hapa:

1Nëse jeni duke përcaktuar një stil të ri që dëshironi të aplikoni në një element ekzistues, klikoni për të vendosur kursorin mbi elementin që dëshironi të formatoni me stilin e ri.

Megjithëse ky hap nuk kërkohet (mund të krijoni stile për elementë që nuk janë ende në faqe), Dreamweaver krijon automatikisht emrat e përzgjedhësve bazuar në elementin e faqes që kursori juaj po zgjedh aktualisht.

2Në panelin Përzgjedhës të panelit CSS Designer, zgjidhni emrin e fletës së stilit në të cilën dëshironi të shtoni stilin e ri.

Nëse dëshironi të synoni stilin në një lloj media ose madhësi të veçantë ekrani, përcaktoni një pyetje mediatike në panelin @Media.

Nëse nuk specifikoni një kërkesë për media, Dreamweaver do të përdorë veçorinë Globale dhe stili juaj do të funksionojë në të gjitha formatet e medias dhe madhësitë e ekranit.


Si të krijoni stile me përzgjedhës Class dhe ID në Dreamweaver

3Në panelin e përzgjedhësve, klikoni shenjën plus (+).

Një përzgjedhës i ri shtohet në panelin e përzgjedhësve. Dreamweaver ka shtuar një emër përzgjedhës të përbërë, i cili përfshin të gjitha stilet e aplikuara tashmë në titullin ku qëndronte kursori juaj kur keni filluar të përcaktoni stilin.

4Klikoni dy herë mbi emrin e përzgjedhësit dhe modifikoni ose zëvendësoni atë me emrin që dëshironi të përdorni për stilin tuaj.

Ju mund t'i emërtoni stilet e klasës dhe ID-së çdo gjë që ju pëlqen, për sa kohë që nuk përdorni hapësira ose karaktere të veçanta përveç vizës (-) ose nënvizimit (_).

Nëse dëshironi të krijoni një stil duke përdorur përzgjedhësin e klasës, duhet ta filloni emrin e stilit me një pikë ose pikë. Nëse dëshironi të përdorni përzgjedhësin ID, emri i stilit duhet të fillojë me një shenjë paund (#).


Si të krijoni stile me përzgjedhës Class dhe ID në Dreamweaver

5 Në panelin Properties, specifikoni cilësimet në rregullin tuaj të stilit.

Zgjedhësit e klasës dhe ID-së janë të lehta për t'u aplikuar në përmbajtje pasi t'i krijoni ato sepse Dreamweaver i shton këto stile në listat rënëse të Klasës dhe ID-së në inspektorin "Property", që ndodhet në fund të hapësirës së punës.


Si të aplikoni transparencën në SVG

Si të aplikoni transparencën në SVG

Mësoni se si të aplikoni transparencën në grafikat SVG në Illustrator. Eksploroni se si të nxirrni SVG me sfond transparent dhe të aplikoni efekte transparence.

Puna me imazhe në Adobe XD

Puna me imazhe në Adobe XD

Pasi të keni importuar imazhet tuaja në Adobe XD, nuk keni shumë kontroll të redaktimit, por mund t'i ndryshoni madhësinë dhe t'i rrotulloni imazhet ashtu si do të bëni çdo formë tjetër. Ju gjithashtu mund të rrumbullakosni me lehtësi qoshet e një imazhi të importuar duke përdorur miniaplikacionet e qosheve. Maskimi i imazheve tuaja Duke përcaktuar një formë të mbyllur […]

Si të rregulloni vetitë e tekstit në Adobe XD

Si të rregulloni vetitë e tekstit në Adobe XD

Kur keni tekst në projektin tuaj Adobe XD, mund të filloni të ndryshoni vetitë e tekstit. Këto veçori përfshijnë familjen e shkronjave, madhësinë e shkronjave, peshën e shkronjave, shtrirjen, ndarjen e karaktereve (përcaktimi dhe gjurmimi), Hapësira e rreshtave (udhëheqëse), mbushja, kufiri (goditja), hija (hija me rënie) dhe turbullimi i sfondit. Pra, le të shqyrtojmë se si zbatohen ato prona. Rreth lexueshmërisë dhe fontit […]

Puna me Artboards në Photoshop CC

Puna me Artboards në Photoshop CC

Ashtu si në Adobe Illustrator, tabelat artistike të Photoshop ofrojnë aftësinë për të ndërtuar faqe ose ekrane të veçanta brenda një dokumenti. Kjo mund të jetë veçanërisht e dobishme nëse po ndërtoni ekrane për një aplikacion celular ose broshurë të vogël. Ju mund të mendoni për një tabelë artistike si një lloj të veçantë grupi shtresash të krijuar duke përdorur panelin Layers. Është […]

Forma dhe shumëkëndësha në InDesign

Forma dhe shumëkëndësha në InDesign

Shumë nga mjetet që gjeni në panelin e InDesign Tools përdoren për të vizatuar linja dhe forma në një faqe, kështu që ju keni disa mënyra të ndryshme për të krijuar vizatime interesante për botimet tuaja. Mund të krijoni çdo gjë, nga format bazë deri te vizatimet e ndërlikuara brenda InDesign, në vend që të përdorni një program vizatimi të tillë […]

Përfundoni tekstin në Adobe Illustrator CC

Përfundoni tekstin në Adobe Illustrator CC

Mbështjellja e tekstit në Adobe Illustrator CC nuk është e njëjtë me mbështjelljen e një dhurate - është më e lehtë! Një mbështjellje teksti detyron tekstin të mbështillet rreth një grafike, siç tregohet në këtë figurë. Kjo veçori mund të shtojë pak kreativitet në çdo pjesë. Grafika po e detyron tekstin të mbështillet rreth tij. Së pari, krijoni […]

Si të ndryshoni madhësinë e formave në Illustrator

Si të ndryshoni madhësinë e formave në Illustrator

Kur dizajnoni në Adobe Illustrator CC, shpesh ju nevojitet një formë që të jetë një madhësi e saktë (për shembull, 2 x 3 inç). Pasi të krijoni një formë, mënyra më e mirë për të ndryshuar madhësinë e saj në matje të sakta është të përdorni panelin Transform, të paraqitur në këtë figurë. Zgjidhni objektin dhe më pas zgjidhni Dritarja → Transformo në […]

Si të krijoni kode QR në InDesign CC

Si të krijoni kode QR në InDesign CC

Ju mund të përdorni InDesign për të krijuar dhe modifikuar grafikë të kodit QR. Kodet QR janë një formë barkodi që mund të ruajë informacione të tilla si fjalë, numra, URL ose forma të tjera të dhënash. Përdoruesi skanon kodin QR duke përdorur kamerën dhe softuerin e saj në një pajisje, siç është një smartphone, dhe softueri përdor […]

Si ta bëni një fotografi të re të duket e vjetër në Photoshop CS6

Si ta bëni një fotografi të re të duket e vjetër në Photoshop CS6

Mund të ketë një moment kur ju duhet një foto e re për t'u dukur e vjetër. Photoshop CS6 ju ka mbuluar. Fotografia bardh e zi është një fenomen më i ri nga sa mund të mendoni. Daguerreotipet dhe fotografitë e tjera të hershme shpesh kishin një ton kafe ose kaltërosh. Ju mund të krijoni kryeveprat tuaja me tone sepie. Fotografitë e tonifikuara mund të krijojnë […]

Veçoria Live Paint në Adobe CS5 Illustrator

Veçoria Live Paint në Adobe CS5 Illustrator

Duke përdorur veçorinë Live Paint në Adobe Creative Suite 5 (Adobe CS5) Illustrator, mund të krijoni imazhin që dëshironi dhe të plotësoni rajonet me ngjyra. Kova Live Paint zbulon automatikisht rajonet e përbëra nga shtigje të pavarura kryqëzuese dhe i mbush ato në përputhje me rrethanat. Bojë brenda një rajoni të caktuar mbetet e gjallë dhe rrjedh automatikisht nëse ka […]