VPF::Затемнение счетчика посещения сайта

denisss70

Дата 23.4.2007, 15:34 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 10.4.2006

Репутация: нет
Всего: нет

На сайте черный фон. Разместил два счетчика посещения от hotlog и mail.ru, выбрал более или менее темные цвета, но счетчики все равно слишком сильно бросаются в глаза. Как можно при помощи ява затемнить счетчики, но не скрыть совсем?

ksnk

Дата 23.4.2007, 17:11 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Размести поверх них div с цветным бакграундом, сделай ему opacity = 50%, к примеру...

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Sardar

Дата 23.4.2007, 18:40 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Цитата(ksnk @ 23.4.2007, 16:11

)

сделай ему opacity = 50%, к примеру...

Хотя редкий браузер сечас не поддерживает прозрачность, но всё же можно было обойтись полупрозрачным .gif паттерном. Привычней для этих целей.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

denisss70

Дата 24.4.2007, 08:13 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 10.4.2006

Репутация: нет
Всего: нет

просьба написать про этот div (код), попробовал не получается

ksnk

Дата 24.4.2007, 09:17 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Лепил из запчастей готовых, по этому несколько сумбурно ;) Вроде, работает в IE 6 и FF последнем. Кстати, GIF с альфа каналом тоже не каждый броузер отобразит smile

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>unbright</title>
<LINK rel="stylesheet" type="text/css" href="/css/album.css">
<style type='text/css'>
div.image {
        float:left;
        width:137px;height:161px;
        border:1px solid ;
        padding-top:20px;
        margin:0px;
        text-align:center;
        background:url(../img/style/imgbg.gif) no-repeat;
        overflow:hidden;
}
.image a  {
    text-decoration:none;
}
.image img {
    border: 0px;
    width:80px;
    height:80px;
}
div.image p {
    color: #000066;
    margin:2px 0;
    font-size:14px;
}
div.image p.detail {
    font-size:8px;
}

</style>
</head>
<body onload="unbright('too_bright');">

      <div class='image'> <A HREF="alice19/1_041.jpg">
      <IMG SRC="alice19/1_041_t.jpg" title="1_041.jpg" ALT="1_041.jpg"></a>
        <p>1_041</p>
        <p class="detail">76.53 Kb</p>
        </div>

      <div class='image' id='too_bright'> <A HREF="alice19/1_042.jpg">
      <IMG SRC="alice19/1_042_t.jpg" title="1_042.jpg" ALT="1_042.jpg"></a>
        <p>1_042</p>
        <p class="detail">71.67 Kb</p>
        </div>

      <div class='image'> <A HREF="alice19/1_043.jpg">
      <IMG SRC="alice19/1_043_t.jpg" title="1_043.jpg" ALT="1_043.jpg"></a>
        <p>1_043</p>
        <p class="detail">70.49 Kb</p>
        </div>

</body>
<script type="text/javascript" >
function _i(e) { return (document.getElementById(e)
                || document.getElementsByName(e)[0]) };

function setOpacity(e,opacity){
    if (opacity == 0){
        if(e.style.visibility != "hidden") e.style.visibility = "hidden";
    } else {
        if(e.style.visibility != "visible") e.style.visibility = "visible";
    }
    if (window.ActiveXObject) e.style.filter = "alpha(opacity=" + opacity*100 + ")";
    e.style.opacity = opacity;
}

function     getBounds (e)
{
    left=e.offsetLeft
    for (var parent = e.offsetParent,top=e.offsetTop; parent;
        parent = parent.offsetParent)
    {
        left  += parent.offsetLeft;
        top  += parent.offsetTop;
    }
    return {left: left, top: top, width: e.offsetWidth, height: e.offsetHeight};
}

function unbright(id) {
    e=_i(id);
    d=document.createElement('div');
    d.style.background='black';
    d.style.position='absolute';
    r=getBounds(e);
    d=document.body.appendChild(d);
    d.style.top=r.top;
    d.style.left=r.left;
    d.style.width=r.width;
    d.style.height=r.height;

    setOpacity(d,0.2);
}


</script>
</html>

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »