Помощник
|
Как добавить тело для меню у сайта, Нужно отделить меню от фона |
Kingprizrak
|
Сообщение
#1
|
||
|
|
||
|
|||
lejos |
3.6.2012, 20:16;
Ответить: lejos
Сообщение
#2
|
|
у id #primary-nav необходимо прописать такое свойство background: rgba(227, 220, 206, 0.3); Где 0.3 - степень прозрачности (от 0.1 до 1). А цифры 227, 220, 206 - цвет, представленный через цветовую модель rgb
Сообщение отредактировал lejos - 3.6.2012, 20:24 -------------------- Занимаюсь отловом ошибок и несоответствий в вашем коде, а так же помогаю подружиться с валидатором. Люблю вопросы о макетировании, сетках, юзабилити. |
|
|
Kingprizrak
|
Сообщение
#3
|
|
Как видите поменялся цвет поля где главная страница, Вот Список стилей . ____________________3_.txt ( 16,07 килобайт ) Кол-во скачиваний: 90 Мне предлагали изменять данный код ранее но если его увеличивать, он будет отодвигать новости и всю информацию ниже меню . http://rghost.ru/38455357 вот шаблон возможно так будет удобнее его отредактировать . я предполагаю что надо добавить тело , но не знаю как это сделать. Попробовал вот этот код #prozrachno { font-family: Tahoma; font-size: 14px; display: block; overflow: visible; width: 600px; height: 300px; margin: 20px auto; padding: 10px; z-index: 9999; border: none; background: rgba(220, 220, 220, 0.75); /* Цвет фона, прозрачность 0.75*/ color: #000000; /* Цвет текста */ } Демо страничка Вот что получилось Сообщение отредактировал Kingprizrak - 3.6.2012, 23:02 |
|
|
archibalds |
4.6.2012, 2:05;
Ответить: archibalds
Сообщение
#4
|
|
А чем вас не устроил вариант который lejos предложил?
|
|
|
Kingprizrak
|
Сообщение
#5
|
|
|
|
|
lejos |
5.6.2012, 0:00;
Ответить: lejos
Сообщение
#6
|
|
Всем привет ! Помогите, надо на сайте TargetCraft.ru сделать тело у меню чтобы оно было прозрачным. Все работает. Мне предлагали изменять данный код ранее но если его увеличивать, он будет отодвигать новости и всю информацию ниже меню . Код, который я предложил, ничего не "отодвигает" и не двигает. Он лишь помогает сделать фон у блока (или как вы говорите, тела) меню прозрачным. Для того чтобы сделать фон блока прозрачным не нужно создавать новый блок или еще мудрить. Прозрачность задается через свойство background нужного вам блока. Последовательность действий. 1. В разметке найти интересующий вас блок и его название (допустим с помощью firebug в ff); 2. В таблице стилей у этого блока найти строку, где описывается свойство background; 3. В нем прописать background: rgba(227, 220, 206, 0.3); Где 0.3 - степень прозрачности (от 0.1 до 1). А цифры 227, 220, 206 - цвет, представленный через цветовую модель rgb (цвет можно посмотреть в фотошопе) Все работает и летает. Вы с одной стороны говорите о меню, с другой, про основной контент. В следующий раз, если не можете описать проблему - выделите ее на скриншоте и скажите, что мол вот тут хочу прозрачность. Удачи вам -------------------- Занимаюсь отловом ошибок и несоответствий в вашем коде, а так же помогаю подружиться с валидатором. Люблю вопросы о макетировании, сетках, юзабилити. |
|
|
Kingprizrak
|
Сообщение
#7
|
|
Этот метод не помогает, поскольку каждый блок у меня отдельно, а я хочу, чтобы они были в одном теле сайта.
Вот такой эффект я хочу получить, то что вы предлагаете не подходит, я добавлял в стили но меняло строку с выбором страниц ( где пример страницы ) . Цитата Всем привет ! Помогите, надо на сайте TargetCraft.ru сделать тело у меню чтобы оно было прозрачным. Все работает. Цитата Мне предлагали изменять данный код ранее но если его увеличивать, он будет отодвигать новости и всю информацию ниже меню . Код, который я предложил, ничего не "отодвигает" и не двигает. Он лишь помогает сделать фон у блока (или как вы говорите, тела) меню прозрачным. Для того чтобы сделать фон блока прозрачным не нужно создавать новый блок или еще мудрить. Прозрачность задается через свойство background нужного вам блока. Последовательность действий. 1. В разметке найти интересующий вас блок и его название (допустим с помощью firebug в ff); 2. В таблице стилей у этого блока найти строку, где описывается свойство background; 3. В нем прописать background: rgba(227, 220, 206, 0.3); Где 0.3 - степень прозрачности (от 0.1 до 1). А цифры 227, 220, 206 - цвет, представленный через цветовую модель rgb (цвет можно посмотреть в фотошопе) Все работает и летает. Вы с одной стороны говорите о меню, с другой, про основной контент. В следующий раз, если не можете описать проблему - выделите ее на скриншоте и скажите, что мол вот тут хочу прозрачность. Удачи вам Все изменения которые делает ваш код я привел выше, если вы в этом сомневаетесь, то могу предложить поставить вам его на hostinger если неможете поставить через вамп , и самому попробовать так сделать . |
|
|
lejos |
5.6.2012, 16:14;
Ответить: lejos
Сообщение
#8
|
|
будем биться до конца
Вообщем вам необходимо сделать следующее: в html - разметке, перед <div id="header"> вставить <div class="content_page"> и закрыть его в самом конце страницы, перед </body></html> в css-таблице стилей написать вот такой код: .content_page { width: 980px; /*задаем ширину страницы */ background: rgba(0,0,0,0.1); /* для всей страницы делаем фон, я взял черный и степень прозрачности поставил 0,1 - для примера*/ margin: 0 auto; /* выравниваем все наше содержимое по центру */ И теперь будет работать, проверил на вашем же сайте. -------------------- Занимаюсь отловом ошибок и несоответствий в вашем коде, а так же помогаю подружиться с валидатором. Люблю вопросы о макетировании, сетках, юзабилити. |
|
|
Kingprizrak
|
Сообщение
#9
|
|
будем биться до конца Вообщем вам необходимо сделать следующее: в html - разметке, перед <div id="header"> вставить Код <div class="content_page"> и закрыть его в самом конце страницы, перед </body></html> в css-таблице стилей написать вот такой код: Код .content_page { width: 980px; /*задаем ширину страницы */ background: rgba(0,0,0,0.1); /* для всей страницы делаем фон, я взял черный и степень прозрачности поставил 0,1 - для примера*/ margin: 0 auto; /* выравниваем все наше содержимое по центру */ И теперь будет работать, проверил на вашем же сайте. Я бы хотел узнать где вы нашли в этом шаблоне html разметку, и куда именно по вашему мнению надо вставлять в таблице стилей данный код . На сколько я знаю мой сайт генерирует в процессе загрузки данную html страницу, или просто я не понимаю что где лежит .... Сообщение отредактировал Kingprizrak - 5.6.2012, 17:35 |
|
|
lejos |
5.6.2012, 18:25;
Ответить: lejos
Сообщение
#10
|
|
В таблице стилей - в любое место.
В разметке - у вас вордпресс, значит заходим в header.php и там ищем <body> (часто боди задается таким образом <body <?php body_class(); ?>>) и потом в footer.php почти в самом конце, перед </body></html> -------------------- Занимаюсь отловом ошибок и несоответствий в вашем коде, а так же помогаю подружиться с валидатором. Люблю вопросы о макетировании, сетках, юзабилити. |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Люблю творить! Статьи для вас Копирайтинг- моя жизнь! |
312 | Zoya83 | 190632 | Сегодня, 7:51 автор: DimonX |
|
Современный сервис для быстрого и безопасного обмена валют. | 15 | CryptoTims | 4932 | Вчера, 22:32 автор: CryptoTims |
|
Rebex.io – Ваша инновационная платформа для обмена криптовалюты! | 2 | Rebex | 813 | Вчера, 20:04 автор: Rebex |
|
Быстрая индексация страниц сайта и обратных ссылок - 2Index | 39 | 2Index | 6697 | Вчера, 16:16 автор: 2Index |
|
Посоветуйте массажер для спины и шеи | 7 | Boymaster | 843 | Вчера, 2:05 автор: Boymaster |
Текстовая версия | Сейчас: 23.4.2024, 10:44 |