Красивое оформление блока sape

Всем привет. Как и обещал Fylhtq публикую статью, как оформить блок ссылок sape в виде контекстной рекламы. Не буду расписывать хорошо ли это или плохо, но как кажется на СеоПульте кто-то толковый говорил, что подобный вид ссылок безопаснее для ВебМастера и эффективнее для Оптимизатора. Так что рассуждайте сами…

Ну такс, приступим:

1) Скачиваем и устанавливаем то что нам сказали в сапе, т.е. папку с уникальным кодом.

2) Добавляем в css-стили вот такие:

.go {
    width:580px;
    background:#FFF;
    border:1px solid #c7d9e5;
    margin:20px 0 10px 0;
}
.go p {
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
}
.go span, .go a, .go a:visited, .go a:hover {
    color:#666;
    font-size:9pt;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    cursor:text;
}

.go b {
    font-size:10pt;
    cursor:pointer;
    text-decoration:underline;
    color:#690;
}
.go left1 {
    color:#690;
	 text-align:left;
}

.goleft:first-letter { text-transform: capitalize; padding: 0px; }
.goleft { text-align:left; }
.go1 {
    height:18px;
    background:url(/ads1.gif) no-repeat right bottom;
}

Картинку сохраняем и кладём в корень сайта, вот она:

3) Для вывода в вертикальном режиме используем код вот такой:

<?
@define('_SAPE_USER', 'ВАШ КОД');
require_once($_SERVER['DOCUMENT_ROOT'].'/'._SAPE_USER.'/sape.php');
$sape = new SAPE_client(array('charset'=>'UTF-8'));
$sape_block= '';
$c=0;
while($tmp=$sape->return_links(1)){
    if(@preg_match('~<a href="(https?://([^"/]+)[^"]*)"[^>]*>([^<]+)</a>~i', $tmp, $match)){
        $c++;
        $sape_url= $match[1];
        $sape_host= $match[2];
        $sape_anchor= ucfirst(trim($match[3]));
        $sape_text= ucfirst(trim(preg_replace('~<[^>]+>~', '', $tmp)));
        $sape_block.= '<td style="padding:5px" width=""><p class="goleft"><b onclick="window.open(\''.$sape_url.'\')">'.$sape_anchor.'</b></p><p class="goleft"><span onclick="return false">'.$tmp.'</span></p><p class="goleft1">'.$sape_host.'</p></td>';
    }
    else
        $i= false;
}
if($sape_block!=''){
    $sape_block.= '<tr><td style="padding:4px"><p align="left"><b onclick="window.open(\''.$sape_url.'\')">'.$sape_anchor.'</b><br /><span onclick="return false">'.$tmp.'</span><br /><small>'.$sape_host.'</small></p></td></tr>';  
echo '<div><center><table class="go" cellspacing="0" cellpadding="0">'.$sape_block.'<tr class="go1" valign="bottom"><td colspan="5"></tr></table></center></div>'; 
}
?>

Не обращайте внимание, что немного вылазит код за рамки моего шаблона, при копирование сохраниться полный код.

Для горизонтального отображения вместо

$sape_block.= '<tr><td style="padding:4px"><p align="left"><b onclick="window.open(\''.$sape_url.'\')">'.$sape_anchor.'</b><br /><span onclick="return false">'.$tmp.'</span><br /><small>'.$sape_host.'</small></p></td></tr>';  
echo '<div><center><table class="go" cellspacing="0" cellpadding="0">'.$sape_block.'<tr class="go1" valign="bottom"><td colspan="5"></tr></table></center></div>';

Надо вставить:

$sape_block= str_replace(' width=""', ' width="'.floor(100/$c).'%"', $sape_block);
    echo '<div><center><table class="go" cellspacing="0" cellpadding="0"><tr valign="top">'.$sape_block.'</tr><tr class="go1" valign="bottom"><td colspan="5"></td></tr></table></center></div>';

В результате у нас получится приблизительно следующее:

Пост создан благодаря вот этой ветке на форуме сапы и этому посту.

P.S. Если у кого что-то не получается спрашиваем в комментариях.

P.S.S. научите кто-нибудь пожалуйста вставлять аккуратно PHP-код в WordPress, а то как-то некультурно получилось.

22.01.2011

Комментариев: 10

  1. Странно что создатели Sапы не предлагали такое решение изначально.
    А в чем сложность вставлять в шаблон? Через ftp лезем в wp-content / themes и куда надо вставляем код -)

  2. @KrutoPAPA Думаю автор имел ввиду как вставить код в посте :-)
    @sanchezboy Плагин специальный был для этого, погугли в админке поиска плагинов Code

  3. Спасибо, всегда думал, как бы украсить сапе, но так и не придумал.. Большое спасибо за мануал.

  4. Проверку на наличие ссылок сделал?
    Т.е. если ссылок нет — пустой шаблон на остальных страницах будет отображаться?

  5. Без слов… Отличный плагин… А в ручную делать геморойно..

  6. Тема такое оформление, только мне кажется яше до лампочки оно, потому что контекст на ява скриптах ведь! А так красиво! +1 СанчезБою!

  7. А в сапе хорошенько полазить и еще й не такое найдешь!

  8. Не думаю, что яша будет смотреть на оформление ссылок, когда сайт банить будет.

  9. очень верно andy заметила