마이 스페이스 프로필에 뻗어 배경 이미지

마이 스페이스 프로필에 뻗어 배경 이미지

일요일 2009 년 3 월 8 일

많은 사람들이 자신의 마이 스페이스 프로필을 사용자 정의 많은 시간을 보낸다. 그것은 많은 재미가 될 수 있습니다. 자주 묻는 질문 중 하나는 프로필에 늘어난 배경 이미지를 얻는 방법입니다. 나는 이것을 조금 조사하고 몇 가지 해결책을 발견했다. 그들 중 누구도 불행하게도 완전히 완벽하지 않습니다,하지만 그들은 당신을 위해 충분히 완벽 할 수있다.

뻗어 배경 문제는 마이 스페이스 페이지에 국한되지 않습니다. 그것은 모든 웹 페이지에 대한 일반적인 문제입니다. 오늘(2009 년 봄)에 정말 좋은 해결책은 없습니다. 배경 크기 속성 지원을 기다려야 할 것입니다. 당신이(당신이 마이 스페이스 프로필에없는)웹 페이지의 전체 제어에 자신이있는 경우,해결 방법이 있습니다,예를 들어 참조 About.com.

모든 다음 방법 설명은 마이 스페이스 프로필 2.0 을 사용하고 있다고 가정한다.

해결책 1: 큰 배경 이미지 사용

대부분의 모니터에서 전체 배경을 채울 수 있을 만큼 큰 배경 이미지를 사용합니다.

장점

• 상당히 쉬운

단점

• 당신은 결코 결코 얼마나 큰 시청자 모니터,이미지 어쨌든 충분히 큰 되지 않을 수 있습니다. 당신이 1920*1200 에 갈 경우 적어도 현재의 대형 와이드 스크린 모니터를 다룰 것입니다.
• 또 다른 문제는 배경의 특정 부분을 실제로 표시하기를 원하므로 이미지의 왼쪽 상단 영역에 있는지 확인하는 것입니다.
• 배경 이미지의 해상도는 일반적으로 매우 크기 때문에 그들은 일반적으로 약 1027 해상도에 최대 제한을 가지고 있기 때문에,많은 인기있는 이미지 호스팅 사이트(이 마이 스페이스 자체와 예를 들어 플리커 포함)에 호스팅 할 수 없습니다. 그래서 당신은 해상도가 더 클 수있는 다른 곳에서 이미지를 호스팅해야합니다.
  호스팅 웹 사이트를 찾기 위해”이미지 호스팅 큰 크기”에 구글 검색을합니다.

1. 큰 이미지가 허용되는 이미지 호스팅 사이트에 충분히 큰 배경 이미지(예:1920*1200)를 업로드하는 방법.
2. 마이 스페이스 프로필에서 프로필을 활성화>프로필을 사용자 정의합니다.
3. 모양>고급 편집>배경을 활성화합니다. 예를 들어http://www.yoururl.com/images/myspacebg.jpg
4. 페이지가 있는 스크롤이 아니요로 설정되어 있고
5. 반복이 반복 안 함으로 설정되어 있는지 확인합니다.
6. 결과를 보려면 미리보기 버튼을 활성화합니다. 만족하는 경우 게시 버튼을 활성화합니다.

해결책 2: 현재 대부분의 브라우저(2009 년 봄)는 배경 크기 속성을 지원하지 않습니다. 그들이 한 경우 뻗어 배경을 가진 모든 문제가 해결되었을 것이다. 그러나 웹킷 엔진을 사용하는 대부분의 브라우저는 속성에 대한 예비 지원을 제공합니다. 즉,예를 포함 브라우저 사파리와 크롬.

장점

• 매우 쉬운
• 모든 이미지 크기를 사용할 수 있습니다.
• 배경에 적절한 크기 조정 스트레칭을하십시오. 그러나 반드시 매우 넓은 모니터에 잘 보이지 않을 수 있습니다.

단점

• 인터넷 익스플로러와 다른 많은 브라우저에서 작동하지 않습니다. 이것은 가장 널리 사용되는 브라우저를 커버,그래서 큰 단점이다.

방법

1. 마이 스페이스 프로필에서 프로필을 활성화>프로필을 사용자 정의합니다.
2. 모양 활성화>
3. 다음 코드를 입력합니다.:

body { background-image: url(http://www.yoururl.com/images/myspacebg.jpg); x-webkit-background-size:100% 100%;}

4. 결과를 보려면 미리보기 버튼을 활성화합니다. 만족하는 경우 게시 버튼을 활성화합니다.

마이 스페이스: 사용자 정의 프로필. 더 크게 보려면 클릭하십시오.이 솔루션은 사용자 프로필에 삽입한 다음 브라우저 창에 맞게 페이지의 위치를 제어하는 것입니다.

장점

• 어떤 이미지 해상도 크기,예를 들어 작업 할 수 있습니다 당신의 마이 스페이스 프로필 앨범에서 이미지.

단점

• 이미지가 페이지와 함께 스크롤되므로 배경이 고정되지 않습니다. 이 큰 단점이다.
• 프로필에 소개 할 약간 복잡합니다.

방법

1. 마이 스페이스 프로필에서 프로필 활성화>프로필 편집
2. 프로필 편집 페이지에서 내 정보 활성화.
3. 내 정보 섹션에서 다음 코드를 입력하여 배경 이미지를 참조하는 이미지 요소를 삽입합니다. 이 속성은 이미지를 참조해야 합니다.

<img width="100%" src="http://www.yoururl.com/images/myspacebg.jpg"/>

1. 변경 사항 저장 버튼을 활성화하여 변경 사항을 저장합니다. 이 코드는 기본적으로 삽입된 이미지(식별된 이미지)를 배경에 맞게 늘어난 것으로 배치합니다:

#back{ width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: -1;} 

2. 결과를 보려면 미리보기 버튼을 활성화합니다. 만족하는 경우 게시 버튼을 활성화합니다.