Menu ng Estilo ng TAS – Module ng Impormasyon

Ginagamit ang Info Module sa maraming pahina ng website ng TAS.

Ito ang pangunahing paraan ng paghahatid ng nilalamang HTML sa user. Mayroong maraming mga pagpipilian upang magdagdag ng espasyo, ayusin ang layout, at ipakita ang nilalaman sa iba't ibang paraan. Ang pinakapangunahing presentasyon ay ang pamagat na teksto na may mga regular na talata. Minsan ginagamit ang mga blockquotes para gawing kakaiba ang nilalaman.

Sa loob ng Copy Module ay ang kakayahang magpakita ng nilalaman sa mga column o kahon din. Ang bawat isa sa mga iyon ay ipinapakita sa mga halimbawa sa ibaba.

Magagamit na Mga Pagpipilian:

Vertical margin – Magsama ng mas marami/normal/mas kaunting espasyo bago at/o pagkatapos ng module.
itaas at ibaba | Nangungunang | Ibaba | Wala | Negatibo sa itaas at ibaba | Nangungunang negatibo | Negatibo sa ibaba
Headline – Tekstong isasama bilang H2 heading (na may klase ng “section-heading”) sa tuktok ng module.
```
teksto
```
Estilo ng headline – Estilo ng pagtatanghal para sa headline. Ang gitna ng linya ay naglalagay ng pahalang na linya sa tabi ng teksto ng heading, na nagpapalawak sa natitira sa lapad ng lalagyan. Ang normal ay pareho, walang pahalang na linya. Ginagawang mas maliit ng underline ang heading (26px kumpara sa 40px), at naglalagay ng linya sa ilalim, ang buong lapad ng container.
```
Gitnang linya | Normal | Salungguhit
```
Background texture – Nagdaragdag ng tuldok na “texture” sa itaas, ibaba, o pareho ng module. Kitang-kita ang pagkakalagay. (Karaniwang ginagamit lang ito para gumawa ng "mahirap" na break sa content, lampas sa kung ano ang ibibigay ng spacing o pahalang na linya).
```
Nangungunang | Ibaba | Itaas at Ibaba | Hindi pinagana
```
Kulay ng background – Itinatakda ang kulay ng background para sa module. Ang puti ay default, at hindi itinatakda ang kulay ng background (pinapayagan ang kulay ng parent container na #FFFFFF na ipakita). Itinatakda ng White Smoke ang kulay ng background sa #F7F6F4, at nagdaragdag ng padding sa itaas at ibaba ng 20px (na kung ano ang mayroon ito bilang default). Ang Alice blue at Platinum blue ay parehong nagdaragdag ng padding sa itaas at ibaba ng 80px. Itinatakda ni Alice blue ang background sa #EDF7F7. Itinatakda ng Platinum blue ang background sa #E1E8EC.
```
Alice blue | Puting Usok | Puti | Platinum blue
```
Body copy align – Itinatakda ang alignment ng text ng body copy. Itinatakda ng Kaliwa ang max-width sa container sa 650px. Ang buong lapad ay sumasaklaw sa lapad ng elemento ng lalagyan na may teksto. Ini-align sa gitna ang lalagyan sa gitna ng lalagyan ng magulang, ngunit ang teksto ay naiwan pa rin na makatwiran.
```
Kaliwa | Gitna | Buong lapad
```
Body copy – Normal na teksto sa antas ng talata, na may opsyonal na mga heading at estilo. Pangunahing nilalaman ng modyul.
```
opentext
```
Kulay ng background – (ito ay nasa loob ng pangunahing seksyon ng Body copy). Hindi nagtatakda ng kulay ng background ang Transparent para sa seksyon ng body copy. Ang Sky teal at Alice blue ay parehong nagbubukas ng karagdagang pagpipilian ng "Buong lapad" o "Kahon." Ang buong lapad ay sumasaklaw sa kulay ng background sa buong lapad ng pahina. Ang kahon ay sumasaklaw lamang sa lapad ng lalagyan. Itinatakda ng Sky teal ang background sa #E1E8EC. Itinatakda ni Alice blue ang background sa #EDF7F7.
```
Sky teal | Alice blue | Transparent
```
Body Copy Column – Ang button na ito ay nagbibigay-daan sa paggawa ng mga sub-section ng content, na may sariling headline, at column ng content. Ang bawat isa ay nagtatanghal sa isang lalagyan na kalahati ng lapad ng magulang. Nagiging available ang isang karagdagang checkbox sa ibaba ng seksyong Body Copy Column, na kinilala bilang "Background blue".
- Headline – Ito ay isang linya ng text field, na nagpapakita ng nilalaman sa isang H3 header.
```
teksto
```
- Body copy – Ito ay isang opentext field na nagpapakita ng content sa a elemento. Parehong ipinapakita ang Headline at Body copy nang magkasama.
```
opentext
```
- Background blue – Lumilitaw ito nang isang beses, kung may isa o higit pang mga seksyon ng column ng Body copy na idinagdag, at nalalapat sa LAHAT. Ito ay isang checkbox na lalabas sa IBABA ng mga seksyon ng column na Body copy na idinagdag. Ang pagsuri nito ay nagtatakda ng kulay ng background ng container para sa lahat ng column sa #EDF7F7.
```
Oo | Hindi
```
Boxed Copy – Ang button na ito ay nagbibigay-daan sa paglikha ng mga sub-section ng content, na may sariling headline, at isang kahon sa paligid ng content. Ang bawat isa ay nagpapakita na parang bahagyang nakataas na card (na may back-shading), kalahati ng lapad ng magulang.
- Headline – Ito ay isang linya ng text field, na nagpapakita ng nilalaman sa isang H3 header.
```
teksto
```
- Body copy – Ito ay isang opentext field na nagpapakita ng content sa a elemento. Parehong ipinapakita ang Headline at Body copy sa "card".
```
opentext
```

Nasa ibaba ang isang halimbawa ng module na may mga inirerekomenda/karaniwang setting (Vertical Margin = "Itaas at ibaba", halimbawa ng pamagat at teksto, Headline style = Normal, Background texture = Disabled, Background color = White, halimbawa ng heading at text para sa body copy main, Kulay ng background (Body copy main) = Transparent, halimbawa ng heading at text para sa Body copy column – beses 2 para sa demonstration).