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


Вопрос По Дизайну Осени


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

#41 ach312

ach312

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

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

Отправлено 10 Август 2014 - 09:19

Просмотр сообщенияИрина345 (10 Август 2014 - 09:06) писал:

Зайдите в Сайт-Страницы и выберите страницу Контакты и откройте редактор и добавьте картинку, через панель инструментов.

а подскажите как можно сделать, чтобы в меню когда наводишь курсор на категорию товара, слово немного вперед двигалось:
http://joxi.ru/4A7nU4wyTJDRAj-klI0

#42 Ирина345

Ирина345

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

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

Отправлено 10 Август 2014 - 09:48

Просмотр сообщенияach312 (10 Август 2014 - 09:19) писал:

а подскажите как можно сделать, чтобы в меню когда наводишь курсор на категорию товара, слово немного вперед двигалось:
http://joxi.ru/4A7nU4wyTJDRAj-klI0
Добавьте в конец файла style.css код
ul.accordion a:hover {
padding: 8px 10px 8px 5px;
text-decoration: underline;
}


#43 ach312

ach312

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

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

Отправлено 10 Август 2014 - 09:59

Просмотр сообщенияИрина345 (10 Август 2014 - 09:48) писал:

Добавьте в конец файла style.css код
ul.accordion a:hover {
padding: 8px 10px 8px 5px;
text-decoration: underline;
}

спасибо!
а как-то можно плавность движения поменять?

#44 Ирина345

Ирина345

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

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

Отправлено 10 Август 2014 - 10:31

Просмотр сообщенияach312 (10 Август 2014 - 09:59) писал:

спасибо!
а как-то можно плавность движения поменять?
найдите в style.css
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
}
замените на


.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
transition: 0.124s linear;
}



#45 ach312

ach312

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

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

Отправлено 10 Август 2014 - 10:35

Просмотр сообщенияИрина345 (10 Август 2014 - 10:31) писал:

найдите в style.css
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
}
замените на


.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
transition: 0.124s linear;
}


спасибо большое!
ваш сервис лучший!))

#46 ach312

ach312

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

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

Отправлено 13 Август 2014 - 09:06

Добрый день!
Что это такое за текст?
http://joxi.ru/TwDrU_3JTJBrebGjtgQ

#47 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 13 Август 2014 - 09:16

Просмотр сообщенияach312 (13 Август 2014 - 09:06) писал:

Добрый день!
Что это такое за текст?
http://joxi.ru/TwDrU_3JTJBrebGjtgQ

Здравствуйте, это стандартный текст редактора который вы можете заменить на свой если это требуется

#48 ach312

ach312

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

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

Отправлено 13 Август 2014 - 17:06

А как вот тут поменять шрифт?
http://joxi.ru/1XDrU4wyTJDKAvGcUqk

#49 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 13 Август 2014 - 17:16

Просмотр сообщенияach312 (13 Август 2014 - 17:06) писал:

А как вот тут поменять шрифт?
http://joxi.ru/1XDrU4wyTJDKAvGcUqk
Здравствуйте. Зайдите в Сайт -> Редактор шаблонов -> style.css и замените
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
transition: 0.124s linear;
}
на
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
transition: 0.124s linear;
font-family: ... ;
}
где в  font-family: ... ; вместо троеточия укажите нужный вам шрифт.

#50 ach312

ach312

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

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

Отправлено 13 Август 2014 - 17:20

Просмотр сообщенияAlekseys (13 Август 2014 - 17:16) писал:

Здравствуйте. Зайдите в Сайт -> Редактор шаблонов -> style.css и замените
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
transition: 0.124s linear;
}
на
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
transition: 0.124s linear;
font-family: ... ;
}
где в  font-family: ... ; вместо троеточия укажите нужный вам шрифт.


а какие доступны шрифты?

#51 AnnaM

AnnaM

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

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

Отправлено 13 Август 2014 - 17:21

Просмотр сообщенияach312 (13 Август 2014 - 17:20) писал:

а какие доступны шрифты?
Все стандартные шрифты.

#52 ach312

ach312

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

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

Отправлено 13 Август 2014 - 17:32

Просмотр сообщенияAnnaM (13 Август 2014 - 17:21) писал:

Все стандартные шрифты.

а как сделать чтобы

Просмотр сообщенияach312 (13 Август 2014 - 17:20) писал:

а какие доступны шрифты?

Просмотр сообщенияAlekseys (13 Август 2014 - 17:16) писал:

Здравствуйте. Зайдите в Сайт -> Редактор шаблонов -> style.css и замените
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
transition: 0.124s linear;
}
на
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 0;
display: block;
cursor: pointer;
transition: 0.124s linear;
font-family: ... ;
}
где в  font-family: ... ; вместо троеточия укажите нужный вам шрифт.

Указал - шрифт не меняется.
И подскажите, как сделать чтобы буквы в меню были не заглавные все, а только первая заглавная.
И как размер шрифта поменять?

#53 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 13 Август 2014 - 17:41

Просмотр сообщенияach312 (13 Август 2014 - 17:32) писал:

а как сделать чтобы



Указал - шрифт не меняется.
И подскажите, как сделать чтобы буквы в меню были не заглавные все, а только первая заглавная.
И как размер шрифта поменять?
По поводу того, что не меняются шрифты-попробуйте обновить кэш. Чтоб изменить размер шрифта меняйте параметр font-size:11px; . Чтоб заглавными были только первые буквы удалите параметр text-transform: uppercase; .

#54 ach312

ach312

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

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

Отправлено 13 Август 2014 - 17:42

а как в верхнем меню менять шрифт ?

#55 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 13 Август 2014 - 17:46

Аналогичными операциями в блоке
#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
}


#56 ach312

ach312

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

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

Отправлено 13 Август 2014 - 17:52

А нестрандартный шрифт можно использовать?
Например, хочу Arial Narrow использовать

#57 AnnaM

AnnaM

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

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

Отправлено 13 Август 2014 - 17:59

Просмотр сообщенияach312 (13 Август 2014 - 17:52) писал:

А нестрандартный шрифт можно использовать?
Например, хочу Arial Narrow использовать
Главное правильно указывать название и если оно более одного слова,заключать в одинарные кавычки.

#58 ach312

ach312

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

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

Отправлено 13 Август 2014 - 18:01

Какой бы шрифт я не указал, на сайте отражается некорректно, либо так:
http://joxi.ru/hX3rU_3JTJBXeav7cZ8
либо так:
http://joxi.ru/pn3rU_3JTJCLeciiAMQ

#59 AnnaM

AnnaM

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

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

Отправлено 13 Август 2014 - 18:12

Просмотр сообщенияach312 (13 Август 2014 - 18:01) писал:

Какой бы шрифт я не указал, на сайте отражается некорректно, либо так:
http://joxi.ru/hX3rU_3JTJBXeav7cZ8
либо так:
http://joxi.ru/pn3rU_3JTJCLeciiAMQ
в файле main.css найдите
.accordion li {
background: #fff;
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
display: block;
position: relative;
clear: both;
}
и замените на
.accordion li {
background: #fff;
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
display: block;
position: relative;
clear: both;
font-family: Area;
}

а этот код
#megamenu li.root_menu {
padding: 25px 8px 5px 8px;
float: left;
position: relative;
}
на это
#megamenu li.root_menu {
padding: 25px 8px 5px 8px;
float: left;
position: relative;
font-family: Area;
}

вместо Area вставляйте свой шрифт.

#60 support 2.0

support 2.0

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

  • Модераторы
  • 4 924 сообщений

Отправлено 13 Август 2014 - 20:25

Просмотр сообщенияach312 (13 Август 2014 - 18:01) писал:

Какой бы шрифт я не указал, на сайте отражается некорректно, либо так:
http://joxi.ru/hX3rU_3JTJBXeav7cZ8
либо так:
http://joxi.ru/pn3rU_3JTJCLeciiAMQ

К стандартным шрифтам относятся:
Arial, Helvetica, sans-serif
"Arial Black", Gadget, sans-serif
"Comic Sans MS", cursive
"Courier New", Courier, monospace
Georgia, serif
Impact,Charcoal, sans-serif
"Lucida Console", Monaco, monospace
"Lucida Sans Unicode", "Lucida Grande", sans-serif
"Palatino Linotype", "Book Antiqua", Palatino, serif
Tahoma, Geneva, sans-serif
"Times New Roman", Times, serif
"Trebuchet MS", Helvetica, sans-serif
Verdana, Geneva, sans-serif
Symbol
Webdings

Для того, чтобы загрузить нестандартный шрифт, воспользуйтесь данной инструкцией
@font-face {
font-family: 'Arial Narrow';
src: url('{ASSETS_IMAGES_PATH}Arial Narrow.otf');
src: url('{ASSETS_IMAGES_PATH}Arial Narrow.eot?#iefix') format('embedded-opentype'),
url('{ASSETS_IMAGES_PATH}Arial Narrow.woff') format('woff'),
url('{ASSETS_IMAGES_PATH}Arial Narrow.ttf') format('truetype'),
url({ASSETS_IMAGES_PATH}Arial Narrow.svg#Arial Narrow') format('svg');
font-weight: normal;
font-style: normal;
}
Соответственно Вам нужно загрузить в раздел сайт -> редактор шаблонов данный шрифт в формате .otf, .eot, .woff, .ttf и .svg. Помогут Вам в этом сервисы-конвертеры, к примеру, этот.
Вместо Arial Narrow вставляйте имя Вашего шрифта. Также учитывайте, что название файла тоже должно совпадать, т.е. Arial Narrow, если это будет не так, поменяйте в коде название на то, которое Вы дадите данному шрифту.
Также не будет лишним, если Вы замените {ASSETS_IMAGES_PATH} на ссылку к данному изображению, т.к. браузер FF не всегда может воспринять данную переменную при загрузке шрифтов.




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

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