redJu(홍주)

SharePoint 2010에서의 마스터 페이지 (4) 디자이너와 개발자들이 보다 더 쉽게 작업할 수 있도록 페이지 구조 및 공통 CSS를 정리해보도록 하겠습니다. IE 개발자 도구를 통해서 찾으면 되는데 많이 찾는 공통 CSS를 페이지 구조와 정리했으니 참고하십시오. 아래 내용에서 구성된 CSS를 보고 이를 수정하여 다른 CSS에 적용해서 테스트할 수 있습니다. s4-ribbonrow BODY #s4-ribbonrow siteactiontd .ms-siteactionsmenu .ms-siteactionsmenuinner 위로 탐색 .s4-breadcrumb-anchor 위로 탐색 s4-breadcrumb-menu .s4-breadcrumb-anchor .s4-breadcrumb-top .s4-bread..

SharePoint 2010에서의 마스터 페이지 (2) 이번 내용에서는 디자이너와 마스터 페이지를 협업할 때 필요한 유용한 도구로 IE 개발자 도구와 대체 CSS에 대한 내용을 알아보도록 하겠습니다. SharePoint Online 또는 SharePoint 2010 사이트를 액세스합니다. 여기서는 IE 9와 크롬 브라우저로 테스트합니다. IE 9로 사이트가 열렸으면 F12를 클릭하면 아래와 같은 개발자 도구를 살펴볼 수 있습니다. 위 개발자 도구에서 HTML 탭 아래에 보면 화살표 아이콘(클릭으로 요소 선택)을 볼 수 있는데요, 이 메뉴를 클릭하고 웹 브라우저에서 원하는 부분을 클릭하면 됩니다. 먼저 상단 메뉴를 한번 클릭해보도록 하겠습니다. 그러면 아래와 같이 웹 브라우저에서는 파란색 테두리로 나타나고..

SharePoint 2010에서의 마스터 페이지 (1) 마스터 페이지는 개발자가 직접 손 대기에는 무리가 있는 편입니다. 일단 CSS를 손대야 하고 이미지를 만들거나 수정해야 합니다. 디자이너도 손 대기에는 좀 무리가 있습니다. 일단 SharePoint 2010이 낯설고 자체를 이해하기가 어렵습니다. 그리고 디자인을 하기 위해서는 SharePoint Designer 2010을 다룰줄 알아야 하기도 하고 마스터 페이지 태그 중에