2012-06-06 2 views
0

나를 미치게하는 Ist !!! 나는 모든 것을 가지고 놀았습니다! 여기 무엇이 Facebook 위젯을 추진하고 있습니까?

는 위젯의 CSS를 여기

.fan_box a:hover{text-decoration: none;} 
.fan_box .full_widget{height: 298px; border: 0 !important;background: none !important;position: relative;padding-left:10px !important;margin-left:0px !important;} 
.fan_box .connect_top{background: none !important;padding: 0!important;} 
.fan_box .name_block{color:#fff !important;} 
.fan_box .connect_action{padding: 0 !important;overflow:hidden !important;color:#fff !important;} 
.fan_box .connections{padding: 0 0 0 0px !important;border: 0 !important;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #fafafa;margin-left:0px !important;} 
span.total{color: #eee;font-weight: bold;} 
.fan_box .connections .connections_grid {padding-top: 10px !important;} 
.fan_box .connections_grid .grid_item{padding: 0 7px 10px 0 !important;} 
.fan_box .connections_grid .grid_item .name{font-family: "lucida grande",tahoma,verdana,arial,sans-serif;font-weight: normal;color: #fff !important;padding-top: 1px !important;} 
.fan_box .connect_widget{margin: 0 !important;} 
.fan_box .connect_widget .connect_widget_interactive_area {margin: 0 !important;} 
.fan_box .connect_widget td.connect_widget_vertical_center {padding: 0 !important;} 
.fan_box .profileimage {padding-left:0px !important;} 
.fan_box .connect_action .name{color:#fff !important;} 

어떤 도움이 크게 감사하는 PHP

<div class="col-wrapper facebook"> 
    <h3 class="tab"><?php echo $title;?></h3> 
     <div class="col"> 
      <div style="overflow:hidden; width:208px; height:265px;margin:0 auto;padding-left:10px;"> 
      <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<?php echo $profile_id;?>&amp;width=244&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;height=272" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:244px; height:418px;margin:-8px auto 0 -20px!important;" allowTransparency="true"> 
      </iframe> 
     </div> 
    </div> 
</div> 

입니다. 나는 붙어있다!

감사

답변

2

페이스 북은 iframe 위젯, 함께 일하는은 iframe에 인라인 스타일을 확인하고 알 수에 나쁜 악명 :도에 정의 된 높이/폭

width:244px; height:418px; 

있다 Iframe의 URL입니다.

src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<?php echo $profile_id;?>&amp;width=244&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;height=272"

이 밖으로 도움이 될 수 있습니다 변경.

+0

답장을 보내 주셔서 감사합니다. 그래도 작동이 안되는. 표면에 패딩이나 마진 문제가있는 것처럼 보입니다. 그러나 나는 어디에서 찾아 낼 수없는 것 같습니까? – Greg

+0

위젯이 중심에 놓여 있다고 말하는 것입니까? 코드에서 문제를 파악하는 것은 어렵습니다. http://jsfiddle.net/4cnwa/ – BlakeGru

+0

나는 있습니다. 죄송합니다. 귀하가 볼 수 있도록 사이트에 대한 링크를 게시 했어야합니다. http://www.opentothecore.com – Greg

관련 문제