Прячем сапу
Вот есть у вас сайт компании или интернет-магазин каторый имеет хорошие показатели PR и CY и люди его посещают, делают заказы знакомятся с вашими работами/услугами и т.п. Рекламные ссылки по понятным причинам разместить нельзя.
И становится как-то жалко что пропадает за даром “рекламная площадь”, но размещение ссылок на станицах сайта неприемлемо, потому что не хочется портить имидж компании и вызывать недоверие посетителей.
Следующий метод был подсмотрен мной на сайте студии Лебедева (есть такой малоизвестный блогер, называющий себя дизайнером).
Вместо смайлика можно написать все что угодно например “Полезные ссылки” или “реклама” ну или оставить смайлик. Ссылки при этом отлично ИНДЕКСИРУЮТСЯ, вообщем все как в настоящем блоке ссылок только он скрывается (и открывается).
И так, начнём по порядку.
Джава-скрипт код:
clickMenu = function(menu) {
var getEls = document.getElementById(menu).getElementsByTagName(”LI”);
var getAgn = getEls;
for (var i=0; i<getEls.length; i++) {
getEls[i].onclick=function() {
for (var x=0; x<getAgn.length; x++) {
getAgn[x].className=getAgn[x].className.replace(”unclick”, “”);
getAgn[x].className=getAgn[x].className.replace(”click”, “unclick”);
}
if ((this.className.indexOf(’unclick’))!=-1) {
this.className=this.className.replace(”unclick”, “”);;
}
else {
this.className+=” click”;
}
}
}
}
CSS:
#outer {width:150px; height:20px;position: relative;}
#menu {list-style-type:none; width:150px;}
#menu li.sub {background:none;color:#770000;font-family:arial, sans-serif; font-size:0.6em; width:150px;}
#menu ul {position:absolute;left:-9999px;}
#menu li {display:block; color:black; font-family:arial, sans-serif; font-size:1.2em;width:350px;cursor:pointer;
background:none;}
#menu li.click {background:none;}
#menu li.click ul{left:0; top:24px; background:url(transparent.gif);} /* the background image is for IE7 */
#menu li:hover, #menu li a:hover {background:none;width:350px}
#menu li a {width:100%;}
html:
<?php
if (!defined(’_SAPE_USER’)){
define(’_SAPE_USER’, ‘код сапы’);
}
require_once($_SERVER['DOCUMENT_ROOT'].’/’._SAPE_USER.’/sape.php’);
$sape = new SAPE_client();
?>
<div id=”outer”>
<div id=”menu”>
<li class=”sub”>Реклама
<ul>
<li><? echo $sape->return_links(1); ?></li>
<li><? echo $sape->return_links(1); ?></li>
<li><? echo $sape->return_links(1); ?></li>
<li><? echo $sape->return_links(1); ?></li>
</ul>
</li>
</div>
</div>
В конечном итоге выглядит это вот так
Опять же кому влом копировать/вставлять могут скачать готовый пример.
Всем спасибо.
–
З.Ы.чка прочитавшие до конца этот пост получают интересное мегабонус-приложение:
Дима Спирин играет живьем на улице Минска - Поезд в сторону Арбатской (с Патлатым на заднем плане слева я когда-то учился в одном колледже)
–
Постовой
платный хостинг от hostlex.ru - холодные сервера и теплая поддержка.
Покупайте только лицензионную Windows Vista Ultimate и антивирус. Я лично выбираю NOD32.
Пока я не уехал из нашей раши заказал себе неплохие часики в магазине часов для себя и своей малышки, если кому интересно можно даже Купить часы Porsche.
Связанные записи
Comments
Комментариев нет.