Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

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

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
Просмотров: 2855
Последний ответ 26.05.2023, 11:06:00
от tierex
Позиционирование модуля

Автор Frost_

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

Автор vasilii.pupkov

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

Автор DrShepard

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

Автор coliandra

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