Facebook Like Button 페이지로 로그인 됨

Question

우리는 대학 소셜 미디어 페이지 용 버튼과 같은 페이스 북을 사용하고 있지만 누군가가 페이지로 로그인하면 빨간색 배경, 큰 흰색 배경 등 큰 사진이 표시됩니다. 텍스트 "스위치." 이 충돌 할 때이되지 않도록

1. 는 흰색 배경을 제거 : 우리가 할 수 있도록 더 다양한 기능을 추가하는 페이스 북의 끝에서 수행되고있는 일이 있다면 우리는 형식을 변경하거나 할 수있는 방법이 있다면 우리는 궁금했다 회색 배경 인 경우
2. 옵션이 제공되므로 사용자가 페이지로 로그인 한 경우 사용자가 로그인 할 때 현재 형식으로 표시되거나 비슷한 버튼의 크기보다 더 많이 표시 될 수 있습니다. 웹 페이지의 디자인을 손상시키지 않도록
3. 빨강 색 대신 다른 색상 옵션을 제공하여 색 구성표와 결합하여 예술적으로 즐겁게 볼 수 있습니다.
4. "스위치"대신 표시 할 텍스트를 선택하는 옵션이있어서 직관적이지 않을 수 있습니다.

Answer 1

우선, 클럽에 오신 것을 환영합니다. 우리 중 많은 사람들이 당신의 고통을 느낍니다. 불행히도, 당신은 약간의 틀에 박히게됩니다.

Facebook의 '좋아요'버튼이 페이지의 iFrame에 표시됩니다. 즉 Facebook에 표시되는 콘텐츠와 스타일을 지정하는 CSS를 제어합니다. 사이트의 CSS를 사용하여 별도의 도메인에서 iFrame을 스타일 적용 할 수 없으므로 사이트에서 버튼의 스타일을 제어하는 ​​좋은 방법이 없습니다. 수단 - 그래서 효과적으로 당신의 최선의 방법이 될 수 있습니다 옵션 1, 3, 옵션 2에 관해서는 & 4.

, ...

페이스 북에서 '전환'버튼은 항상 같은 크기 녹아웃 어떤 사람들이 사용하는 더 작은 한 줄짜리 버튼과는 대조적으로 커다란 사각형입니다. 사용하는 사람이 하나라고 가정합니다. 일반적으로 iFrame을 overflow: hidden;으로 설정하고 CSS height으로 설정하여 모든 레이아웃 문제를 해결합니다 (단선 버튼을 사용하는 경우 일반적으로 32 픽셀 임). 이것은 못생긴 것처럼 보이는 빨간 '스위치'버튼을 차단할 것입니다.하지만 적어도 페이지 요소를 벗어나는 잘못된 크기의 버튼이 없어도 동일한 페이지 레이아웃을 유지할 수 있습니다.

궁극적으로 iframe 상황은 페이스 북에게 모든 사이트에서 '좋아요'버튼을 균일하게 만들기 위해 많은 권한을 부여합니다. 불행히도, 뭔가 나빠 보이면 동적으로 변경하는 옵션이 많지 않습니다. 행운을 빕니다!