# 92: Изградња појединачних страница галерије - ЦСС-трикови

Anonim

Одавде имамо мало макете Пхотосхопа, док настављамо са израдом шаблона за појединачну страницу галерије.

Прво смо обликовали везе Следећа и Претходна. Налазе се у апсолутно позиционираном пољу у бару галерије, тако да бисмо их могли центрирати на страници упркос осталим дугмадима и осталим стварима које су већ у траци. Они похађају исту класу као и дугме Субмит Оне, тако да тамо постоји постојаност.

Даље имамо ову врло танку леву колону у којој ћемо добити текст. Почињемо са 1/8 7/8 решетком, али 1/8 је мало превише танка. Мењамо га на 1/4 3/4, али то је превише. Дакле, попут бајковитог медведића, 1/6 5/6 је био у праву.

У тој уској колони радимо неке типографске радове, додајући наслов (у

ознака, наравно, јер је то најважнији наслов на страници), опис и други одељци. Већина типографије једноставно легне на своје место на основу наше једноставне и чврсте поставке типографије.

Решетка 5/6 је само за слику. Лепо и велико, што је сјајно. Има светло сиву позадину, баш као што слике имају у постовима на блогу (нпр

).

Размишљамо о томе да се мало замислимо како стилизујемо ознаке. Разгледавамо ЦодеПен (овде је веза до ознаке „тагови“, МЕТА АЛЕРТ). На крају мислимо да је то превише и остављамо их као нормалне везе.

Дугме „у пуној величини“ радимо на један од најједноставнијих начина, које можемо, отворимо нови прозор димензија слике у пуној величини и приказујемо слику у њему. То је попут модалне кутије с почетка 2000-их! Али свиђа ми се. Једноставно је, није му потребна гомила кода (као што би лајтбокс), а очигледно је да са њим можете ступити у интеракцију. Још је боље ако мене питате.