Taustapaneeli valikud Dreamweaveri CSS-i atribuutide paneelil

Dreamweaveri CSS-kujundaja paneeli taustapaneeli abil saate määrata stiilile taustavärvi või pildi – ja juhtida, kuidas taustal lehel kuvatakse. Saate kasutada taustastiili sätteid oma veebilehe mis tahes elemendi jaoks, mis võib tausta kuvada, sealhulgas ,

, pealkirja ja pildisildid.

Taustapaneeli valikud Dreamweaveri CSS-i atribuutide paneelil

Näiteks saate muuta märgendit nii, et see hõlmaks taustaseadeid, mis kehtivad kogu lehele, või luua klassi või ID-valijaga stiili ja määrata tausta, mis kuvatakse ainult üksikisiku taga.

silt.

Lisades tausta klassi või ID stiili a

sildi, saate piirata tausta kuvamist ekraanil ainult seal, kus

silti kasutatakse. Pange tähele, et suvand Taust töötab pildiga ainult siis, kui määrate esmalt pildi ümber veerise.

Saate valida järgmiste taustavalikute hulgast:

  • Taustavärv: määrake määratletud stiili taustavärv, kasutades ühte mitmest meetodist. Võite klõpsata kaevu värvi ja valida eelmääratletud värvi või luua kohandatud värvi. Või kasutage ekraanil mis tahes värvi proovimiseks tilgutit. Lõpuks saate sisestada kuueteistkümnendsüsteemi värvikoodi – lisage kindlasti #, nagu #000000 musta värvi jaoks või #ffffff valge värvi jaoks.

  • Taustapilt: valige pilt, mis on teie stiilimääratluses taustaks. Sisestage arvutis või Internetis oleva pildi mis tahes URL või klõpsake kõvaketta sirvimiseks ja pildi valimiseks kaustaikoonil.

  • Background-Position: määrake taustpildi asukoht emaelemendi vasakult ja ülaosast, sisestades igale väljale numbri. See suvand on nähtav ainult siis, kui klõpsate jaotises Taust URL-i välja kõrval olevat väikest noolt, et kuvada järgnevad täiendavad väljad.

  • Suurus: valige mõõt pikslites, ems või muus valikus ja seejärel sisestage tausta jaoks soovitud suurus. Kui jätate välja suuruse automaatseks (vaikeseade), kuvatakse pilt tegelikus suuruses.

  • Taustaklipp: määrake, kas taust algab äärisega, täidisega või kastielemendi sisuga, näiteks

    silt.

  • Background-Repeat: klõpsake vastaval ikoonil, et määrata, kuidas ja kas taustpilt kordub või paanid üle lehe ja alla selle. Taustapiltide paan vaikimisi, seega peate valima suvandi, kui te ei soovi tausta kordumist või soovite määrata, kuidas see kordus.

    Pange tähele ka seda, et kui pilt on suurem kui element, millele see on rakendatud, on nähtav ainult see osa pildist, mis mahub elemendi kuvamisalale. Näiteks kui kasutate a taustana 600 piksli laiust pilti

    300 pikslit laiusele märgendile on nähtav ainult pool pildist.

    Kordusvalikud, mis on loetletud nende ikoonide välimuse järjekorras, on järgmised:

    • Pärimine: kui pole valitud muud valikut, pärib iga element oma emaelemendi käitumise. Seda vaikevalikut pole vaja täpsustada.

    • Korda: taustpilt kordub elemendi taustal vertikaalselt ja horisontaalselt.

    • Korda-X: taust kordub elemendi taustal horisontaalselt, kuid mitte vertikaalselt.

    • Korda-Y: taust kordub elemendi taustal vertikaalselt, kuid mitte horisontaalselt.

    • Kordamata: tausta kuvatakse üks kord elemendi vasakus ülanurgas.

    • Origin: määrake, kas tausta alguspunkt algab äärest, täidisest või kastielemendi sisust, näiteks

      silt.

  • Manus: saate määrata, kuidas taust lehe kerimisel käitub. Valikud on

    • Pärimine: kui pole valitud muud valikut, pärib iga element oma emaelemendi käitumise. See on vaikevalik ja seda pole vaja täpsustada.

    • Parandatud: taust jääb vaateala ühte kohta liimituks ega kao silmist isegi siis, kui veebilehte keritakse.

    • Kerimine: taust kerib koos veebilehega.

  • Gradient: Dreamweaveri uue visuaalse gradiendi valija avamiseks klõpsake valiku Gradient kõrval olevat värvikaevu.

    Taustapaneeli valikud Dreamweaveri CSS-i atribuutide paneelil


Kuidas SVG-dele läbipaistvust rakendada

Kuidas SVG-dele läbipaistvust rakendada

Siit saate teada, kuidas Illustratoris SVG-graafikale läbipaistvust rakendada. Uurige, kuidas väljastada läbipaistva taustaga SVG-sid ja rakendada läbipaistvusefekte.

Piltidega töötamine Adobe XD-s

Piltidega töötamine Adobe XD-s

Pärast piltide importimist Adobe XD-sse ei ole teil palju redigeerimiskontrolli, kuid saate kujutiste suurust muuta ja pöörata täpselt nagu mis tahes muu kujuga. Samuti saate nurgavidinate abil hõlpsasti ümardada imporditud pildi nurki. Piltide maskeerimine Kinnise kuju määratlemisega […]

Kuidas kohandada teksti atribuute Adobe XD-s

Kuidas kohandada teksti atribuute Adobe XD-s

Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse. Loetavuse ja fondi kohta […]

Photoshop CC graafikaplaatidega töötamine

Photoshop CC graafikaplaatidega töötamine

Nii nagu Adobe Illustratoris, võimaldavad Photoshopi joonised luua ühes dokumendis eraldi lehti või ekraane. See võib olla eriti kasulik, kui koostate ekraane mobiilirakenduse või väikese brošüüri jaoks. Joonistahvlit võib pidada eri tüüpi kihirühmaks, mis on loodud paneeli Kihid abil. Selle […]

Kujundid ja hulknurgad InDesignis

Kujundid ja hulknurgad InDesignis

Paljusid InDesigni tööriistade paneelil leiduvaid tööriistu kasutatakse lehele joonte ja kujundite joonistamiseks, nii et teil on väljaannete jaoks huvitavate jooniste loomiseks mitu erinevat võimalust. InDesignis saate luua kõike alates põhikujunditest kuni keerukate joonisteni, selle asemel, et kasutada joonistusprogrammi nagu […]

Murdke tekst Adobe Illustrator CC-s

Murdke tekst Adobe Illustrator CC-s

Teksti pakkimine Adobe Illustrator CC-s ei ole päris sama, mis kingituse pakkimine – see on lihtsam! Teksti murdmine sunnib teksti ümber graafika, nagu on näidatud sellel joonisel. See funktsioon võib lisada igale teosele pisut loovust. Graafika sunnib teksti enda ümber keerduma. Esiteks looge […]

Kuidas Illustratoris kujundite suurust muuta

Kuidas Illustratoris kujundite suurust muuta

Adobe Illustrator CC-s kujundamisel on sageli vaja, et kuju oleks täpse suurusega (näiteks 2 x 3 tolli). Pärast kujundi loomist on parim viis selle täpsete mõõtude muutmiseks kasutada sellel joonisel näidatud teisenduspaneeli. Laske objekt valida ja seejärel valige Aken → Teisenda […]

Kuidas luua InDesign CC-s QR-koode

Kuidas luua InDesign CC-s QR-koode

InDesigni saate kasutada QR-koodi graafika loomiseks ja muutmiseks. QR-koodid on vöötkoodi vorm, mis võib salvestada teavet, nagu sõnad, numbrid, URL-id või muud tüüpi andmed. Kasutaja skannib QR-koodi kasutades oma kaamerat ja tarkvara seadmes, näiteks nutitelefonis ning tarkvara kasutab […]

Kuidas muuta uus foto Photoshop CS6-s vanaks

Kuidas muuta uus foto Photoshop CS6-s vanaks

Võib juhtuda, et vajate uut fotot, et vana välja näha. Photoshop CS6 pakub teile tähelepanu. Must-valge fotograafia on uuem nähtus, kui arvata võiks. Dagerrotüüpidel ja muudel varastel fotodel oli sageli pruunikas või sinakas toon. Saate ise luua seepiatoonides meistriteoseid. Toonitud pildid võivad luua […]

Adobe CS5 Illustratori Live Paint funktsioon

Adobe CS5 Illustratori Live Paint funktsioon

Adobe Creative Suite 5 (Adobe CS5) Illustratori funktsiooni Live Paint kasutades saate luua soovitud pildi ja täita piirkonnad värviga. Live Paint ämber tuvastab automaatselt iseseisvatest ristuvatest teedest koosnevad piirkonnad ja täidab need vastavalt. Teatud piirkonna värv jääb elavaks ja voolab automaatselt, kui seda on […]