TAS Style Menu – Header Module

Ginagamit ang Header Module sa halos bawat pahina ng website ng TAS. Ito ang pangunahing paraan ng pagpapakita ng pamagat ng pahina sa user, kasama ng isang subtitle, karagdagang descriptive text, at posibleng isang imahe. Kung ang isang imahe ay tinanggal, ang heading na teksto ay sumasaklaw sa buong lapad ng module. Kung may kasamang larawan, ipapakita ang module sa isang 7/5 na layout (layout ng 12-column); gamit ang seksyon ng header/text gamit ang 7/12 ng container, at ang larawang gumagamit ng 5/12.

Magagamit na Mga Pagpipilian:

Itago ang Breadcrumb – huwag ipakita ang teksto sa ibaba lamang ng navigation bar, na may mga link sa bawat antas, para sa Home > {Type of Article} > {article name – not linked}
```
Oo | Hindi
```
Kulay ng Background – isama ang kulay ng background ng #F7F6F4 (“White Smoke”)
```
Oo | Hindi
```
Nilalaman – Flexible na nilalaman ng katawan ng HTML. Dapat itong may kasamang H1 heading para sa pamagat, at opsyonal na H2 heading para sa isang subtitle. Ang mga opsyon para sa laki ng font ay matatagpuan sa https://www.taxpayeradvocate.irs.gov/text-styles/
```
opentext
```
Image align – Normal na nagpapakita ng text sa kaliwa, at larawan sa kanan, sa 7/5 split (12 collayout). Ang gitnang ibaba ay nagpapakita ng teksto sa itaas at larawan sa ibaba, na nakasalansan sa bawat isa sa isang buong 12 col row.
```
Normal | Gitnang ibaba
```
Larawan - kailangan ng text patungkol sa sizing/resolution. Kung walang ginamit na imahe, hindi papansinin ang Image align, at ang teksto ay ipapakita sa isang buong lapad (12 col) na layout.
CTA Link – Isang button na nagli-link sa ibang lugar (default sa Teal #50ACB1 background at White #FFFFFF text). Nagpapakita rin ang button ng puting arrow sa dulong kanan ng button, na bahagyang gumagalaw sa :hover.
```
URL at display na text
```
Ipakita ang petsa ng pag-publish – ipinapakita ang petsa kung kailan nai-publish ang artikulo
```
Oo | Hindi
```
Ipakita ang petsa – ipinapakita ang petsa kung kailan binago/na-publish muli ang artikulo
```
Oo | Hindi
```

Nasa ibaba ang isang halimbawa ng module na may mga inirerekomenda/karaniwang setting (Breadcrumb = Oo, Background = Hindi, halimbawa ng pamagat at teksto, Uri ng Imahe = Normal, Pinili ang larawan ng placeholder, CTA link sa google, Ipakita ang petsa ng pag-publish = Oo, Ipakita ang petsa = Oo).

Nai-publish: Mayo 3, 2024 | Huling Na-update: Mayo 3, 2024

Halimbawa ng Header Module

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean molestie sagittis sem sit amet fermentum. Nullam tortor nulla, fringilla vitae feugiat eu, elementum vitae dui.

Google