Opcije pozadinske ploče na Dreamweaverovoj ploči svojstava CSS

Pomoću ploče Pozadina na ploči Dreamweaver CSS Designer možete odrediti boju pozadine ili sliku za stil — i kontrolirati kako se pozadina prikazuje na stranici. Možete koristiti postavke stila pozadine za bilo koji element vaše web stranice koji može prikazati pozadinu — uključujući ,

, naslov i oznake slike.

Opcije pozadinske ploče na Dreamweaverovoj ploči svojstava CSS

Na primjer, možete promijeniti oznaku tako da uključuje postavke pozadine koje se primjenjuju na cijelu stranicu ili možete stvoriti stil s selektorom klase ili ID-a i odrediti pozadinu koja se pojavljuje samo iza pojedinca

označiti.

Uključivanjem pozadine u stil klase ili ID a

oznaku, možete ograničiti da se pozadina pojavljuje na zaslonu samo tamo gdje je

koristi se oznaka. Imajte na umu da opcija Pozadina radi sa slikom samo ako prvo postavite marginu oko slike.

Možete birati između ovih opcija pozadine:

  • Boja pozadine: Odredite boju pozadine definiranog stila pomoću jedne od nekoliko metoda. Možete kliknuti dobro na boju i odabrati unaprijed definiranu boju ili stvoriti prilagođenu boju. Ili upotrijebite kapaljku za uzorkovanje bilo koje boje na zaslonu. Konačno, možete unijeti heksadecimalni kod boje — svakako uključite #, kao u #000000 za crnu boju ili #ffffff za bijelu boju.

  • Pozadinska slika: Odaberite sliku koja će poslužiti kao pozadina u definiciji vašeg stila. Unesite bilo koji URL do slike na računalu ili na Internetu ili kliknite ikonu mape da biste pregledali svoj tvrdi disk i odabrali sliku.

  • Pozadina-Pozicija: Odredite položaj pozadinske slike s lijeve i gornje strane nadređenog elementa unosom broja u svako polje. Ova je opcija vidljiva samo ako kliknete malu strelicu pored polja URL-a u odjeljku Pozadina kako biste otkrili dodatna polja koja slijede.

  • Veličina: Odaberite mjerenje u pikselima, ems ili neku drugu opciju, a zatim unesite veličinu koju želite za pozadinu. Ostavite polje Veličina postavljeno na auto (zadano) prikazuje sliku u stvarnoj veličini.

  • Pozadinski isječak: Odredite počinje li pozadina obrub, padding ili sadržaj elementa okvira, kao što je

    označiti.

  • Ponavljanje pozadine: Kliknite odgovarajuću ikonu da odredite kako i hoće li se pozadinska slika ponavljati ili postavljati pločice preko stranice i dolje. Pozadinske slike pločica prema zadanim postavkama, tako da morate odabrati opciju ako ne želite da se pozadina ponavlja ili želite odrediti kako se ponavlja.

    Također imajte na umu da ako je slika veća od elementa na koji je primijenjena, bit će vidljiv samo onoliko slike koliko stane u područje prikaza elementa. Na primjer, ako koristite sliku širine 600 piksela kao pozadinu a

    oznaku koja je postavljena na 300 piksela širine, bit će vidljiva samo polovica slike.

    Slijede opcije Ponavljanje, navedene po redoslijedu pojavljivanja njihovih ikona:

    • Nasljeđivanje: osim ako nije odabrana druga opcija, svaki element nasljeđuje ponašanje svog roditeljskog elementa. Ovu zadanu opciju nije potrebno specificirati.

    • Ponavljanje: pozadinska slika se ponavlja okomito i vodoravno u pozadini elementa.

    • Repeat-X: Pozadina se ponavlja vodoravno, ali ne i okomito, u pozadini elementa.

    • Repeat-Y: Pozadina se ponavlja okomito, ali ne vodoravno, u pozadini elementa.

    • Bez ponavljanja: Pozadina se prikazuje jednom u gornjem lijevom dijelu elementa.

    • Porijeklo: Odredite počinje li podrijetlo pozadine na obrubu, na rubu ili sadržaju elementa okvira, kao što je

      označiti.

  • Prilog: Odredite kako se pozadina ponaša kada se stranica pomiče. Opcije su

    • Nasljeđivanje: osim ako nije odabrana druga opcija, svaki element nasljeđuje ponašanje svog roditeljskog elementa. Ovo je zadana opcija i ne treba je specificirati.

    • Popravljeno: Pozadina ostaje zalijepljena na jedno mjesto u području gledanja i ne pomiče se iz vida, čak i kada se web stranica pomiče.

    • Pomicanje: Pozadina se pomiče zajedno s web-stranicom.

  • Gradijent: kliknite bunar boje pored Gradijenta da otvorite Dreamweaverov novi birač vizualnog gradijenta.

    Opcije pozadinske ploče na Dreamweaverovoj ploči svojstava CSS


Kako primijeniti transparentnost na SVG-ove

Kako primijeniti transparentnost na SVG-ove

Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.

Rad sa slikama u Adobe XD

Rad sa slikama u Adobe XD

Nakon što uvezete svoje slike u Adobe XD, nemate veliku kontrolu nad uređivanjem, ali možete mijenjati veličinu i rotirati slike baš kao i bilo koji drugi oblik. Također možete jednostavno zaokružiti kutove uvezene slike pomoću kutnih widgeta. Maskiranje vaših slika Definiranjem zatvorenog oblika […]

Kako podesiti svojstva teksta u Adobe XD

Kako podesiti svojstva teksta u Adobe XD

Kada imate tekst u svom Adobe XD projektu, možete početi mijenjati svojstva teksta. Ova svojstva uključuju obitelj fontova, veličinu fonta, težinu fonta, poravnanje, razmak između znakova (kerning i praćenje), razmak između redaka (vodeće), ispunu, obrub (crtanje), sjenku (sjena) i zamućenje pozadine. Pa pogledajmo kako se ta svojstva primjenjuju. O čitljivosti i fontu […]

Rad s umjetničkim pločama u Photoshopu CC

Rad s umjetničkim pločama u Photoshopu CC

Baš kao i u Adobe Illustratoru, Photoshopove umjetničke ploče pružaju mogućnost izrade zasebnih stranica ili zaslona unutar jednog dokumenta. To može biti osobito korisno ako gradite zaslone za mobilnu aplikaciju ili malu brošuru. Artboard možete zamisliti kao posebnu vrstu grupe slojeva stvorenu pomoću ploče Slojevi. Njegov […]

Oblici i poligoni u InDesignu

Oblici i poligoni u InDesignu

Mnogi alati koje pronađete na ploči InDesign Alati koriste se za crtanje linija i oblika na stranici, tako da imate nekoliko različitih načina stvaranja zanimljivih crteža za svoje publikacije. Možete stvoriti bilo što, od osnovnih oblika do zamršenih crteža unutar InDesigna, umjesto da morate koristiti program za crtanje kao što je […]

Zamotajte tekst u Adobe Illustrator CC

Zamotajte tekst u Adobe Illustrator CC

Omatanje teksta u Adobe Illustrator CC nije isto što i zamatanje poklona — lakše je! Prelamanje teksta prisiljava tekst da se omota oko grafike, kao što je prikazano na ovoj slici. Ova značajka može dodati malo kreativnosti svakom komadu. Grafika tjera tekst da se omota oko nje. Prvo stvorite […]

Kako promijeniti veličinu oblika u Illustratoru

Kako promijeniti veličinu oblika u Illustratoru

Kada dizajnirate u Adobe Illustrator CC, često vam je potreban oblik točne veličine (na primjer, 2 x 3 inča). Nakon što izradite oblik, najbolji način da mu promijenite veličinu na točne mjere je korištenje ploče Transform, prikazane na ovoj slici. Odaberite objekt, a zatim odaberite Prozor→ Transformiraj u […]

Kako stvoriti QR kodove u InDesign CC

Kako stvoriti QR kodove u InDesign CC

Možete koristiti InDesign za izradu i izmjenu grafike QR koda. QR kodovi su oblik crtičnog koda koji može pohraniti informacije kao što su riječi, brojevi, URL-ovi ili drugi oblici podataka. Korisnik skenira QR kod pomoću svoje kamere i softvera na uređaju, kao što je pametni telefon, a softver koristi […]

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Možda će vam biti potrebna nova fotografija da biste izgledali staro. Photoshop CS6 vas pokriva. Crno-bijela fotografija noviji je fenomen nego što mislite. Dagerotipije i druge rane fotografije često su imale smećkasti ili plavkasti ton. Možete stvoriti vlastita remek-djela u tonovima sepije. Tonirane slike mogu stvoriti […]

Značajka Live Paint u Adobe CS5 Illustratoru

Značajka Live Paint u Adobe CS5 Illustratoru

Koristeći značajku Live Paint u Adobe Creative Suite 5 (Adobe CS5) Illustrator, možete stvoriti sliku koju želite i ispuniti regije bojom. Bucket Live Paint automatski detektira regije sastavljene od neovisnih staza koje se sijeku i ispunjava ih u skladu s tim. Boja unutar određene regije ostaje živa i automatski teče ako postoji […]