티스토리 뷰

워드프레스 테마 Response를 모티브로 제작되었습니다. (매우 유사합니다^^;;)
HTML5는 공부하는 단계라 아직 도입하진 않았구요, CSS3 역시 마찬가지입니다 ㅠㅠ
몇가지 가이드라인을 잡고 제작하였습니다.
기본 글씨체를 맑은 고딕, 나눔고딕, 굴림, 돋움을 놓고 고민했는데 아무래도 비트맵폰트인 굴림이 가독성이 훨씬 좋은것 같아 선택하였으며 jQuery 이미지 슬라이더, SyntaxHighlighter의 구문강조기능을 넣었습니다. (소스코드 포스팅이 많아 가독성을 위해 필수인 자바스크립트입니다.)
 SyntaxHighlighter의 예)
		--Position
		if E.db.meat.uflayout == "Zeph" then
			health:ClearAllPoints()
			health:Point("TOPRIGHT", frame, "TOPRIGHT", -BORDER, -BORDER)
			if USE_POWERBAR_OFFSET then			
				health:Point("TOPRIGHT", frame, "TOPRIGHT", -(BORDER+POWERBAR_OFFSET), -BORDER)
				health:Point("BOTTOMLEFT", frame, "BOTTOMLEFT", BORDER+POWERBAR_OFFSET, BORDER+POWERBAR_OFFSET)
			elseif USE_MINI_POWERBAR then
				health:Point("BOTTOMLEFT", frame, "BOTTOMLEFT", BORDER, BORDER + (POWERBAR_HEIGHT/2))
			else
				health:Point("BOTTOMLEFT", frame, "BOTTOMLEFT", BORDER, BORDER + POWERBAR_HEIGHT)
			end
		elseif E.db.meat.uflayout == "Duffed" then
			health:ClearAllPoints()
			health:Point("TOPRIGHT", frame, "TOPRIGHT", -BORDER, -BORDER)
			if USE_POWERBAR_OFFSET then			
				health:Point("TOPRIGHT", frame, "TOPRIGHT", -(BORDER+POWERBAR_OFFSET), -BORDER)
				health:Point("BOTTOMLEFT", frame, "BOTTOMLEFT", BORDER+POWERBAR_OFFSET, BORDER+POWERBAR_OFFSET)
			elseif USE_MINI_POWERBAR then
				health:Point("BOTTOMLEFT", frame, "BOTTOMLEFT", BORDER, BORDER + (POWERBAR_HEIGHT/2))
			else
				health:Point("BOTTOMLEFT", frame, "BOTTOMLEFT", BORDER, BORDER + POWERBAR_HEIGHT)
			end
		end

앞으로 ElvUI : ME 의 사용자 가이드, FAQ도 모두 블로그에 포스팅 될 예정이니 많은 방문 부탁드립니다.
(P.S: 애퍼쳐사이언스) 
댓글
댓글쓰기 폼