ЦСС за креирање листа за приказивање очију

• Април 30, 2024

Листе су одличан елемент веб дизајна, јер омогућују лако читање крајњем кориснику. Већина корисника жели одговоре брзо, а почет ће само прескочити веб страницу да виде да ли ће одговорити на њихово питање. Ово је посебно тачно ако они уђу на вашу веб локацију путем претраживача.

Употреба ознака и листа наслова одличан је начин на који ће људима бити лако да виде примарни садржај ваше веб локације. Ако сматрају да су листе и поднаслови занимљиви, већа је шанса да остану на вашој веб локацији. Ово, наравно, доводи до смањеног броја „одскока“ и помаже у побољшању веродостојности и рангирања веб локације у моторима. Све што побољша читљивост и олакша клизање очију, увек ће имати користи од веб странице. Одличан дизајн увек има на уму читљивост.

ЦСС је једноставан и веома ефикасан начин креирања стилских листа са прилагођеним мецима (маркерима). Можете укључити различите облике или једноставне прилагођене графике који се вежу за логотип, боје или тему вашег вебсајта. На пример, на веб локацији гхост тоурс, створио сам малу икону духова која се користила у бочној навигацијској траци и на нередованим ставкама листе на главној страници. Било је једноставно, али врло симпатично и везано за тему веб локација, због чега су се ови елементи странице истакли.

Други пут би меци могли одвратити пажњу од важног садржаја на листи. У том случају, својство стила листе „ноне“ може се користити за уклањање аутоматски генерисаних маркера.

Листа својстава стила

Користите својство типа листе да бисте изабрали тип маркера који се појављује са сваком ставком листе. Доступне вредности су диск, круг, квадрат, децимална, ниже-ромска, горња-римска, доња-грчка, доња-латиница, горња латиница, доња-алфа, горња-алфа и ниједна.

Да бисте одредили сопствену слику као маркер, користите својство слике-стила листе на следећи начин:

ул {лист-стиле-имаге: урл (имагенаме.јпг);
листа-стил-позиција: споља;
}

Урл је релативан према табели стилова и требало би да указује на фасциклу у којој се налази ваша слика. У овом случају, слика би била у истој фасцикли као и цсс и хтмл датотека. Ако своје слике поставите у посебну фасциклу, додали бисте и следећу: урл (имагес / имагенаме.јпг)

Позиције маркера

Такође можете прилагодити положај маркера. У горњем примјеру, вањско својство чини да се метак појављује изван подручја са садржајем.
лист-стиле-поситион: унутра допушта метак унутар подручја са садржајем, тако да наилази на садржај листе.

Скраћена техника

Још један брзи начин форматирања листе помоћу ЦСС-а је техника скраћења. Овом методом су сва својства листе одређена у једном једином својству:

ул
{
лист-стиле: кружни УРЛ ("имаге.гиф");
}

у методи скраћенице све се вриједности морају појавити у наведеном редослиједу како слиједи:

лист-стиле-типе
листа-стил-позиција (изнутра, споља)
листа-стил-слика

Није важно да ли прескочите неку вредност, све док остали остану у исправном редоследу.

Прилагођене листе су врло корисне и ЦСС их чини лако остваривим. Једноставни детаљи претварају просјечне веб странице у веб странице са најбољим перформансама.

Видео Упутства: Contact Form 7 - настройка и создание контактных форм для Wordpress с помощью плагина CF7 (Април 2024).