X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

История благодарностей участнику lejos. Поблагодарили: 13 раз(а)
Дата поста: В теме: За сообщение: Поблагодарили:
14.6.2012, 22:07 Оцените макет
сайт о путешествиях
За 20 минут сделали?
Картинок в интернете всего 2?
Текст писать лень?
А как я перейду к записям, которые были 3 месяца назад у вас?
Футера не нужен?

Поймите, я не пытаюсь обгадить работу. Я, пытаюсь зацепиться хоть за что-то, а этого просто нет. Нет души, нет идеи, нет замысла. Есть просто блоки, текстуры, которые между собой эмоциональной связи, к сожалению, не имеют.
Кернинг, лидинг, да и в целом типографика + соотношение размеров шрифта - отсутствует.

И почему кнопочка ЧИТАТЬ вдруг стала главнее заголовка статьи?

Начните с ручных набросков, сетки + наглядной разметки блоков и содержимого. Все получится, при желании, конечно.


Спасибо сказали: (1)
tygrytsa
11.6.2012, 23:28 Скрипт проверки тИЦ
Именно скрипт нужен? Меня обычно спасает http://www.raskruty.ru/tools/cypr/


Спасибо сказали: (1)
TashkentHomeless
5.6.2012, 22:51 Как добавить тело для меню у сайта
Нужно отделить меню от фона
Секция <head> </head>- это раздел описания для браузера. Ни перед ним, ни в нем ставить блоки или еще что-нибудь, что не относится к описанию разметки/подключаемых css-таблиц/параметров для поисковых роботов не надо.

Шапка сайта, это то, что находится в самом верху страницы.
В футере правильно поставили.
Теперь в header.php найдите где у вас открывается тег <body> - и сразу за ним, первой строкой вставьте <div class="content_page">

Затем в таблицу стилей css, внесите вот это:
.content_page {
  width: 980px;
  background: rgba(rgb(130,126,119.5);
  margin: 0 auto;
}


Я думал, вы знаете, что перед определением класса необходимо ставить точку.


Спасибо сказали: (1)
Kingprizrak
5.6.2012, 18:25 Как добавить тело для меню у сайта
Нужно отделить меню от фона
В таблице стилей - в любое место.
В разметке - у вас вордпресс, значит заходим в header.php и там ищем <body> (часто боди задается таким образом <body <?php body_class(); ?>>)
и потом в footer.php почти в самом конце, перед </body></html>


Спасибо сказали: (1)
Kingprizrak
5.6.2012, 16:14 Как добавить тело для меню у сайта
Нужно отделить меню от фона
будем биться до конца smile.gif

Вообщем вам необходимо сделать следующее:
в 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; /* выравниваем все наше содержимое по центру */


И теперь будет работать, проверил на вашем же сайте.


Спасибо сказали: (1)
Kingprizrak
5.6.2012, 0:00 Как добавить тело для меню у сайта
Нужно отделить меню от фона
Всем привет ! Помогите, надо на сайте 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 (цвет можно посмотреть в фотошопе)

Все работает и летает. Вы с одной стороны говорите о меню, с другой, про основной контент. В следующий раз, если не можете описать проблему - выделите ее на скриншоте и скажите, что мол вот тут хочу прозрачность.
Удачи вам smile.gif


Спасибо сказали: (1)
Kingprizrak
3.6.2012, 20:16 Как добавить тело для меню у сайта
Нужно отделить меню от фона
у id #primary-nav необходимо прописать такое свойство background: rgba(227, 220, 206, 0.3); Где 0.3 - степень прозрачности (от 0.1 до 1). А цифры 227, 220, 206 - цвет, представленный через цветовую модель rgb


Спасибо сказали: (1)
Kingprizrak
2.6.2012, 22:30 Легкий вопрос по HTML
LebedevStr, ради интереса, скажите пожалуйста, какой способ взяли?


Спасибо сказали: (1)
LebedevStr
2.6.2012, 21:13 Легкий вопрос по HTML
Зачем картинки? Можно с помощью CSS3 свойства border-radius сделать. Посмотрите вот тут.

Извините, не знаю, как редактировать пост, после того, как вышел со страницы. Поэтому пишу следующий пост.

CSS3 решает эту проблему будь здоров. Все браузеры поддерживают данное свойство, все, кроме ie. Там будет просто прямоугольный блок. Что особо не омрачает картину. Зато оптимизируете код, делаете его более легким и прогрессивным. В духе новаторства) Я давно именно через border-radius делаю. Единственное, обратите внимание на префиксы -moz-, -o-, -webkit-.


Если вы хотите все же создать блок без использования CSS3, то можно так (протестированно везде, кроме IE - нет возможности сейчас установить иешечку):

HTML разметка:

<div class="box">
    <a href="#">Ссылка</a>
</div>
<div class="box-inner"> </div>    


CSS

.box {
    background:  url(../img/left.png) no-repeat;
    height: 45px;
    float: left;      /* делаем обтекание блока слева, чтобы блоки могли расположиться на одной "линии" */
}

.box-inner {
    background:  url(../img/right.png) no-repeat;
    height: 45px;
    margin: 0 0 0 45px; /* делаем отступ слева - на ширину картинки первого блока, чтобы не было заступа */
}

.box a:link, .box a:visited {
    display: block;    /* Делаем из строкового элемента a (ссылки) блочный, дабы можно было кликать по всей области блока, а не только по ссылке-строке */
    padding: 10px 0 0 15px; /* выравниваем */
    width: 100%;
    height: 35px;
}


Такой вариант конечно хорош, но лучше использовать 4 уголка - тогда мы сможем создавать блоки с закругленными границами переменной ширины, а не фиксированной, как в данном случае.

Если необходима помощь, могу помочь и с 4 уголками smile.gif

Если же, вы надумали присоединиться к пользователям прогрессивных стилей, то вот код для создания блока с закругленными уголками с помощью CSS3 свойства border-radius:

<div class="box"><a href="#" class="aa">Ссылка</a></div>

.box {
    width: 300px;
    height: 50px;
    background: #c5c5c5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.box a:link, .box a:visited {
    font-size: 90%;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 15px 0;
    color: #fff;
    height: 50px;
}


Целый трактат)


Спасибо сказали: (1)
LebedevStr
1.6.2012, 8:47 У вас нет прав на просмотр этой темы
У вас нет прав на просмотр этого сообщения


Спасибо сказали: (1)
saxnaprazdnik
31.5.2012, 21:11 Логотип для MaulTalk
(workforpills @ 31.5.2012, 22:12) *


Бедный шрифт Lobster, теперь он будет везде. Мы обречены.

Автор, а что с расстоянием между буквами MA и ТА?


Спасибо сказали: (1)
artoha
31.5.2012, 9:50 Помогите с кодом
Тут проблема в свойствах height: 100% и overflow: hidden;

Даю исправления, ищите соответствующие классы/идентификаторы в таблице стилей и убирайте следующие значения, поехали:

.page_midlle { height: 100%; }
.onecolumn { overflow: hidden; }
.maincolumn { height: 100%; overflow: hidden; }
.content { height: 100%; overflow: hidden; }


В хроме и фф заработало сразу. Если что, пишите в лс, разберемся.

Жаль я не успел помочь, автор уже видимо сам справился, молодцом!

p.s. - что-то я так в открывающихся/закрывающихся тегах там заблудился, проверьте и их пожалуйста.


Спасибо сказали: (2)
SergeiVL, wetgold

RSS Текстовая версия Сейчас: 24.4.2024, 14:42

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet