Перейти к содержимому


Как Поменять Дизайн Сайта Радость.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 132

#121 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 19 Май 2014 - 17:56

Здравствуйте.Подскажите пожалуйста,как сделать оформление блока статей слева,у меня он называется "всё о приготовлении", как у блока " каталог магазина"?

#122 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 19 Май 2014 - 18:27

Просмотр сообщенияvaleriruss (19 Май 2014 - 17:56) писал:

Здравствуйте.Подскажите пожалуйста,как сделать оформление блока статей слева,у меня он называется "всё о приготовлении", как у блока " каталог магазина"?

Здравствуйте!
В шаблоне main.css найдите строку
.block .main .blocknews .title a { color:#800080; display:block; text-decoration:underline; }
замените ее на
.block .main .blocknews .title a { color:#800080; display:block;
background:url(http://design.yogurt-doma.ru/range-black.png) #f6f4eb center right no-repeat; text-decoration:underline; padding: 0.4em 1.4em 0.4em 0.8em; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

Также найдите строку
.block .main .blocknews .textshort { background:#f6f4eb; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
и замените ее на
.block .main .blocknews .textshort { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; display:none;}


#123 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 19 Май 2014 - 23:33

Спасибо.А вот чтоб ещё при наведении цвет фона так же менялся или хотя бы цвет шрифта.

#124 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Май 2014 - 02:10

В main.css найдите:
.block .main .blocknews .title a {
	background: url("http://design.yogurt-doma.ru/range-black.png") no-repeat scroll right center #F6F4EB;
	border-radius: 8px;
	color: #800080;
	display: block;
	padding: 0.4em 1.4em 0.4em 0.8em;
	text-decoration: none;
}
после него вставьте:
.block .main .blocknews .title a:hover {
	background: url("http://design.yogurt-doma.ru/range-white.png") no-repeat scroll right center #BE91CF;
}


#125 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 20 Май 2014 - 23:54

Спасибо.

#126 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 25 Май 2014 - 18:49

Здравствуйте.Почему-то текст выделенный ссылкой,отображается уменьшенным ,по отношению к основному,шрифтом.В редакторе отображается нормально,а опубликованный на сайте уменьшен?Как исправить?

#127 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 25 Май 2014 - 21:14

Просмотр сообщенияvaleriruss (25 Май 2014 - 18:49) писал:

Здравствуйте.Почему-то текст выделенный ссылкой,отображается уменьшенным ,по отношению к основному,шрифтом.В редакторе отображается нормально,а опубликованный на сайте уменьшен?Как исправить?
Здравствуйте!
В редакторе в тег а добавьте style="font-size:15px;"
Выглядеть будет примерно так: <a style="font-size:15px;" href="http://yogurt-doma.r.../catalog"><span style="color:#FF8C00;"><strong>специальной закваски</strong></span></a>

#128 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 25 Май 2014 - 22:23

Просмотр сообщенияdaria_dnk (25 Май 2014 - 21:14) писал:

Здравствуйте!
В редакторе в тег а добавьте style="font-size:15px;"
Выглядеть будет примерно так: <a style="font-size:15px;" href="http://yogurt-doma.r.../catalog"><span style="color:#FF8C00;"><strong>специальной закваски</strong></span></a>

Так это мне теперь каждую ссылку редактировать отдельно,в каждый тег прописывать?По другому не исправить?Получается -ошибка?

#129 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 26 Май 2014 - 07:36

Просмотр сообщенияvaleriruss (25 Май 2014 - 22:23) писал:

Так это мне теперь каждую ссылку редактировать отдельно,в каждый тег прописывать?По другому не исправить?Получается -ошибка?

Это не текст, выделенный ссылкой отображается уменьшенным, а весь текст основной кроме ссылок увеличен.
Можно попробовать еще вариант, добавив в стили:
.htmlDataBlock a {font-size: 16px;}


#130 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 26 Май 2014 - 08:47

Просмотр сообщенияMikDark (26 Май 2014 - 07:36) писал:

Это не текст, выделенный ссылкой отображается уменьшенным, а весь текст основной кроме ссылок увеличен.
Можно попробовать еще вариант, добавив в стили:
.htmlDataBlock a {font-size: 16px;}

Спасибо,Теперь стало лучше .А что для ссылок фиксированный размер текста?Это уже неудобство.

#131 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 26 Май 2014 - 09:02

Просмотр сообщенияvaleriruss (26 Май 2014 - 08:47) писал:

Спасибо,Теперь стало лучше .А что для ссылок фиксированный размер текста?Это уже неудобство.

Размер прописан в body и применяется ко всему сайту. У вас почти везде в шапке и боковых колонках идут ссылки и текст 12px, поэтому это оправданно.

#132 janjak

janjak

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 136 сообщений

Отправлено 18 Июнь 2014 - 12:22

Здравствуйте!
Подскажите, как сдвинуть ниже белый фон за логотипом, чтобы логотип вместился полностью?
не уменьшить масштаб самого логотипа при помощи изменения #header .topmain .logotype { width: 30%; height: 100%; margin-left: 35%;},
а именно раздвинуть сам фон
Аккаунт SL-294500

Прикрепленные изображения

  • лого3.png


#133 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 18 Июнь 2014 - 14:12

Просмотр сообщенияjanjak (18 Июнь 2014 - 12:22) писал:

Здравствуйте!
Подскажите, как сдвинуть ниже белый фон за логотипом, чтобы логотип вместился полностью?
не уменьшить масштаб самого логотипа при помощи изменения #header .topmain .logotype { width: 30%; height: 100%; margin-left: 35%;},
а именно раздвинуть сам фон
Аккаунт SL-294500
Здравствуйте, фон шапки является картинкой его не сдвинешь, можно только уменьшить масштаб картинки.
с помощью
 #header .topmain .logotype { width: 30%; height: 100%; margin-left: 35%;}
заменить на
 #header .topmain .logotype { width: 247px; height: 100%; margin-left: 37%;},





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных