pavelp

css стили для инородных тем.

Рекомендуемые сообщения

pavelp    1

Привет всем.

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

Подскажите как и где подобрать css стиль, куда скинуть, как редактировать css стиль в меню категорий?

Заранее спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pavelp    1

Инородных - в смысле иностранных.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
semiotic    3

А ссылочкой на забугорную тему не поделитесь?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
milus    135

там два варианта или google fonts или cufon canvas в зависимости от этого проблема и решается - скиньте кусок кода из header.tpl до тега <body>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pavelp    1

А ссылочкой на забугорную тему не поделитесь?

http://themeforest.net/item/ribbon-opencart-theme/1934645?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=Kos9

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
milus    135

странно автор русский, а за кириллицу не думает, вообщем там используется font-fase

У вас там есть файл

view/theme/ribbon/stylesheet/us101.css в нем найдете путь к файлу шрифта us101-webfont.eot, насколько я понимаю не поддерживающего кириллицу

в файле

/theme/ribbon/stylesheet/stylesheet.css к примеру один из элементов который выводится таким образом

#nav dl dd {

  • float: left;
  • padding: 0px 4px;
  • font: 14px/41px us101;
  • height: 40px;
  • background: url('../image/nav.png') 0px -80px;}
Ну а далее читаете в интернете про формат .eot и думаете - мое мнение замените это все на google font, к примеру есть хороший русский шрифт Open Sans Condensed - смотрится почти также.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pavelp    1

Спасибо, шрифт Open Sans Condensed посмотрел - то что нужно. Но как ставить чёто не могу допетрить... буду читать)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pavelp    1

us101.css по этому адресу не могу найти, что вы указали. Ну и от него к us101-webfont.eot тоже...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Andruhi4    4

Для того чтобы подгрузить шрифт в браузер нужно прописать в файле стилей либо между тэгами <style>...</style> html-страницы следующий CSS-код:

@font-face {

font-family:"MoyShrift";

src:url(/style/MoyShrift.ttf) format("truetype");

}

В коде выше мы указали что шрифт будет называться MoyShrift, тип шрифта Truetype и загружаться браузером он будет из папки /style/ вашего сервера, в которой находится файл шрифта MoyShrift.ttf. Браузер автоматически подгрузит шрифт, но не будет его устанавливать в операционную систему пользователя, а просто сохранит его в кэше как обычное изображение и будет использовать только на страницах для которых он был подгружен. Далее можно использовать наш шрифт как обычно указав его название. Например:

body {

font-family:MoyShrift;

}

оригинал: http://kaminskiy-design.com.ua/statya-4.xhtml

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
milus    135

вставьте это <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic" rel="stylesheet" type="text/css"> до тега <body> и там где надо применить вставьте

font-family:'Open Sans Condensed', arial;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pavelp    1

а если просто подменить us101-webfont.eot на Open+Sans+Condensed - что-бы код не менять. Не подскажете где кстати взять eot, svg, ttf, woff формата :) Или не сканает всё равно?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pavelp    1

В общем стили регулируются со stylesheet.css

там есть код:

@font-face {
    font-family: 'us101';
    src: url('../fonts/us101-webfont.eot');
    src: url('../fonts/us101-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/us101-webfont.woff') format('woff'),
		 url('../fonts/us101-webfont.ttf') format('truetype'),
		 url('../fonts/us101-webfont.svg#US101Regular') format('svg');
    font-weight: normal;
    font-style: normal;

Ну а далее все нужные элементы используют этот код:

например:


#nav dl dd {
float: left;
padding: 0px 4px;
font: 14px/41px us101;
height: 40px; 
background: url('../image/nav.png') 0px -80px;

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pavelp    1

В моём случае шрифты загружены на серв.

вставьте это <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic" rel="stylesheet" type="text/css"> до тега <body> и там где надо применить вставьте

font-family:'Open Sans Condensed', arial;

я же не смогу написать font: 14px/41px Open Sans Condensed;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Marianna    56

вопрос решила. ставьте гугл шрифты с поддержкой кириллицы

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу