Fona paneļa opcijas Dreamweaver CSS rekvizītu panelī

Izmantojot Dreamweaver CSS Designer paneļa paneli Fona, varat norādīt stilam fona krāsu vai attēlu un kontrolēt, kā fons tiek parādīts lapā. Varat izmantot fona stila iestatījumus jebkuram tīmekļa lapas elementam, kas var attēlot fonu, tostarp ,

, virsraksta un attēla atzīmes.

Fona paneļa opcijas Dreamweaver CSS rekvizītu panelī

Piemēram, varat mainīt tagu, lai iekļautu fona iestatījumus, kas attiecas uz visu lapu, vai arī varat izveidot stilu ar klases vai ID atlasītāju un norādīt fonu, kas parādās tikai aiz atsevišķas personas.

tagu.

Iekļaujot fonu klases vai ID stilā a

tagu, varat ierobežot fona rādīšanu ekrānā tikai tur, kur ir

tags tiek izmantots. Ņemiet vērā, ka opcija Fons darbojas ar attēlu tikai tad, ja vispirms iestatāt piemale ap attēlu.

Varat izvēlēties kādu no šīm fona opcijām:

  • Fona krāsa: norādiet definētā stila fona krāsu, izmantojot vienu no vairākām metodēm. Varat labi noklikšķināt uz krāsas un atlasīt iepriekš definētu krāsu vai izveidot pielāgotu krāsu. Vai arī izmantojiet pilinātāju, lai ekrānā izlasītu jebkuru krāsu. Visbeidzot, varat ievadīt heksadecimālo krāsu kodu — noteikti iekļaujiet #, piemēram, #000000 melnajai krāsai vai #ffffff baltajai krāsai.

  • Fona attēls: atlasiet attēlu, ko izmantot kā fonu jūsu stila definīcijā. Ievadiet jebkuru URL uz attēla savā datorā vai internetā vai noklikšķiniet uz mapes ikonas, lai pārlūkotu cieto disku un atlasītu attēlu.

  • Background-Position: norādiet fona attēla pozīciju no galvenā elementa kreisās un augšdaļas, ievadot skaitli katrā laukā. Šī opcija ir redzama tikai tad, ja sadaļā Fons noklikšķināt uz mazās bultiņas blakus URL laukam, lai parādītu turpmākos papildu laukus.

  • Izmērs: atlasiet izmēru pikseļos, ems vai citu opciju un pēc tam ievadiet vajadzīgo fona izmēru. Ja lauks Izmērs ir iestatīts uz automātisku (noklusējums), attēls tiek parādīts faktiskajā izmērā.

  • Fona klips: norādiet, vai fons sāk apmali, polsterējumu vai lodziņa elementa saturu, piemēram,

    tagu.

  • Atkārtot fonā: noklikšķiniet uz atbilstošās ikonas, lai norādītu, kā un vai fona attēls atkārtojas vai mozaīkas pāri un uz leju. Fona attēlu flīze pēc noklusējuma, tāpēc jums ir jāizvēlas opcija, ja nevēlaties, lai fons atkārtojas vai vēlaties norādīt, kā tas atkārtojas.

    Ņemiet vērā arī to, ka, ja attēls ir lielāks par elementu, kuram tas tiek lietots, būs redzams tikai tik daudz attēla, cik ietilps elementa displeja apgabalā. Piemēram, ja kā fonu izmantojat 600 pikseļu platu attēlu

    tagu, kas ir iestatīts uz 300 pikseļu platumu, būs redzama tikai puse attēla.

    Atkārtošanas opcijas, kas norādītas ikonu izskata secībā, ir šādas:

    • Mantojums: ja nav atlasīta cita opcija, katrs elements pārmanto sava vecākelementa darbību. Šī noklusējuma opcija nav jānorāda.

    • Atkārtot: fona attēls elementa fonā atkārtojas vertikāli un horizontāli.

    • Atkārtot-X: fons elementa fonā atkārtojas horizontāli, bet ne vertikāli.

    • Atkārtot-Y: fons elementa fonā atkārtojas vertikāli, bet ne horizontāli.

    • Neatkārtot: fons vienreiz tiek parādīts elementa augšējā kreisajā stūrī.

    • Izcelsme: norādiet, vai fona izcelsme sākas ar apmali, polsterējumu vai lodziņa elementa saturu, piemēram,

      tagu.

  • Pielikums: nosakiet, kā fons darbojas, kad lapa tiek ritināta. Iespējas ir

    • Mantojums: ja nav atlasīta cita opcija, katrs elements pārmanto sava vecākelementa darbību. Šī ir noklusējuma opcija, un tā nav jānorāda.

    • Izlabots: fons paliek pielīmēts vienā skata apgabala vietā un netiek ritināts no redzesloka, pat ja tiek ritināta tīmekļa lapa.

    • Ritināšana: fons ritinās kopā ar tīmekļa lapu.

  • Gradients: noklikšķiniet uz krāsu iedobes blakus vienumam Gradients, lai atvērtu Dreamweaver jauno vizuālā gradienta atlasītāju.

    Fona paneļa opcijas Dreamweaver CSS rekvizītu panelī

Leave a Comment

Photoshop CS6 viss vienā, lai LuckyTemplates apkrāptu lapa

Photoshop CS6 viss vienā, lai LuckyTemplates apkrāptu lapa

Photoshop CS6 saglabā visas iepriekšējo versiju funkcijas un pievieno jaunas, nodrošinot labāku lietotāja pieredzi, radošumu un produktivitāti. Iepazīstiet jaunas rīku iespējas un komandas.

Kā sapludināt slāņus programmā Photoshop CS6

Kā sapludināt slāņus programmā Photoshop CS6

Uzziniet, kā efektīvi sapludināt slāņus programmā Photoshop CS6, lai samazinātu faila izmēru un uzlabotu veiktspēju, izmantojot slāņu sapludināšanu un attēla saplacināšanu.

Kā SVG failiem piemērot caurspīdīgumu

Kā SVG failiem piemērot caurspīdīgumu

Uzziniet, kā lietot caurspīdīgumu SVG grafikai programmā Illustrator. Izpētiet, kā izvadīt SVG ar caurspīdīgu fonu un lietot caurspīdīguma efektus.

Darbs ar attēliem programmā Adobe XD

Darbs ar attēliem programmā Adobe XD

Kad esat importējis savus attēlus programmā Adobe XD, jums nav lielas rediģēšanas vadības iespējas, taču varat mainīt attēlu izmērus un pagriezt tos tāpat kā jebkuru citu formu. Varat arī viegli noapaļot importēta attēla stūrus, izmantojot stūra logrīkus. Attēlu maskēšana Nosakot slēgtu formu […]

Kā pielāgot teksta rekvizītus programmā Adobe XD

Kā pielāgot teksta rekvizītus programmā Adobe XD

Kad jūsu Adobe XD projektā ir teksts, varat sākt mainīt teksta rekvizītus. Šie rekvizīti ietver fontu saimi, fonta lielumu, fonta svaru, līdzinājumu, rakstzīmju atstarpes (rindstarpas un izsekošanu), rindstarpu (vadošais), aizpildījumu, apmali (pārvilkšanu), ēnu (krītošā ēna) un fona aizmiglojumu. Tātad, apskatīsim, kā šie rekvizīti tiek piemēroti. Par lasāmību un fontu […]

Darbs ar planšetdatoriem programmā Photoshop CC

Darbs ar planšetdatoriem programmā Photoshop CC

Tāpat kā programmā Adobe Illustrator, Photoshop zīmējumu dēļi nodrošina iespēju vienā dokumentā izveidot atsevišķas lapas vai ekrānus. Tas var būt īpaši noderīgi, ja veidojat ekrānus mobilajai lietojumprogrammai vai nelielai brošūrai. Jūs varat domāt par zīmējumu dēli kā īpašu slāņu grupas veidu, kas izveidots, izmantojot paneli Slāņi. Tā […]

Formas un daudzstūri programmā InDesign

Formas un daudzstūri programmā InDesign

Daudzi rīki, kas atrodami panelī InDesign Tools, tiek izmantoti līniju un formu zīmēšanai lapā, tāpēc jums ir vairāki veidi, kā izveidot interesantus zīmējumus savām publikācijām. Programmā InDesign varat izveidot jebko, sākot no pamata formām līdz sarežģītiem zīmējumiem, tā vietā, lai izmantotu zīmēšanas programmu, piemēram, […]

Aplauzt tekstu programmā Adobe Illustrator CC

Aplauzt tekstu programmā Adobe Illustrator CC

Teksta iesaiņošana programmā Adobe Illustrator CC nav gluži tas pats, kas dāvanas iesaiņošana — tas ir vienkāršāk! Teksta aplaušana liek tekstam aptīt grafiku, kā parādīts šajā attēlā. Šī funkcija var pievienot mazliet radošuma jebkuram gabalam. Grafika liek tekstam aptīt to. Vispirms izveidojiet […]

Kā mainīt formu izmēru programmā Illustrator

Kā mainīt formu izmēru programmā Illustrator

Veidojot dizainu programmā Adobe Illustrator CC, bieži vien ir nepieciešams precīzs izmērs (piemēram, 2 x 3 collas). Pēc formas izveides vislabākais veids, kā mainīt tās izmērus precīziem izmēriem, ir izmantot pārveidošanas paneli, kas parādīts šajā attēlā. Atlasiet objektu un pēc tam izvēlieties Logs → Transform to […]

Kā izveidot QR kodus programmā InDesign CC

Kā izveidot QR kodus programmā InDesign CC

Varat izmantot programmu InDesign, lai izveidotu un modificētu QR koda grafiku. QR kodi ir svītrkoda veids, kurā var saglabāt informāciju, piemēram, vārdus, ciparus, URL vai cita veida datus. Lietotājs skenē QR kodu, izmantojot savu kameru un programmatūru ierīcē, piemēram, viedtālrunī, un programmatūra izmanto […]