Барлық блоктар қаріптер, фондар және дисплей үшін бірдей жаһандық параметрлерді пайдаланады, бұл сайтыңыздағы блоктардың мазмұны әртүрлі болғанымен, біркелкі визуалды стильді қамтамасыз етеді.

Кез келген блоктың жаһандық параметрлерін конфигурациялау үшін оның үстіне меңзерді апарып, пайда болатын Параметрлер түймесін таңдаңыз.

Оң жақтағы бөлімнің жаһандық параметрлер мәзірін ашу үшін Параметрлер түймесін басыңыз.

Қаріп параметрлері

Келесі параметрлерді өзгертуге болады:

  • Қаріп және стиль: Қаріп тобы, стилі (Қалыпты немесе Курсив) және салмағы (қалыңдығы).
  • Аралық: Әріп аралығы, жол биіктігі және қаріп өлшемі.

Тақырып және Мәтін өрісі бар блоктар үшін екі стильдеу опциясы бар:

  1. Біркелкілік үшін бүкіл блокқа бір қаріп стилін қолданыңыз.
  2. Бір блок ішінде тақырып пен мәтін үшін бөлек стильдерді анықтау үшін Қосымша қаріп опциясын қосыңыз, осылайша ерекше визуалды рөлдер жасайды.

Жеке қаріпті қалай қосу керек

Жеке қаріпті қосу үшін аттас түймені тауып, оны басыңыз:

Сіз әртүрлі қаріптердің үлкен таңдауы бар бетке өтесіз:

1-қадам. Қажетті қаріпті табыңыз

a) Мұны іздеу жолағы арқылы жасауға болады:

Қаріп үшін қажетті критерийлерді таңдаңыз:

  • Қаріп санаты
  • sans-serif (sans-serif әріптері)
  • serif (serif әріптері)
  • handwriting (қолжазбаны имитациялайтын қаріп)
  • monospace (моношириналы немесе пропорционалды емес қаріп, барлық таңбалардың ені бірдей қаріп)
  • display (көрсетілетін қалың қаріп)
  • Тілді қолдау
  • Кириллица
  • Латын

b) Қаріпті қолмен табу үшін пішімдеу таспасындағы тізімді айналдырыңыз.

2-қадам. Таңдалған қаріпті басыңыз:

Сіз қаріп опциялары бар модальды терезені көресіз:

3-қадам. Қажетті қаріп опциясының жанындағы құсбелгіні қою арқылы оны таңдаңыз:

4-қадам. "Қосу" түймесін басыңыз:

Жеке қаріп параметрлері сақталғаннан кейін осы жерде көрсетіледі.

6-қадам. "Сақтау" түймесін басыңыз:

Қосылған қаріптер әдепкі қаріптермен бір тізімде көрсетіледі.

Фон параметрлері

Бөлімнің фонын бір түсті, градиентті, кескін немесе бейне арқылы теңшеңіз.

Фондық кескіннің үстіне түс немесе градиент қабатын қоюға болады.

Кескінді файл ретінде немесе кескінге сілтеме ретінде қосуға болады:

Бейнені сақтау орнынан қосуға болады

Алдымен бейне файлыңызды файл сақтау орнына жүктеңіз.

Фондық кескін параметрлері

Кескін орналасуын басқару

Бөлім ішіндегі кескін екі тәуелсіз параметр арқылы орналастырылады:

  1. Көлденең туралау (X осі)
  2. Тік туралау (Y осі)

Орналасуды кілт сөз немесе комбинация арқылы көрсетіңіз:

Кілт сөз Әсері
top, bottom, center Тік туралау
left, right, center Көлденең туралау
bottom left, top right, center center Біріктірілген орналасу

Нақты бақылау үшін сандық мәндерді де пайдалануға болады:

  • Пайыздар (мысалы, 30% 75%)
  • Пикселдер (мысалы, 20px 100px)
  • Немесе аралас бірліктер

Кескін өлшемін өзгерту опциялары

Кескіннің өлшемдерін келесі әдістер арқылы басқаруға болады:

1. Жеке өлшемдерді орнату

Икемді мәндерді пайдаланып ені мен биіктігін анықтаңыз.

  • Пішім: [ені] [биіктігі]
  • 1-мысал (Пикселдер): 500px 300px
  • 2-мысал (Пайыз): 15% 10%

2. Алдын ала орнатылған кілт сөзді пайдалану

Белгілі бір масштабтау әрекетін қолдану үшін бір параметрді көрсетіңіз:

  • contain — Кескінді бөлімнің биіктігіне толық сыйдыру үшін масштабтайды, оның арақатынасын сақтайды (3-мысал).
  • cover — Кескінді бастапқы пикселдік өлшемдерінде көрсетеді (4-мысал: бастапқы өлшемі 1268 × 1343 px).

Кескіннің қайталануы

Бұл опция әдепкі бойынша өшірілген. Қолжетімді параметрлерге мыналар кіреді:

Кескінді бекіту

Бекітілген фондық кескінді орнату үшін осы қосқышты қосыңыз. Белсенді болғанда, кескін айналдыру кезінде қозғалмайды, мазмұнның оның үстінен жылжуына мүмкіндік береді.

Фон түсі және градиенті

Бөлімнің фонын бір түспен теңшеуге немесе қолжетімді опциялардан градиентті таңдауға болады.

Дисплей параметрлері

Бұл бөлімнің қай жерде көрінетінін көрсетуге болады (мысалы, қандай құрылғыларда немесе платформаларда). Әдепкі бойынша, ол веб-сайтта және Facebook-те көрсетіледі. Ашылмалы мәзірді пайдаланып, осы блок үшін дисплей опциясын таңдауға болады, мысалы, оны тек веб-сайтта көрсету.

Шекара радиусы:

Шекара радиусы пикселдермен көрсетіледі - px.

Бөлім биіктігі

Бөлімнің биіктігін келесі бірліктер арқылы анықтауға болады:

  • px: пикселдер (тұрақты мән)
  • vh: көрініс терезесінің биіктігі (экран өлшеміне бейімделеді)

Бөлім ені

1 бағанның ені = 106 px

Әдепкі бойынша, бөлімнің ені толық экранға орнатылған, ал мазмұн 8 бағанды макет ішінде көрсетіледі.

1-мысал: Мазмұн бөлімнің ішінде орталықтандырылған және макеттің 5 бағанын алып жатыр.

2-мысал. Бөлім 8 бағанды алып жатыр, мазмұн бөлімнің бүкіл енін қамтиды:

Айналдыру арқылы іске қосылатын пайда болу эффекті

Мазмұныңыз үшін айналдыру арқылы іске қосылатын анимацияларды қосу үшін осы қосқышты белсендіріңіз. Мазмұнның төменнен, жоғарыдан, солдан немесе оңнан пайда болуын таңдауға болады.

Мазмұнды көрсету

Мазмұн әдепкі бойынша көлденең және орталықтандырылған түрде көрсетіледі. Оны беттің сол немесе оң жақ шетіне жылжытуға болады.

Тігінен мазмұн әдепкі бойынша жоғарғы жаққа тураланған. Оны төмен жылжытуға немесе беттің ортасына қоюға болады.

Мәтінді Mavibot стильдеріне сәйкес тар экрандарға бейімдеу үшін осы сырғытпаны қосыңыз:

Шеттер (бөлім үшін)

Сыртқы шеттер

Бөлімдер арасындағы аралықты реттеу үшін осы өрістерді пайдалануға болады. Әдепкі бойынша, ішкі толтыру (жоғарғы/төменгі/сол/оң) 0 px мәніне орнатылған.

Барлық жақтарына бірдей шеттерді қолдану үшін негізгі өріске мәнді енгізіңіз. Жоғарғы, төменгі, сол және оң жақ шеттер автоматты түрде орнатылады.

Визуалды біркелкілікті қамтамасыз ету үшін шеттер әр бөлім үшін жеке конфигурациялануы керек.

Ішкі шеттер

Бөлімнің ішкі шетін реттеу үшін осы өрістерді пайдаланыңыз. Әдепкі бойынша, шет (жоғарғы, төменгі, сол, оң) 32 px мәніне орнатылған.

Құрылғы бойынша көріну диапазоны

Көріну диапазоны осы блоктың қандай құрылғыларда (мысалы, жұмыс үстелі, планшет, мобильді) көрсетілетінін анықтайды. Бұл параметр әр блок үшін жеке конфигурацияланады.

Бұл не үшін пайдалы және ол қалай жұмыс істейді?

Егер блок (мысалы, мұқаба) жұмыс үстелінде жақсы көрінсе, бірақ мобильді құрылғыда көрінбесе, оны экран ені 960 пиксел немесе одан үлкен құрылғыларда ғана пайда болу үшін конфигурациялауға болады. Бұл блоктың тек жұмыс үстелі көріністерінде көрінуін және мобильді құрылғыларда жасырылуын қамтамасыз етеді.

Содан кейін осы блокты көшіріп, оның сыртқы түрін мобильді құрылғылар үшін арнайы теңшеу керек (фотосуретті, қаріп өлшемін және т.б. өзгерту). Осы блок үшін көрінуді 0-ден 960 пикселге дейінгі аралықта орнатыңыз. Ол блоктың мобильді нұсқасы болады.

Нәтижесінде, жұмыс үстелі нұсқасы компьютерлерде, ал мобильді нұсқасы смартфондар мен планшеттерде көрсетіледі.

Көріну диапазоны (әртүрлі параметр мәндері) блоктың сыртқы түрін нақты құрылғы үшін ажыратымдылықты таңдау арқылы теңшеу мүмкіндігі үшін қажет. Мысалы, егер блок планшетте немесе белгілі бір телефон үлгісінде жақсы көрінбесе, оның сыртқы түрін осы құрылғылардың ажыратымдылығына негіздеп теңшеуге болады.

Әдепкі бойынша, бөлім кез келген өлшемдегі құрылғыларда көрсетіледі.

Мысал

Бірінші бөлімді мобильді құрылғылар мен планшеттер үшін конфигурациялаңыз

  • Бөлімді жасаңыз
  • Оның көріну диапазонын 0-ден 640 px-ге дейін орнатыңыз
  • Кішкентай экрандар үшін оңтайландырылған кескінді жүктеңіз

Екінші бөлім ДК (ноутбуктер) үшін. Көріну диапазонын 641 пикселден жоғары етіп орнатыңыз.

  • Өзгерістеріңізді сақтап, өңдеу бетіне өтіңіз. Ыңғайлы болу үшін бөлімнің көріну параметрлері сол жерде көрсетіледі.

Бөлімдердің белгілі бір құрылғыда қалай көрінетінін тексеру үшін сайтты алдын ала қарау бетіне өтіңіз. Тінтуірдің оң жақ түймешігін басып, "Кодты қарау" түймесін басыңыз.

Сайттың қандай болатынын көргіңіз келетін құрылғыны таңдаңыз.

Пайда болу уақыты

Бөлімнің пайда болуына дейінгі кідірісті анықтау үшін осы өрісті пайдалануға болады, ол секундтармен (s) немесе минуттармен (m) көрсетіледі.