От тук имаме малко макет на Photoshop, докато продължаваме да изграждаме шаблона за отделната страница на галерията.
Първо, оформихме връзките Next и Previous. Те са в абсолютно позиционирана кутия в лентата на галерията, така че да можем да ги центрираме на страницата, въпреки другите бутони и неща, които вече са в лентата. Те поемат същия клас като бутона Submit One, така че там има постоянство.
След това имаме тази много тънка лява колона, в която да получаваме текст. Започваме с 1/8 7/8 решетка, но 1/8 е малко прекалено тънка. Променяме го на 1/4 3/4, но това е твърде много. Така че като легендарното бебе мече, 1/6 5/6 беше точно.
Правим типографска работа в тази тясна колона, добавяйки в заглавието (в
етикет, разбира се, тъй като това е най-важното заглавие на страницата), описанието и други раздели. По-голямата част от типографията просто идва на мястото си въз основа на нашата проста и стабилна настройка на типографията.
Решетката 5/6 е изцяло за изображението. Хубаво и голямо, което е страхотно. Той има светлосив фон, точно като изображенията в публикациите в блога (напр
Мислим да се влюбим малко в това как оформяме етикетите. Оглеждаме се на CodePen (ето връзка към маркера „тагове“, META ALERT). В крайна сметка мислим, че това е прекалено много и ги оставяме като нормални връзки.
Ние караме бутона „пълен размер“ да работи по един от най-простите начини, които евентуално можем, отваряме нов прозорец, който е с размерите на изображението в пълен размер и показваме изображението в него. Това е като модална кутия от началото на 2000-те! Но аз го харесвам. Това е просто, не се нуждае от куп код (като лайтбокс) и е очевидно да си взаимодействате. Още по-добре е, ако питате мен.