⭐ 0
🔍
Текст Слика ПДФ и документи Аудио Музика Електроника Време Комуналне услуге Валидатори Езотерично Игре

Бочна трака + Изглед ЦСС мреже садржаја

Дизајнирајте ЦСС распореде мреже визуелно: поставите колоне, редове и празнине, а затим откуцајте имена области у ћелије да бисте направили области шаблона мреже — уз преглед уживо и ЦСС и ХТМЛ који се могу копирати.

Унесите име у било коју ћелију испод; ћелије са истим именом се спајају у једну област грид-темплате-ареас.

Обрада... 0%

Резултат

Ова страница отвара генератор мреже са већ именованим распоредом од две колоне и једног реда: колона бочне траке од 200 пиксела поред колоне са флексибилним садржајем која заузима преостали простор. Обе области су одмах видљиве у прегледу уживо, обојене и означене тако да је подела очигледна на први поглед.

Ово је најчешћи облик навигације и садржаја на вебу — странице са подешавањима, веб локације са документацијом и контролне табле администратора се ослањају на шину фиксне ширине поред флуидне главне области. Пошто колона бочне траке користи вредност пиксела, а колона садржаја користи 1фр, бочна трака остаје константне ширине док колона садржаја апсорбује сваки додатни пиксел прозора за приказ.

Преименујте било коју област, промените ширину колоне или додајте још редова за заглавље изнад поделе — ЦСС и ХТМЛ излаз испод прати сваку измену у реалном времену. Алат је бесплатан и наставља да ради у потпуности у вашем претраживачу, без отпремања и налога.

🛡️
Извршено у претраживачу

Ваши фајлови и улази никада не напуштају овај уређај. Обрада се одвија потпуно ван мреже. 100% безбедно.

Прихваћени формати и правила

  • Уноси бројева за 1–6 колона и редова, плус одвојене контроле размака у колони и размака у редовима које се комбинују у једну вредност празнине када се подударају.
  • Режим именованих области: откуцајте име области директно у било коју ћелију активне мреже; алатка прави важећи низ области шаблона мреже и упозорава када имена не формирају чисте правоугаонике.
  • ЦСС блок који се може копирати (приказ: грид, грид-темплате-колумнс/ровс, гап, грид-темплате-ареас) плус одговарајући ХТМЛ скелет са једним див-области мреже по именованом региону.

Кључне предности

✓ Укуцајте име директно у било коју ћелију и одговарајућа имена се спајају у један регион-подручје-шаблона мреже — без избора превлачења, без ручног погађања синтаксе стринга са наводницима.
✓ Мрежа за преглед уживо мења величину и боју при свакој промени, тако да видите тачне колоне и редове и сваки именовани регион пре него што копирате један ред ЦСС-а.
✓ Унапред подешене поставке попут класичног распореда Светог грала и уске бочне траке дају вам праву, радну декларацију области-шаблона мреже од које можете почети уместо празне мреже.

Случајеви употребе

  • • Направите класичну шкољку странице Светог грала — заглавље и подножје пуне ширине са средњим редом за навигацију/главни/са стране — тако што ћете укуцати називе области уместо ручно писаних области мреже-шаблона.
  • • Поставите страницу са подешавањима или административну контролну таблу са бочном траком фиксне ширине поред флексибилне колоне садржаја и копирајте тачан ЦСС и ХТМЛ када преглед уживо изгледа исправно.
  • • Проверите да ли скуп именованих области заправо формира важеће правоугаонике пре испоруке — алатка означава тачне називе који би разбили области шаблона мреже у прегледачу.