2014-12-25 2 views
0

더블 클릭 광고를 가로로 가운데에 배치하는 방법을 잘 모르겠습니다. 이 비슷한 질문 Centre align leaderboard ad을 읽은 후, 나는 지금더블 클릭 광고 센터에

<div class="center"> 
<style type="text/css"> 
.center { 
    text-align: center; 
    margin: 0 auto; 
} 
</style> 

AD CODE 

</div> 

를이 코드를 사용하고 있습니다 그러나 그것은 작동하지 않습니다. 어떤 아이디어?

명확히하기 위해이 웹 사이트에서 광고가 사용되고 있습니다. http://worldgreendaily.com/

페이지의 전체 코드는 다음과 같습니다

<?php 
if (! defined('ABSPATH')) exit; // Exit if accessed directly 
$page_layout = get_option(THEME_NAME."_page_layout"); 
//logo settings 
$logo = get_option(THEME_NAME.'_logo'); 
$search = get_option(THEME_NAME.'_search'); 
//top banner  
$topBanner = get_option(THEME_NAME."_top_banner"); 
$topBannerCode = get_option(THEME_NAME."_top_banner_code"); 
//fixed menu 
$menuStyle = get_option(THEME_NAME."_menu_style"); 
$weatherSet = get_option(THEME_NAME."_weather"); 
$weather = OT_weather_forecast($_SERVER['REMOTE_ADDR']); 
// header social icons 
$socialHeader = get_option(THEME_NAME."_social_header"); 


$vimeo = get_option(THEME_NAME."_vimeo"); 
$twitter = get_option(THEME_NAME."_twitter"); 
$facebook = get_option(THEME_NAME."_facebook"); 
$googlepluss = get_option(THEME_NAME."_googlepluss"); 
$pinterest = get_option(THEME_NAME."_pinterest"); 
$tumblr = get_option(THEME_NAME."_tumblr"); 
$linkedin = get_option(THEME_NAME."_linkedin"); 
$dribbble = get_option(THEME_NAME."_dribbble"); 
$soundcloud = get_option(THEME_NAME."_soundcloud"); 

?> 
    <!-- BEGIN .boxed --> 
    <div class="boxed<?php echo $page_layout=="boxed" ? " active" : false; ?>"> 

     <!-- BEGIN .header --> 
     <div class="header"> 

      <!-- BEGIN .header-very-top --> 
      <div class="header-very-top"> 

       <!-- BEGIN .wrapper --> 
       <div class="wrapper"> 

        <div class="left"> 
         <?php 

          if (function_exists('register_nav_menus')) { 
           $walker = new OT_Walker_Top; 
           $args = array(
            'container' => '', 
            'theme_location' => 'top-menu', 
            'items_wrap' => '<ul class="ot-menu very-top-menu load-responsive" rel="'.__("Top Menu", THEME_NAME).'"><li><a href="'.home_url().'" class="icon-text"><i class="fa fa-home"></i></a></li>%3$s</ul>', 
            'depth' => 3, 
            'walker' => $walker, 
            "echo" => false 
           ); 


           if(has_nav_menu('top-menu')) { 
            echo wp_nav_menu($args);   
           }  

          } 

         ?> 

        </div> 

        <?php if($weatherSet=="on") { ?> 
          <?php if(!isset($weather['error'])) { ?> 
           <div class="right"> 
            <div class="weather-report"> 
             <span><?php _e("Weather",THEME_NAME);?></span> 
             <b><?php echo $weather['country'].', '.$weather['city'];?></b> 
             <img src="<?php echo THEME_IMAGE_URL.$weather['image'];?>.png" alt="<?php echo $weather['country'].', '.$weather['city'];?>" /> 

             <font class="weather-meter" style="background: <?php echo $weather['color'];?>;"><?php echo $weather['temp_'.get_option(THEME_NAME."_temperature")];?></font> 

            </div> 
           </div> 
          <?php 
           } else { 
            echo $weather['error']; 
           } 
          ?> 
         <?php } ?> 

        <div class="clear-float"></div> 

       </div> 
       <div class="double-split"></div> 
      <!-- END .header-very-top --> 
      </div> 

      <!-- BEGIN .header-middle --> 
      <div class="header-middle"> 
       <div class="wrapper"> 
        <?php if($logo) { ?> 
         <div class="logo-image"> 
          <h1><?php bloginfo('name'); ?></h1> 
          <a href="<?php echo home_url(); ?>"><img class="logo" src="<?php echo $logo;?>" alt="<?php bloginfo('name'); ?>" /></a> 
         </div> 
        <?php } else { ?> 
         <div class="logo-text"> 
          <h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1> 
         </div> 
        <?php } ?> 

        <?php if($topBanner=="on") { ?> 

         <div class="banner"> 
          <div class="banner-block"> 
           <?php echo stripslashes(do_shortcode($topBannerCode));?> 
          </div> 

          <?php if (is_pagetemplate_active("template-contact.php")) { ?> 
          <?php $contactID = ot_get_page('contact'); ?> 
           <div class="banner-info"> 
            <a href="<?php echo get_page_link($contactID[0]);?>" class="sponsored"><span class="icon-default">&nbsp;</span><?php _e("Sponsored Advert", THEME_NAME);?><span class="icon-default">&nbsp;</span></a> 
           </div> 
          <?php } ?> 
         </div> 

        <?php } ?> 

        <div class="clear-float"></div> 

       </div> 
      <!-- END .header-middle --> 
      </div> 

      <!-- BEGIN .header-menu --> 
      <div class="header-menu<?php if($menuStyle=='on') { echo ' thisisfixed'; } ?>"> 
       <div class="wrapper"> 
        <?php 

         wp_reset_query(); 
         if (function_exists('register_nav_menus')) { 
          $walker = new OT_Walker; 
          $args = array(
           'container' => '', 
           'theme_location' => 'middle-menu', 
           'items_wrap' => '<ul class="%2$s main-menu" >%3$s</ul>', 
           'depth' => 3, 
           "echo" => false, 
           'walker' => $walker 
          ); 


          if(has_nav_menu('middle-menu')) { 
           echo wp_nav_menu($args);   
          } else { 
           echo "<ul class=\"main-menu\"><li class=\"navi-none\"><a href=\"".admin_url("nav-menus.php") ."\">Please set up ".THEME_FULL_NAME." menu!</a></li></ul>"; 
          }  

         } 
        ?> 

        <?php if($search=="on") { ?> 
         <div class="right menu-search"> 
          <form method="get" action="<?php echo home_url(); ?>" name="searchform" > 
           <input type="text" value="" placeholder="<?php _e("Search something..",THEME_NAME);?>" name="s" id="s"/> 
           <input type="submit" class="search-button" value="&nbsp;" /> 
          </form> 
         </div> 
        <?php } ?> 

        <div class="clear-float"></div> 

       </div> 
      <!-- END .header-menu --> 
      </div> 

      <!-- BEGIN .header-undermenu --> 
      <div class="header-undermenu"> 
       <div class="wrapper"> 
         <?php 

          if (function_exists('register_nav_menus')) { 
           $args = array(
            'container' => '', 
            'theme_location' => 'third-menu', 
            "link_before" => '<i>', 
            "link_after" => '</i>' , 
            'items_wrap' => '<ul class="secondary-menu" >%3$s</ul>', 
            'depth' => 1, 
            "echo" => false 
           ); 


           if(has_nav_menu('third-menu')) { 
            echo wp_nav_menu($args);   
           }  

          } 

         ?> 

        <div class="clear-float"></div> 

       </div> 
      <!-- END .header-undermenu --> 
      </div> 

     <!-- END .header --> 
     </div> 

<?php wp_reset_query(); ?> 
    <div style="text-align: center; margin: 0 auto;"><!-- Test_WGD --> 
    <div id='div-gpt-ad-1419519536676-0' style='width:728px; height:90px;'> 
    <script type='text/javascript'> 
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419519536676-0'); }); 
    </script></div> 

    </html> 

답변

1

. 귀하의 문서는 다음과 같이 보일 것이다 : 당신이 당신의 예와 같이 사업부 근처 스타일을 원한다면

<html> 
    <head> 
     <style type="text/css"> 
     .center { 
      text-align: center; 
      margin: 0 auto; 
     } 
     </style> 
    </head> 

    <body> 
     <div class="center">AD CODE</div> 
    </body> 
</html> 

당신도 (내가 권하고 싶지 않다) 인라인 스타일을 사용할 수 있습니다

<div style="text-align: center; margin: 0 auto;">AD CODE</div> 

UPDATE

이것은 iframe에서 가져온 것입니다. 당신이해야 할 것은 내가 아래의 이미지에서 지적했던 id을 찾을 수 있습니다 :

<div id='div-gpt-ad-1419519536676-0' style='width:728px; height:90px;'> 

등처럼, 그것에 margin: auto을 추가 :

이있다

enter image description here

<div id='div-gpt-ad-1419519536676-0' style='width:728px; height:90px; margin: auto;'> 

이미지의 중심에 위치해야합니다.

+0

고맙습니다. 이 부분은 웹 사이트의 나머지 부분을 중심으로 표시되지만 광고는 왼쪽에 있습니다.) – Greenmachine

+0

@Greenmachine 더 많은 코드, 바이올린 또는 링크를 게시해야합니다. 당신이 제공 한 것에서 무슨 일이 벌어지고 있는지 말할 방법이 없습니다. 업데이트 - 귀하의 링크를 참조하십시오, 고마워요. 그래서 어떤 광고를 말하는거야? – jmore009

+0

@ jmore009'margin : 0 auto'가 제대로 작동하려면 너비가 필요하지 않습니까? – Brian

0

사업부와 스타일 태그를 교체해야합니다. 대신 당신이 <head></head> 태그 안에 퍼팅해야 외부 CSS 파일에 링크의 페이지에서 CSS를 넣으면

<html> 
<head> 
<style type="text/css"> 
.center { 
    text-align: center; 
    margin: 0 auto; 
} 
</style> 
</head> 
<body> 
<div class="center"> 
AD CODE 

</div> 
</body> 
</html>