Новости Joomla

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Главное в новой версии:

-   Исправлена загрузка файлов макетов

В предыдущем крупном релизе Astroid 3.3.6 были сделаны важные улучшения:

Основные моменты:

  • Улучшенный UI/UX в ключевых областях конфигурации
  • Повышенная стабильность и согласованность в Layout Builder и Form Builder
  • Исправления ошибок на основе отзывов сообщества
  • Улучшенная обработка визуальных эффектов, границ и шрифтов

Улучшения:

  • Обновленный UX Layout Builder
  • Улучшенный эффект предзагрузчика
  • Улучшенный стиль границ
  • Улучшенный UI/UX вкладки «Layout» в Template Options

Исправления ошибок:

  • Решены проблемы с некорректными динамическими значениями
  • Исправлен Color Transform при прокрутке
  • Устранены проблемы с работой Form Builder в Article Layout и Module Layout Builder
  • Исправлена проблема с созданием ненужных временных файлов при обработке шрифтов

Скачать: https://github.com/templaza/astroid-framework/releases/tag/v3.3.7

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 3149 Просмотров
*

monkjust

  • Захожу иногда
  • 61
  • 1 / 0
Товарищи подскажите как сделать отдельный CSS для меню.

В нете много похожих статей где рассмотрены простейшие примеры, однако на практике столкнулся со следующими вопросами:

использую  шаблон gk mystore. В нем весьма непонятным образом распределены стили по куче отдельных файлов.
За верстку меню отвечают одни за верстку модуля другие.
Цвет ссылок, вид подчеркивания и отступы вообще берутся из общих для шаблона фалов CSS.

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

Спасибо!
*

assaru

  • Давно я тут
  • 763
  • 88 / 1
Re: CSS модуля меню шаблон gk mystore
« Ответ #1 : 10.01.2012, 21:53:38 »
В чем проблема? Выбирайте из всех файлов куски, записывайте отдельный файл и наслаждайтесь.
PS: Хотя из формулировки сложно понять что нужно....
« Последнее редактирование: 10.01.2012, 21:56:41 от assaru »
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody
*

monkjust

  • Захожу иногда
  • 61
  • 1 / 0
Re: CSS модуля меню шаблон gk mystore
« Ответ #2 : 11.01.2012, 14:08:02 »
как вот это
Цитировать
a:hover, a:active, a:focus {
    color: #FF0000;
    text-decoration: underline;
}

style2.css (строка 23)
a {
    color: #0066CC;
    text-decoration: underline;
}
Элементы для меню из файла style2
Цитировать
/*
#------------------------------------------------------------------------
# myStore - May 2010 (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com  
#------------------------------------------------------------------------
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/

/*
 * file: template.css
 */
ul.super {list-style-type:disc; color:red;}
a,
#comments .comment-author { color:#0066cc; }
h1.logo,
div.logo-text { background:#436284 url('../images/style2/color_bg.png') repeat-x 0 bottom; }
h1.logo { background:#436284 url('../images/style2/color_bg.png') repeat-x 0 bottom; }
#gk-cart { background:transparent url('../images/style2/cart_icon.png') no-repeat left 0; }
#gk-cart a { color:#415f80; }
#gk-cart a.popup span,
#gk-tools a.popup span { background:#233140; }
div.color>h3 { background: url('../images/style2/moduletable_title-color.png') repeat-x 0 0; border: 1px solid #283748; }
.moduletable_menu ul li a:hover,
.moduletable ul li.even a:hover,
.moduletable ul li.odd a:hover { color: #415f80; }
.gk_vm_minicart_product { border: 1px solid #436284; }
.gk_vm_show_cart a:hover { background: #436284 url('../images/style2/button.png') repeat-x 0 100%; }
h1.logo>a { background-image:url('../images/style2/logo.png'); }

/*
 * file: gk_stuff.css
 */
#gk-nav ul.level0>li.active>a,
#gk-nav #gk-cssmenu>li.active>a,
#gk-nav #gk-splitmenu>ul>li.active>a,
#gk-nav #gksdl-mainnav>ul>li.active>a,
#gk-nav ul.level0>li.active:hover>a,
#gk-nav #gk-cssmenu>li.active:hover>a,
#gk-nav #gk-splitmenu>ul>li.active:hover>a,
#gk-nav #gksdl-mainnav>ul>li.active:hover>a,
#gk-nav ul.level0>li:hover>a,
#gk-nav #gk-cssmenu>li:hover>a,
#gk-nav #gk-splitmenu>ul>li:hover>a,
#gk-nav #gksdl-mainnav>ul>li:hover>a { color:#ff0000; }
#gk-nav ul.level0>li.haschild:hover>a,
#gk-nav ul.level0>li.haschild-over:hover>a,
#gk-nav ul.level0>li.haschild.active:hover>a,
#gk-nav ul.level0>li.haschild-over.active:hover>a,
#gk-nav #gk-cssmenu>li:hover>a.haschild { background:#436284 url("../images/style2/color_bg.png") repeat-x scroll 0 bottom; }
#gk-nav #gk-cssmenu ul { background:#233140; }
#gk-nav #gk-cssmenu ul ul { background:#111f34!important; }
#gk-nav #gk-cssmenu ul li a:hover,
#gk-nav #gk-cssmenu ul li a:hover span { color:#929eab!important; }
#gk-nav #gk-cssmenu ul li { background:transparent url('../images/style2/submenu_line.png') repeat-x 0 bottom!important; }
#gk-nav #gk-cssmenu ul li li { background:transparent url('../images/style2/subsubmenu_line.png') repeat-x 0 bottom!important; }
#gk-nav #gk-cssmenu ul li:hover>a { color:#929eab!important; }
#gk-nav ul.level0>li>div.childcontent { background:#233140; }
#gk-nav ul.level0>li li div.childcontent { background:#111f34; }
#gk-nav div.childcontent ul li:hover>a { color:#929eab!important; }
#gk-nav div.childcontent ul li { background:transparent url('../images/style2/submenu_line.png') repeat-x 0 bottom; }
#gk-nav div.childcontent ul li li { background:transparent url('../images/style2/subsubmenu_line.png') repeat-x 0 bottom; }
#gk-nav div.childcontent ul li .group li { background:transparent url('../images/style2/submenu_line.png') repeat-x 0 bottom; }
#gk-nav div.childcontent ul li .group li li { background:transparent url('../images/style2/subsubmenu_line.png') repeat-x 0 bottom; }
#gk-nav .gk-megamenu ul.level1 li.group .group-title { background:#111f34; border:1px solid #2c3f53; }
#gk-nav .gk-megamenu ul.level1 li.group .group-title .menu-desc { color:#929eab; }
#gk-subnav>div>ul>li.active>a>span,
#gk-subnav ul li:hover>a>span,
#gk-subnav ul li>a:active>span,
#gk-subnav ul li>a:focus>span { color:#415f80!important; }
#gk-subnav>.sublevel>ul>li.haschild:hover>a,
#gk-subnav ul li.hasChild:hover>a,
#gk-subnav ul li.hasChild>a:active,
#gk-subnav ul li.hasChild>a:focus { background:#233140; }
#gk-subnav ul li ul { background:#233140; }

#gk-subnav ul ul ul { background:#111f34!important; }
#gk-subnav ul ul ul li,
#gk-subnav ul ul ul li:first-child { background-image:url('../images/style2/subsubmenu_line.png')!important; }
#gk-subnav ul ul li:hover>a,
#gk-subnav ul ul li>a:hover,
#gk-subnav ul ul li>a:hover span,
#gk-subnav ul ul li:hover>a span { color:#929eab!important; }
#gk-subnav ul ul li:first-child,
#gk-subnav ul ul li { background-image:url('../images/style2/submenu_line.png')!important; }
#gk-subnav ul ul>li:hover>a,
#gk-subnav ul ul>li:first-child:hover>a { color:#929eab!important; }
.gk_popup_wrap { background:#233140; }
.nsp_bottom_interface .pagination li,
 .nsp_top_interface .pagination li,
 .nsp_bottom_interface .pagination li.active,
 .nsp_top_interface .pagination li.active,
 .nsp_bottom_interface .prev,
 .nsp_top_interface .prev,
 .nsp_bottom_interface .next,
 .nsp_top_interface .next { background-image:url('../images/style2/nsp_interface.png')!important; }
.nsp_art h4.nsp_header a { color:#0066CC }
.nsp_art h4.nsp_header a:hover { color:#ff0000 }
.nsp_art img.nsp_image:hover { border-color: #415f80 }
.nsp_links ul li h4 { color:#4a6786; }
.nsp_links ul li h4 a { color:#4a6786; }
.gk_is_wrapper-style1 .gk_is_slide img:hover { border:1px solid #415f80; }
.gk_is_wrapper-style1 .gk_is_pagination span { background-image:url('../images/style2/is_bullets.png'); }
.gk_is_tooltip a.gk_vm_tooltip_name:hover { color:#436284; }
.gk_is_tooltip span.product-Old-Price { color:#415f80; }
#gk-container ul.gk_tab_ul-style1 li.active,
#gk-container ul.gk_tab_ul-style1 li:hover { background-image:url("../images/style2/button.png");background-color:#436284; border:1px solid #436284!important; }
#gk-container ul.gk_tab_ul-style1 li:hover.active { background-image:url("../images/style2/button.png");background-color:#436284!important; border:1px solid #436284!important; }
#gk-container h4.gk_tab_news_header a { color: #415f80; }

/*
 * file: Joomla.css
 */

.tool-title { background:#436284; }
ul.pagination li:hover,
ul.pagination li:hover a,
ul.pagination span:hover { background:#415f80; border-color: #436284; }
.gk_popup .button:hover { background-color:#436284;background-image:url('../images/style2/button.png'); }
input.invalid { border:1px solid #aa0000!important; color:#aa0000!important; }
label.invalid { color:#aa0000!important; }
.adminform button,
#adminForm button,
.button,
a.readon,
input[type="submit"],
input[type="button"],
a.button_details,
a.continue_link,
a.checkout_link {background: #436284 url('../images/style2/button.png') repeat-x 0 100%;}
 
/*
 * file: typo.css
 */

pre,
.gk_code1{border-left:5px solid #436284!important}
.gk_code2{border-top:5px solid #436284; border-bottom:5px solid #436284}
.gk_code3{border-top:1px solid #436284; border-bottom:1px solid #436284}

p.gk_tips3,
p.gk_tips4{background-color:#fffff3; background-position:7px center}
blockquote div.gk_blockquote1{background:transparent url(../images/style2/typography/open1.png) no-repeat left bottom}
blockquote div.gk_blockquote1 div{background:transparent url(../images/style2/typography/close1.png) no-repeat right top}
blockquote div.gk_blockquote2{background:transparent url(../images/style2/typography/open1.png) no-repeat left top}
blockquote div.gk_blockquote2 div{background:transparent url(../images/style2/typography/close1.png) no-repeat right top}
blockquote div.gk_blockquote3{background:transparent url(../images/style2/typography/open2.png) no-repeat left bottom}
blockquote div.gk_blockquote3 div{background:transparent url(../images/style2/typography/close2.png) no-repeat right top}
blockquote div.gk_blockquote4{background:transparent url(../images/style2/typography/open2.png) no-repeat left top}
blockquote div.gk_blockquote4 div{background:transparent url(../images/style2/typography/close2.png) no-repeat right top}

.gk_highlight-1{background:#ffffda}
.gk_highlight-2{background:#436284; color:#fff}
.gk_highlight-3{background:#69727d; color:#fff}
span.gk_clear{border-top:1px solid #436284; border-bottom:1px solid #436284; color:#436284}
span.gk_clear-1{border-top:1px solid #69727d; border-bottom:1px solid #69727d; color:#69727d}
span.gk_color{color:#436284}
span.gk_color-1{color:#69727d}
span.gk_color-2{color:#436284; border-left:2px solid #436284}
span.gk_color-4{color:#436284; background:#f4fbff}
span.gk_color-5{color:#fff; background:#69727d}
span.gk_color-6{color:#d48d1c; background:#ffe; border-top:1px solid #e9e9a1; border-bottom:1px solid #e9e9a1}
ul.gk_circle1{list-style-image:url(../images/style2/typography/bullet3ul.png)!important}
ul.gk_bullet1{list-style-image:url(../images/style2/typography/bullet_ol_1_dark.png)!important}
ul.gk_bullet2{list-style-image:url(../images/style2/typography/bullet1ul.png)!important}
ul.gk_bullet3{list-style-image:url(../images/style2/typography/bullet2ul.png)!important}
ul.gk_bullet4{list-style-image:url(../images/style2/typography/bullet_ol_1_color.png)!important}
ul.gk_square2{list-style-image:url(../images/style2/typography/bullet_squ1_dark.png)!important}
ul.gk_square3{list-style-image:url(../images/style2/typography/bullet_squ1_color.png)!important}
div.gk_number1 span{background:transparent url(../images/style2/typography/bullet_ol_2.png) no-repeat center center; color:#fff}
div.gk_number2 span{background:transparent url(../images/style2/typography/bullet_ol_2_color.png) no-repeat center center; color:#fff}

/*
 * file: k2.css
 */

div.itemHeader h2.itemTitle span sup {color:#4a6786; } /* "Featured" presented in superscript */
div.itemComments ul.itemCommentsList li span.commentAuthorName { color:#415f80; }
div.itemCommentsForm h4.itemCommentsFormTitle { color:#135cae; }
div.itemCommentsForm form span#formLog { color:#4a6786; }
div.subCategory a.subCategoryImage:hover img {border-color: #415f80;}
div.subCategory h2 a:hover { color: #ffoooo; }
div.catItemHeader h3.catItemTitle span sup { color:#4a6786; } /* superscript */
div.userBlock h2 { color: #415f80; }
div.userItemHeader h3.userItemTitle span sup { color:#4a6786; }
div.k2ItemsBlock ul li a.moduleItemReadMore { color: #415f80; }
div.k2ArchivesBlock ul li a {color: #415f80;}
table.calendar tr td.calendarDateLinked a:hover { background:#faf9f7; }
table.calendar tr td.calendarToday { background:#135cae; color:#fff; }
table.calendar tr td.calendarTodayLinked { background:#415f80; }
div.k2TagCloudBlock a:hover { background:#415f80; }
.k2store_item_price_value {color: #4a6786}
table#cart td#total_price {font-weight: bold; color: #4a6786}

/*
 * file: vm_major.css
 */
.vm_cart_prod { border: 1px solid #B5D93A; background: #649401; }
.vm_cart_attributes { color: #e3ffaa; }
.vm_cart_showcart a { color: #739C03!important; }

/*
 * file: vm_gk_flypage.css
 */
.pprice { color: #4a6786; }
ul#gk_product_tabs li.gk_product_tab_active { background-color:#436284;background-image:url('../images/style2/button.png'); border:1px solid #436284; }

/*
 * file:browse_notables.css
 */
 
table.vmCustomCategories td a:hover { color: #415f80 }
table.vmCustomCategories td:hover img { border-color: #415f80 }
.browseProductContainer .productPrice,
.feature .productPrice { color: #4a6786; }
a:hover.gk_vm_product_image { border-color: #415f80}

/*
 * file: css3.css
 */
 
#gk-nav ul.level0>li.haschild:hover>a,
#gk-nav ul.level0>li.haschild-over:hover>a,
 #gk-nav #gk-cssmenu>li:hover>a.haschild,
div.color>h3,
ul#gk_product_tabs li.gk_product_tab_active,
input.addtocart_button,
a.continue_link,
a.checkout_link { text-shadow: 1px -1px 1px #001929; }
.adminform button,
#adminForm button,
.button,
a.readon,
#comments-form #comments-form-send a,
.gk_popup .button:hover,


/*
 * file: JComments override
 */
#comments-form #comments-form-send a{background: #436284 url('../images/style2/button.png') repeat-x 0 100%;}
#comments-form #comments-form-send a:hover{background: #ececec url('../images/button-h.png') repeat-x 0 100%; color: #444}

файл CSS меню
Цитировать
/*
#------------------------------------------------------------------------
# myStore - May 2010 (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com  
#------------------------------------------------------------------------
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/

/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------*/

#gk-cssmenu { /* all lists */ padding: 0; }
#gk-cssmenu ul { margin: 0; /* all lists */ padding: 0; }
#gk-cssmenu li { float: left; /* all list items */ display: block; cursor: pointer; }
#gk-cssmenu li ul { width: 16.4em; position: absolute; /* second-level lists */ z-index: 99; left: -999em; height: auto; width: 15.9em; }
#gk-cssmenu li ul ul { margin: -2em 0 0 14em; /* third-and-above-level lists */ }
#gk-cssmenu li li { padding: 0 1em 0 0; margin: 0; width: 100%; }
#gk-cssmenu li:hover ul ul,
#gk-cssmenu li:hover ul ul ul,
#gk-cssmenu li.sfhover ul ul,
#gk-cssmenu li.havechildsfhover ul ul,
#gk-cssmenu li.havechild-activesfhover ul ul,
#gk-cssmenu li.activesfhover ul ul,
#gk-cssmenu li.sfhover ul ul ul,
#gk-cssmenu li.havechildsfhover ul ul ul,
#gk-cssmenu li.havechild-activesfhover ul ul ul,
#gk-cssmenu li.activesfhover ul ul ul { left: -999em; }
/* This "unhides" the sub-menus (left: -999em is what hides them) */
#gk-cssmenu li:hover>div>ul,
#gk-cssmenu li li:hover>div>ul,
#gk-cssmenu li li li:hover>div>ul,
#gk-cssmenu li.sfhover>div>ul,
#gk-cssmenu li.havechildsfhover>div>ul,
#gk-cssmenu li.havechild-activesfhover>div>ul,
#gk-cssmenu li.activesfhover>div>ul,
#gk-cssmenu li li.sfhover>div>ul,
#gk-cssmenu li li.havesubchildsfhover>div>ul,
#gk-cssmenu li li.havesubchild-activesfhover>div>ul,
#gk-cssmenu li li.activesfhover>div>ul,
#gk-cssmenu li li li.sfhover>div>ul,
#gk-cssmenu li li li.havesubchildsfhover>div>ul,
#gk-cssmenu li li li.havesubchild-activesfhover>div>ul,
#gk-cssmenu li li li.activesfhover>div>ul { left: auto; }
/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#gk-cssmenu li a { display: block; text-decoration: underline; }
/* 2nd level and above */
#gk-cssmenu li ul { border-top: 0; margin:10px 0 0 -20px; }
#gk-cssmenu li ul li { background: none; }
#gk-cssmenu li ul a { border-right: 0; border-left: 0; margin: 0; background: none; font-weight: normal; line-height: normal; }

элементы отвечающие за оформление ссылок и списков из файла template
Цитировать
/*
#------------------------------------------------------------------------
# myStore - May 2010 (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com  
#------------------------------------------------------------------------
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/
body { line-height:1.3; background:#cccccc url('../images/main_bg.png') no-repeat center 0; }
body#bd { color:#1f1f1f; }
body.fs1 { font-size:10px }
body.fs2 { font-size:11px }
body.fs3 { font-size:12px }
body.fs4 { font-size:13px }
body.fs5 { font-size:14px }
body.fs6 { font-size:15px }

/*
 * links
 */
a { color:#0066CC; text-decoration:underline }
a:hover,
a:active,
a:focus { color:#ff0000; text-decoration:underline }
ul.super {list-style-type:disc;}
/*
 * Content spacing
 */
.column p,
.column pre,
.column blockquote,
.column ol,
.column ul { margin:1px 0; padding:0 }

/*
 * Headings &Titles
 */
h1,
h2,
h3,
h4,
h5 { color:#202020; }
h1 { font-size:100% }
h2 { font-size:115% }
h3 { font-size:110% }
h4 { font-size:110% }
h5 { font-size:100% }

/*
 * Main wrapper
 */
#gk-wrapper { background:#fff; padding:0; margin:0 auto 20px auto }

/*
 * Top+Header
*/

#gk-toolbar { margin:20px 0 0 0; padding:10px 0 0 0; overflow:hidden; color:#6c6459; height:25px; }
#gk-search { float:right; width:auto; padding:6px 10px 6px 0; }
#gk-tools { float:right; min-width:300px; text-align:right; }
div#gk-tools #btn_tools { margin-right: 16px }
div#gk-tools .tools_btn { cursor:pointer; padding:0; display:block; float:left; width:16px; height:16px; border:none; text-indent:-10000px; text-align:left; background:transparent url('../images/user-tools.png') no-repeat 0 0 }
div#gk-tools a { float:right; display:block; }
div#gk-tools a:hover.tools_btn { background-position:0 100% }
#gk-tool-reset { background-position:-16px 0!important }
#gk-tool-decrease { background-position:-32px 0!important }
#gk-tool-auto { background-position:-69px 0!important }
#gk-tool-wide { background-position:-94px 0!important }
#gk-tool-narrow { background-position:-117px 0!important }
#gk-tool-reset:hover { background-position:-16px 100%!important }
#gk-tool-decrease:hover { background-position:-32px 100%!important }
#gk-tool-auto:hover { background-position:-69px 100%!important }
#gk-tool-wide:hover { background-position:-94px 100%!important }
#gk-tool-narrow:hover { background-position:-117px 100%!important }
#gk-nav { background:#fff url('../images/menu_lvl1_bg.png') repeat-x 0 bottom; border:1px solid #dcdcdc; height:42px; position:relative; margin:10px 0 0 0; z-index:100; }
#gk-mainnav { width:auto; float:left; }

/* logo styling */
h1.logo,
div.logo-text { float:left; padding:0 10px 0 10px; background:#e3012d url('../images/style1/color_bg.png') repeat-x 0 bottom; height:44px; position:relative; z-index:101; }
h1.logo { background:#e3012d url('../images/style1/color_bg.png') repeat-x 0 bottom; }
h1.logo>a { text-indent:-999em; display:block; width:119px; height:44px; background:transparent url('../images/style1/logo.png') no-repeat 0 0; padding:0; }
div.logo-text h1 { font-size:18px; line-height:26px; height:26px; color:#fff; }
div.logo-text h1 a { color:#fff; }
div.logo-text h1 a:hover { text-decoration:none; }
div.logo-text p { font-size:11px; line-height:14px; height:14px; color:#fff; letter-spacing:0.65px; }
div.headerbody {
display:none;}
/*
 * Header modules
 */
#gk-nav-wrap { margin-bottom:10px; }
#gksdl-subnav,
.sublevel { height:30px; border:1px solid #dcdcdc; border-top:none; background:#fff url('../images/menu_lvl2_bg.png') repeat-x 0 bottom; }
#gk-header { background:#fff; padding:20px; margin:0 0 20px 0; }
#gk-cart { float:right; width:auto; }
#gk-top-menu { float:left; width:auto; }
#gk-top-menu a,
#gk-cart a,
#gk-tools a,
#gk-items { color:#999; line-height:11px; font-size:11px; }
#gk-items { margin-left:5px; }
#gk-top-menu a:hover,
#gk-cart a:hover,
#gk-tools a:hover { color:#000; text-decoration:none; }
#gk-tools a { border-right:1px solid #dcdcdc; text-decoration:none!important; }
#gk-tools a:first-child { border-right:none; }
#gk-cart { padding:2px 0 0 20px; margin:-2px 0 0 25px; background:transparent url('../images/style1/cart_icon.png') no-repeat left 0; height:20px; }
#gk-cart a { color:#cf052b; }
#gk-cart a span,
#gk-tools a span { padding:0 10px; margin:0 2px; display:block; text-decoration:none!important; }
#gk-cart a.popup,
#gk-tools a.popup { height:24px; margin-top:-4px; line-height:17px; display:block; text-decoration:none!important; }
#gk-cart a.popup { border-right:none!important; }
#gk-tools a.popup { border-right:1px solid transparent; }
#gk-cart a.popup span,
#gk-tools a.popup span { height:24px!important; display:block; color:#fff; background:#cf052b; text-decoration:none; line-height:19px; }
#gk-top-menu li { float:left; padding:0 12px; border-left:1px solid #dcdcdc; line-height:11px; }
#gk-top-menu li:first-child { padding-left:0; border-left:none; }
#popup_cart { width:280px; }

/* Breadrump and date container */
div#gk-breadcrumb { margin-bottom: 10px; font-size: 90%; }
div#gk-date { text-align: right; color: #999 }

/*
 * Top modules
 */
#gk-botsl1 .gk-box-full>div,
#gk-topsl1 .gk-box-full>div{ background:#fff; padding:8px; }
#gk-botsl1 .gk-box-center>div,
#gk-topsl1 .gk-box-center>div { background:#fff; margin:0 10px; padding:8px; }
#gk-botsl1 .gk-box-left>div,
#gk-topsl1 .gk-box-left>div { background:#fff; margin:0 10px 0 0;padding:8px; }
#gk-botsl1 .gk-box-right>div,
#gk-topsl1 .gk-box-right>div { background:#fff; margin:0 0 0 10px;padding:0px; }

/*
 * Content block
 */
 
#gk-container { background:#fff; padding:20px 20px 4px 20px; margin:0 0 10px 0; }

/*
 * Modulepositions
 *
 * available suffixes:
 * - _menu
 * - _text
 * - clear
 * - color
 */

.moduletable,
.moduletable_menu,
.moduletable_text,
div.color, div.color1 { margin: 0 0 12px; background:#fff; }
div.color1 {background: url("../images/style1/color_bg.png") repeat-x scroll 0 bottom #E3012D}
.moduletable>h3,
.moduletable_menu>h3,
.moduletable_text>h3,
div.color>h3 { background: url('../images/moduletable_title.png') repeat-x 0 0; height: 35px; line-height: 35px; font-size: 12px; padding: 0 12px; margin: 0 0 12px; border: 1px solid #e7e7e7 }
div.color>h3 { background: url('../images/style1/moduletable_title-color.png') repeat-x 0 0; border: 1px solid #d5042c; color: #fff; }
.moduletable .moduletable_content,
.moduletable_menu .moduletable_content,
.moduletable_text .moduletable_content { clear:both; padding: 0 6px; }
.moduletable ul,
.moduletable_menu ul,
.moduletable_text ul { padding:0; margin:0; }
.moduletable ul li,
.moduletable_menu ul li,
.moduletable_text ul li { border-top:1px dotted #ddd; min-height:30px; line-height:30px; padding:0 0 0 13px; }
.moduletable_menu ul ul { border-left:1px dotted #ddd; padding: 0 0 0 12px; margin:0 0 6px 10px; }
.moduletable_menu ul li,
.moduletable ul li.even,
.moduletable ul li.odd { background: url('../images/arrow.png') no-repeat 0 12px; padding-left: 16px; }
.moduletable ul li:first-child,
.moduletable_menu ul li:first-child,
.moduletable_text ul li:first-child { border-top:none!important; }
/* restriction */
.moduletable_menu ul li a,
.moduletable ul li.even a,
.moduletable ul li.odd a { color: #666; }
.moduletable_menu ul li a:hover,
.moduletable ul li.even a:hover,
.moduletable ul li.odd a:hover { color: #000000; }
/* clear */
.moduletable.clear,
.moduletable.clear .moduletable_content { background:none!important; border:none!important; padding:0!important }

/*
 * Footer
 */
#gk-footer { overflow:hidden; color:#555; font-size:90%!important; margin:20px 20px 0 0; height:100px; line-height:24px; }
#gk-footer a { color:#666; }
#gk-footer a:hover { text-decoration:underline; }
#stylearea { float:right; margin:0 0 0 20px; width:auto; font-size:90%!important }
.gk-footnav { float:left; width:auto; align:center;}
.gk-footnav li { float:left; width:auto; margin:0px 0 0 20px; }
.gk-copyright { float:right; }
#t3_logo { display:block; width:160px; height:25px; margin:20px auto; background:url('../images/t3-logo.png') no-repeat 0 0; text-indent:-999em }
#t3_logo:hover { background-position:0 bottom }

/* module VM Cart */
.gk_popup_wrap .vmCartModule { font-size: 14px; padding-bottom: 12px; }
.gk_vm_minicart_product { background: #fff url('../images/moduletable_title.png') repeat-x 0 100%; padding: 6px 9px; border: 1px solid #c20025; margin-bottom: 6px; font-size: 12px; }
.gk_vm_product,
.gk_vm_attributes { color: #777; font-weight: normal }
.gk_vm_product a { font-weight: bold; color: #202020 }
.gk_vm_price { color: #CF1919; font-weight: bold; text-align: right }
.gk_vm_attributes { font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 11px; }
.gk_vm_show_cart { clear: both; text-align: center; padding-top: 12px; }
.gk_vm_show_cart a { background: #ececec url('../images/button-h.png') repeat-x 0 100%; cursor:pointer; color: #444; font:bold 10px Arial, Helvetica, sans-serif; margin:0 0 0 4px; padding:6px 9px; text-align:center; text-decoration:none; text-transform:uppercase; }
.gk_vm_show_cart a:hover { background: #e3012d url('../images/style1/button.png') repeat-x 0 100%; color: #fff; }


засунуть в один файл, что бы он перекрывал все остальные. т.е. был рабочим.:)
у меня либо меняется стиль для всего шаблона, либо вообще ничего не меняется так как стили из других файлов перекрывают мои
« Последнее редактирование: 11.01.2012, 14:17:30 от monkjust »
*

assaru

  • Давно я тут
  • 763
  • 88 / 1
Re: CSS модуля меню шаблон gk mystore
« Ответ #3 : 11.01.2012, 14:38:32 »
Хм... а не приходила в голову мысль, что разработчики для чего-то разделили файлы?
Ну например в зависимости от браузера подключаются разные, условия имеются различные?
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody
*

monkjust

  • Захожу иногда
  • 61
  • 1 / 0
Re: CSS модуля меню шаблон gk mystore
« Ответ #4 : 11.01.2012, 16:01:47 »
я понимаю зачем разделены фалы:)
я так же знаю как сделать суффикс стилю кастомного модуля.

У меня же не просто модуль, а модуль меню в  готовом шаблоне.

Конкретно меня интересуют как правильно (да и вообще как:))
стили внешнего вида (ссылок и списков) из общих фалов шаблона перенести в отдельный стиль меню (если такое возможно).
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

CSS для позиции модуля

Автор tierex

Ответов: 3
Просмотров: 2964
Последний ответ 26.05.2023, 11:06:00
от tierex
Позиционирование модуля

Автор Frost_

Ответов: 4
Просмотров: 3313
Последний ответ 25.01.2023, 11:36:57
от Frost_
Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3600
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 3035
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1508
Последний ответ 11.12.2020, 21:15:57
от effrit