2011-09-09 4 views
1

저는 ASP .NET을 최근에 시작했습니다. C# HTML과 CSS를 이미 알고 있으므로 간단한 사이트를 실행하기가 너무 어려웠습니다. 모든 온라인 튜토리얼과 문서는 내가 발견 한 vs2005 ~ 2010 디자이너 (나는 디자이너가 싫어)를 사용하거나 VB .NET의 디자인과 일부 부분을 완전히 시각적으로 볼 수있다.). 전반적으로, 대부분은 웹 개발의 기본적이고 간단한 부분만을 다루기 때문에 API를 마스터하는 데 문제가 있습니다. 어쨌든 나를 가장 괴롭히는 것은 웹 컨트롤의 모양을 바꿀 수 없다는 것입니다. CSS 속성은 어떤 경우에는 작동하지만 전부는 아닙니다. Site.Master 부분은 거의 변경되지 않았습니다. 스크린 샷 : 나는 Site.Master의 파란색과 밝은 파란색 색상을 변경하려면 어떻게ASP.NET/C#에서 Site.Master의 테마와 색상을 어떻게 변경합니까?

screenshot

?

+0

는 개봉과 함께하시기 바랍니다 troouble 갖는 부분에 대한 약간의 HTML을 게시 할 수 있습니까? – jzm

+0

마스터 페이지를 제어하는 ​​스타일 시트 여야합니다. 'styles/styles.css' 또는 그 라인을 따라 무엇인가, 단지 선언을위한 마스터 페이지를보십시오. – Loktar

+0

@rudeovski ze bear 문제는 내 코드와 관련이 없지만 문제는 내가 모르는 사이에 ** 무엇을 코딩해야하는지입니다. 어떤 코드가 site.master의 색상을 변경할지 모릅니다. 나는 예제가 필요하거나 어쩌면 지침과 설명이 필요하다. – ApprenticeHacker

답변

1

새로운 모양의 프로젝트를 만들 때 Visual Studio에서 제공하는 기본 웹 응용 프로그램 웹 사이트를 사용하고 있습니다.

이 가정에 따라 폴더에서 Site.css 파일을 찾아야합니다. 내부에는 사이트의 다양한 요소에 사용되는 모든 스타일이 있습니다.

난 당신이 변경하고자하는 영역이 #header, #header h1', #menucontainer , 상향 링크 # 그냥 당신이 원하는 색상으로 backgroundcolor 속성을 변경

을 menu` 생각합니다. 또한 색상을 변경하십시오 border

+0

죄송하지만 여전히 변화가 없습니다. 다른 부분을 변경해야합니까? – ApprenticeHacker

+0

무엇이 변경 되었습니까? 당신이 HTML/CSS가 무엇인지에 대한 예제를 게시하지 않았기 때문에 제 대답은 단지 가정이었습니다. –

1

다른 HTML 페이지처럼 site.master를 열 수 있습니다. Visual Studio 디자이너에서는 코드 뷰 (html)를 수행 할 수 있습니다. 일단 거기에 들어가면 스타일 시트/html 페이지 (이 경우 마스터 파일)를 변경할 필요가있는 요소에 따라 스타일 시트/html 페이지를 변경할 수 있습니다. 귀하의 질문에 명시된 바와 같이 당신이 htm/css를 알고 있다고 가정합니다.

html 요소를 빠르게 확인하는 또 다른 방법은 safari/chrome/firefox/opera에서 페이지를 열고 관심있는 요소를 마우스 오른쪽 버튼으로 클릭 한 다음 "요소 검사"입니다. Itll은 당신이 변화해야 할 것을 알려줍니다.

Btw : <asp:menu은 div로 변환됩니다. 이 요소에 대한 클래스를 설정 한 다음 스타일 시트에 추가하십시오.

+0

'당신이 질문에 언급 한대로 당신이 htm/css를 알고 있다고 가정 할 때. 'Duh. – ApprenticeHacker

0

Site.Master.cs :

protected void Page_Load(object sender, EventArgs e) 
    { 

     foreach (MenuItem m in NavigationMenu.Items) 
     { 
      if (m.NavigateUrl.ToString() == "~" + HttpContext.Current.Request.Url.LocalPath.ToString()) 
      { 
       m.Selected = true; 
      } 
      else 
      { 
       m.Selected = false; 
      } 
     } 

     this.DataBind(); 
    } 

사이트.css :

이 두 가지 외에도 "div.menu ul li : hover"선택기, "div.menu ul li : visited"선택기 및 "div.menu ul li : active" 선택자.

div.menu ul li a.selected 
{ 
    background-color: #867F27; 
    border: 1px #4e667d solid; 
    color: #dde4ec; 
    display: block; 
    line-height: 1.35em; 
    padding: 4px 20px; 
    text-decoration: none; 
    white-space: nowrap; 
} 

div.menu ul li a 
{ 
    background-color: #7E5B33; 
    border: 1px #4e667d solid; 
    color: #dde4ec; 
    display: block; 
    line-height: 1.35em; 
    padding: 4px 20px; 
    text-decoration: none; 
    white-space: nowrap; 
} 
0

내가 찾던 요소 중 많은 부분이 bootstrap.css 파일에 있습니다.

그러나 site.css를 수정하여 해당 스타일의 요소를 덮어 씁니다.

Visual Studio 2013 Professional을 사용하고 있습니다.

이 링크는 유용했습니다. http://forums.asp.net/t/2009287.aspx?Changing+bootstrap+css

Site.css

.navbar-inverse { 
    background-color: #FFF; 
    } 

.navbar-inverse li { 
    font-weight:bold; 
    } 
관련 문제