Как сделать вертикальную прозрачную полосу на фоне?

[artberesta]

Здравствуйте всем!Прошу помощи у всякого неравнодушного.
Делаю сайт по шаблону брату,не могу одолеть одну хитрость.
Как сделать вертикальную прозрачную полосу на фоне по середине?
Помогите пожалуйста или ткните носом где прочитать.http://artpaullo.96.lt/

[sigma77]

Например, так http://jsfiddle.net/J67wd/

Читать про rgba()

[artberesta]

Спасибо Оксана.что  уделили мне Ваше драгоценное время.Но честно говоря я полностью запутался с фонами на сайте и не знаю выхода.

Я буду Вам очень признателен если Вы заглянете в код данного сайта и укажите мне куда вставить данную строчку.

Сайт пока висит на временном хостинге http://artpaullo.96.lt/

Мой личный сайт который я тоже переделал из шаблона artberesta.ru

Спасибо что откликнулись.

[sigma77]

Добавьте следующее правило

#background-pattern:before {content: "";position: absolute;width: 200px;left: 50%;;bottom: 0;background: rgba(255, 255, 255, 0.5);z-index: 10;}

после left, должно быть марджин-лефт: минус 100px, но строчку почему-то режет

[artberesta]

Спасибо!

Не как не получается.Тут что то с фонами намудрено,так как при нажатии кнопки меню выезжает меню.Может из за этого проблема?

Я конечно понимаю что хуже некуда копаться в чужом коде.

Наверно надо выставить гонорар за эту проблему с фоном.

Могу на телефон положить денежку в размере 200 руб.

Хочется конечно дойти самому,но не получается, и готов заплатить.

Все вопросы можно через скайп.

lio77777

[Z1gnet]

Да тут не за что платить. Вам же уже правильный ответ написали. Вот я вставил через фаербаг на ваш сайт и все получилось! http://prntscr.com/250atf

Видимо вы где то допустили ошибку

[artberesta]

Z1gnet ,спасибо ,но не получилось.

Хоть у Вас на скриншоте и вышло но это не озночает что выйдет на сайте.

 

Наверно в коде html надо чтото ещё убрать или дописать на скрине этого не видно

Edited November 18, 2013 by artberesta

[Z1gnet]

мне ваш код ничего не даст потому что у вас там куча всяких файлов подключается (в частности css). либо скинте архивом все файлы либо больше не чем не могу помочь.

[artberesta]

http://yadi.sk/d/TEDGERZZCu6f7

Залил на яндекс диск

или дробокс https://www.dropbox.com/s/ss2ctbsdnyn3le3/%D0%BA%D0%BE%D0%BD%D0%B4%D1%80%D0%B0%D1%88%D0%BE%D0%B2%20%D0%BF%D0%B0%D0%B2%D0%B5%D0%BB.rar

[Z1gnet]

Вы допустили банальную ошибку в коде, ошиблись в одном символе когда переписывали с моего скриншота. а именно в значении background прописали sKroll, а надо sCroll! вот и вся проблема. и еще не надо столько всего прописывать в background, как показано на моем скрине (это фаербаг сам генерит). достаточно написать просто background:rgba(255, 255, 255, 0.5); В итоге у вас должно получиться следующее

#background-pattern:before {content: "";position: absolute;width: 220px; /* ширина полоски прозрачной */left: 50%;margin:0 0 0 -110px; /* 110 это половина ширины !!! */bottom: 0;background:rgba(255, 255, 255, 0.5);top:0;}

Edited November 18, 2013 by Z1gnet

[artberesta]

Исправил...... и ничего нет.

Потом понял Вас перечитав Ваше сообщение,скопировал Ваше свойство. и...... (барабанная дробь) полоса ПОЯВИЛАСЯ!

Появилась она у меня на компе.Залив на хостинг эти файлы ,полосы НЕТ.

Вот к этому я совсем не готов.Может я чего не так делаю.

Может дело в куках ,ктрл +ф5 нажимал.

Куки почистил.

Неужели может такое быть?

Может ,Нашёл ошибку ,папка css не ту копировал. :yahoo:

Рано радовался,картинки перестали двигаться.

Короче ,сам дурак.В папках бардак,вечером уже мало что понимаю.

Надо откладывать до субботы.

Edited November 19, 2013 by artberesta