Шаблоны Simpla
- Автор темы marioo
- Дата начала
- Статус
zenlounge
Создатель
- Регистрация
- 15 Мар 2014
- Сообщения
- 29
- Реакции
- 4
Привет всем. Кто ковырял шаблон eShop?
[/spoil]
Столкнулся с проблемой файла product.tpl. А именно: кликаешь на любой товар, а кнопки (Характеристики, Описание, Отзывы и Коменты как дохлые сылки)
В самом файле :
[spoil]
<h1 class="pagetitle" data-product="{$product->id}">{$product->name|escape}</h1>
<div id="tabs">
<div class="tabs_names">
<a class="tabs_name-active first_tab" href="1">Обзор</a>
<a href="2">Описание</a>
<a href="3">Характеристики</a>
<a href="5">Отзывы</a>
<div class="clear"></div>
</div>
<div class="tabs_content">
<div class="tabs_content-tab tab_1" style="display:block;">
<script type="text/javascript" src="design/{$settings->theme}/js/bighammer.catalog.element.js"></script>
<div class="catalog-element">
<table class="elem_table" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"> </td>
</tr>
<tr class="product">
<td width="420">
<!-- images -->
<div class="catalog-element-image ">
<table cellspacing="0" cellpadding="0" border="0" width="330" height="260">
<tr>
<!-- Дополнительные фото продукта -->
{if $product->images|count>1}
<td valign="top" width="120">
<!-- scroll images -->
<div class="catalog-element-scollimages">
<div class="scollimages-body">
{if $product->images|count>3}
<a href="#" class="scollimages-lr scollimages-left"></a><div class="clear"></div>
{/if}
{* cut удаляет первую фотографию, если нужно начать 2-й - пишем cut:2 и тд *}
{foreach $product->images|cut:0 as $i=>$image}
<div class="scollimages-a"><a href="javascript:void(0);" rel="{literal}{{/literal}gallery: 'gal1', smallimage: '{$image->filename|resize:800:600}',largeimage: '{$image->filename|resize:800:600}'{literal}}{/literal}">
<img class="max-width-height" src="{$image->filename|resize:800:600}" width="120" border="0" alt="" />
</a></div>
{/foreach}
{if $product->images|count>3}
<div class="clear"></div><a href="#" class="scollimages-lr scollimages-right"></a>
{/if}
</div>
</div>
<!-- /scroll images -->
</td>
{/if}
<td class="image" valign="top" align="center">
<a class="general_image_a" href="{$product->image->filename|resize:800:800}" rel="gal1" id="zoom_images" title="1">
<img class="general_image" src="{$product->image->filename|resize:300:300}" border="0" alt="" />
<div class="clear"></div>
</a>
</td>
</tr>
</table>
</div>
<!-- /images -->
</td>
<td valign="top" style="padding-top:10px;">
<!-- pricetools -->
<div class="catalog-element-pricetools">
<div class="pricetools">
{if $product->variants|count > 0}
<form class="variants" action="/cart">
{foreach $product->variants as $v}
<input id="product_{$v->id}" name="variant" value="{$v->id}" type="radio" class="variant_radiobutton" {if $product->variant->id==$v->id}checked{/if} style="display:none;"/>
{/foreach}
<div class="pricetools-new_price">{$v->price|convert}{$currency->sign|escape}</div>
<div class="pricetools-add2basket"><a><input type="submit" class="basket" value="В корзину " data-result-text="Добавлено"/></a></div>
</form>
{else}
<div class="pricetools-new_price">Нет в наличии</div>
{/if}
</div>
<div class="clear"></div>
<div class="soc_seti_like">
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir"></div>
</div>
</div>
<!-- /pricetools -->
</div>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
<div class="clear"></div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" width="360">
<div class="ce-prev_text">
<div class="ce-prev_text-title">Описание</div>
<div class="gradient_line"></div>
<div class="ce-prev_text-body">{$product->annotation}</div>
</div>
<div class="clear"></div>
<div class="clear"></div>
</td>
<td valign="top">
</td>
</tr>
</table>
</div>
</div>
<div class="tabs_content-tab tab_2" style="display:none;">
{$product->body}
</div>
<div class="tabs_content-tab tab_3" style="display:none;">
{if $product->features}
<div class="prp_goupped_big">
<div class="prp_goupped_big-title">Основные характеристики</div>
<div class="prp_goupped_big_body">
<table class="prp_goupped_big_table">
{foreach $product->features as $f}
<tr class="prop ">
<td width="40%">{$f->name}</td>
<td width="60%">{$f->value}</td>
</tr>
{/foreach}
</table>
</div>
</div> {/if} </div>
<div class="tabs_content-tab tab_4" style="display:none;">
<div class="access_big">
<div class="access_big-body">
</div>
</div>
<div class="clear"></div> </div>
<!-- reviews -->
<div class="tabs_content-tab tab_5" style="display:none;">
<!-- Комментарии -->
<div id="comments">
<h2>Комментарии</h2>
{if $comments}
<!-- Список с комментариями -->
<ul class="comment_list">
{foreach $comments as $comment}
<a name="comment_{$comment->id}"></a>
<li>
<!-- Имя и дата комментария-->
<div class="comment_header">
{$comment->name|escape} <i>{$comment->date|date}, {$comment->date|time}</i>
{if !$comment->approved}ожидает модерации</b>{/if}
</div>
<!-- Имя и дата комментария (The End)-->
<!-- Комментарий -->
{$comment->text|escape|nl2br}
<!-- Комментарий (The End)-->
</li>
{/foreach}
</ul>
<!-- Список с комментариями (The End)-->
{else}
<p>
Пока нет комментариев
</p>
{/if}
<!--Форма отправления комментария-->
<form class="comment_form" method="post">
<h2>Написать комментарий</h2>
{if $error}
<div class="message_error">
{if $error=='captcha'}
Неверно введена капча
{elseif $error=='empty_name'}
Введите имя
{elseif $error=='empty_comment'}
Введите комментарий
{/if}
</div>
{/if}
<textarea class="comment_textarea" id="comment_text" name="text" data-format=".+" data-notice="Введите комментарий">{$comment_text}</textarea><br />
<div>
<label for="comment_name">Имя</label>
<input class="input_name" type="text" id="comment_name" name="name" value="{$comment_name}" data-format=".+" data-notice="Введите имя"/><br />
<input class="button" type="submit" name="comment" value="Отправить" />
<label for="comment_captcha">Число</label>
<div class="captcha"><img src="captcha/image.php?{math equation='rand(10,10000)'}" alt='captcha'/></div>
<input class="input_captcha" id="comment_captcha" type="text" name="captcha_code" value="" data-format="\d\d\d\d" data-notice="Введите капчу"/>
</div>
</form>
<!--Форма отправления комментария (The End)-->
</div>
<!-- Комментарии (The End) -->
</div>
<!-- /reviews -->
</div>
</div>
Кто подскажет, как выровнять шабчик?)
Столкнулся с проблемой файла product.tpl. А именно: кликаешь на любой товар, а кнопки (Характеристики, Описание, Отзывы и Коменты как дохлые сылки)
В самом файле :
[spoil]
<h1 class="pagetitle" data-product="{$product->id}">{$product->name|escape}</h1>
<div id="tabs">
<div class="tabs_names">
<a class="tabs_name-active first_tab" href="1">Обзор</a>
<a href="2">Описание</a>
<a href="3">Характеристики</a>
<a href="5">Отзывы</a>
<div class="clear"></div>
</div>
<div class="tabs_content">
<div class="tabs_content-tab tab_1" style="display:block;">
<script type="text/javascript" src="design/{$settings->theme}/js/bighammer.catalog.element.js"></script>
<div class="catalog-element">
<table class="elem_table" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"> </td>
</tr>
<tr class="product">
<td width="420">
<!-- images -->
<div class="catalog-element-image ">
<table cellspacing="0" cellpadding="0" border="0" width="330" height="260">
<tr>
<!-- Дополнительные фото продукта -->
{if $product->images|count>1}
<td valign="top" width="120">
<!-- scroll images -->
<div class="catalog-element-scollimages">
<div class="scollimages-body">
{if $product->images|count>3}
<a href="#" class="scollimages-lr scollimages-left"></a><div class="clear"></div>
{/if}
{* cut удаляет первую фотографию, если нужно начать 2-й - пишем cut:2 и тд *}
{foreach $product->images|cut:0 as $i=>$image}
<div class="scollimages-a"><a href="javascript:void(0);" rel="{literal}{{/literal}gallery: 'gal1', smallimage: '{$image->filename|resize:800:600}',largeimage: '{$image->filename|resize:800:600}'{literal}}{/literal}">
<img class="max-width-height" src="{$image->filename|resize:800:600}" width="120" border="0" alt="" />
</a></div>
{/foreach}
{if $product->images|count>3}
<div class="clear"></div><a href="#" class="scollimages-lr scollimages-right"></a>
{/if}
</div>
</div>
<!-- /scroll images -->
</td>
{/if}
<td class="image" valign="top" align="center">
<a class="general_image_a" href="{$product->image->filename|resize:800:800}" rel="gal1" id="zoom_images" title="1">
<img class="general_image" src="{$product->image->filename|resize:300:300}" border="0" alt="" />
<div class="clear"></div>
</a>
</td>
</tr>
</table>
</div>
<!-- /images -->
</td>
<td valign="top" style="padding-top:10px;">
<!-- pricetools -->
<div class="catalog-element-pricetools">
<div class="pricetools">
{if $product->variants|count > 0}
<form class="variants" action="/cart">
{foreach $product->variants as $v}
<input id="product_{$v->id}" name="variant" value="{$v->id}" type="radio" class="variant_radiobutton" {if $product->variant->id==$v->id}checked{/if} style="display:none;"/>
{/foreach}
<div class="pricetools-new_price">{$v->price|convert}{$currency->sign|escape}</div>
<div class="pricetools-add2basket"><a><input type="submit" class="basket" value="В корзину " data-result-text="Добавлено"/></a></div>
</form>
{else}
<div class="pricetools-new_price">Нет в наличии</div>
{/if}
</div>
<div class="clear"></div>
<div class="soc_seti_like">
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir"></div>
</div>
</div>
<!-- /pricetools -->
</div>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
<div class="clear"></div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" width="360">
<div class="ce-prev_text">
<div class="ce-prev_text-title">Описание</div>
<div class="gradient_line"></div>
<div class="ce-prev_text-body">{$product->annotation}</div>
</div>
<div class="clear"></div>
<div class="clear"></div>
</td>
<td valign="top">
</td>
</tr>
</table>
</div>
</div>
<div class="tabs_content-tab tab_2" style="display:none;">
{$product->body}
</div>
<div class="tabs_content-tab tab_3" style="display:none;">
{if $product->features}
<div class="prp_goupped_big">
<div class="prp_goupped_big-title">Основные характеристики</div>
<div class="prp_goupped_big_body">
<table class="prp_goupped_big_table">
{foreach $product->features as $f}
<tr class="prop ">
<td width="40%">{$f->name}</td>
<td width="60%">{$f->value}</td>
</tr>
{/foreach}
</table>
</div>
</div> {/if} </div>
<div class="tabs_content-tab tab_4" style="display:none;">
<div class="access_big">
<div class="access_big-body">
</div>
</div>
<div class="clear"></div> </div>
<!-- reviews -->
<div class="tabs_content-tab tab_5" style="display:none;">
<!-- Комментарии -->
<div id="comments">
<h2>Комментарии</h2>
{if $comments}
<!-- Список с комментариями -->
<ul class="comment_list">
{foreach $comments as $comment}
<a name="comment_{$comment->id}"></a>
<li>
<!-- Имя и дата комментария-->
<div class="comment_header">
{$comment->name|escape} <i>{$comment->date|date}, {$comment->date|time}</i>
{if !$comment->approved}ожидает модерации</b>{/if}
</div>
<!-- Имя и дата комментария (The End)-->
<!-- Комментарий -->
{$comment->text|escape|nl2br}
<!-- Комментарий (The End)-->
</li>
{/foreach}
</ul>
<!-- Список с комментариями (The End)-->
{else}
<p>
Пока нет комментариев
</p>
{/if}
<!--Форма отправления комментария-->
<form class="comment_form" method="post">
<h2>Написать комментарий</h2>
{if $error}
<div class="message_error">
{if $error=='captcha'}
Неверно введена капча
{elseif $error=='empty_name'}
Введите имя
{elseif $error=='empty_comment'}
Введите комментарий
{/if}
</div>
{/if}
<textarea class="comment_textarea" id="comment_text" name="text" data-format=".+" data-notice="Введите комментарий">{$comment_text}</textarea><br />
<div>
<label for="comment_name">Имя</label>
<input class="input_name" type="text" id="comment_name" name="name" value="{$comment_name}" data-format=".+" data-notice="Введите имя"/><br />
<input class="button" type="submit" name="comment" value="Отправить" />
<label for="comment_captcha">Число</label>
<div class="captcha"><img src="captcha/image.php?{math equation='rand(10,10000)'}" alt='captcha'/></div>
<input class="input_captcha" id="comment_captcha" type="text" name="captcha_code" value="" data-format="\d\d\d\d" data-notice="Введите капчу"/>
</div>
</form>
<!--Форма отправления комментария (The End)-->
</div>
<!-- Комментарии (The End) -->
</div>
<!-- /reviews -->
</div>
</div>
Bomb_Inside
Создатель
- Регистрация
- 17 Мар 2012
- Сообщения
- 18
- Реакции
- 7
Привет всем. Кто ковырял шаблон eShop?Кто подскажет, как выровнять шабчик?)[/spoil]
Столкнулся с проблемой файла product.tpl. А именно: кликаешь на любой товар, а кнопки (Характеристики, Описание, Отзывы и Коменты как дохлые сылки)
В самом файле :
[spoil]
<h1 class="pagetitle" data-product="{$product->id}">{$product->name|escape}</h1>
<div id="tabs">
<div class="tabs_names">
<a class="tabs_name-active first_tab" href="1">Обзор</a>
<a href="2">Описание</a>
<a href="3">Характеристики</a>
<a href="5">Отзывы</a>
<div class="clear"></div>
</div>
<div class="tabs_content">
<div class="tabs_content-tab tab_1" style="display:block;">
<script type="text/javascript" src="design/{$settings->theme}/js/bighammer.catalog.element.js"></script>
<div class="catalog-element">
<table class="elem_table" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"> </td>
</tr>
<tr class="product">
<td width="420">
<!-- images -->
<div class="catalog-element-image ">
<table cellspacing="0" cellpadding="0" border="0" width="330" height="260">
<tr>
<!-- Дополнительные фото продукта -->
{if $product->images|count>1}
<td valign="top" width="120">
<!-- scroll images -->
<div class="catalog-element-scollimages">
<div class="scollimages-body">
{if $product->images|count>3}
<a href="#" class="scollimages-lr scollimages-left"></a><div class="clear"></div>
{/if}
{* cut удаляет первую фотографию, если нужно начать 2-й - пишем cut:2 и тд *}
{foreach $product->images|cut:0 as $i=>$image}
<div class="scollimages-a"><a href="javascript:void(0);" rel="{literal}{{/literal}gallery: 'gal1', smallimage: '{$image->filename|resize:800:600}',largeimage: '{$image->filename|resize:800:600}'{literal}}{/literal}">
<img class="max-width-height" src="{$image->filename|resize:800:600}" width="120" border="0" alt="" />
</a></div>
{/foreach}
{if $product->images|count>3}
<div class="clear"></div><a href="#" class="scollimages-lr scollimages-right"></a>
{/if}
</div>
</div>
<!-- /scroll images -->
</td>
{/if}
<td class="image" valign="top" align="center">
<a class="general_image_a" href="{$product->image->filename|resize:800:800}" rel="gal1" id="zoom_images" title="1">
<img class="general_image" src="{$product->image->filename|resize:300:300}" border="0" alt="" />
<div class="clear"></div>
</a>
</td>
</tr>
</table>
</div>
<!-- /images -->
</td>
<td valign="top" style="padding-top:10px;">
<!-- pricetools -->
<div class="catalog-element-pricetools">
<div class="pricetools">
{if $product->variants|count > 0}
<form class="variants" action="/cart">
{foreach $product->variants as $v}
<input id="product_{$v->id}" name="variant" value="{$v->id}" type="radio" class="variant_radiobutton" {if $product->variant->id==$v->id}checked{/if} style="display:none;"/>
{/foreach}
<div class="pricetools-new_price">{$v->price|convert}{$currency->sign|escape}</div>
<div class="pricetools-add2basket"><a><input type="submit" class="basket" value="В корзину " data-result-text="Добавлено"/></a></div>
</form>
{else}
<div class="pricetools-new_price">Нет в наличии</div>
{/if}
</div>
<div class="clear"></div>
<div class="soc_seti_like">
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir"></div>
</div>
</div>
<!-- /pricetools -->
</div>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
<div class="clear"></div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" width="360">
<div class="ce-prev_text">
<div class="ce-prev_text-title">Описание</div>
<div class="gradient_line"></div>
<div class="ce-prev_text-body">{$product->annotation}</div>
</div>
<div class="clear"></div>
<div class="clear"></div>
</td>
<td valign="top">
</td>
</tr>
</table>
</div>
</div>
<div class="tabs_content-tab tab_2" style="display:none;">
{$product->body}
</div>
<div class="tabs_content-tab tab_3" style="display:none;">
{if $product->features}
<div class="prp_goupped_big">
<div class="prp_goupped_big-title">Основные характеристики</div>
<div class="prp_goupped_big_body">
<table class="prp_goupped_big_table">
{foreach $product->features as $f}
<tr class="prop ">
<td width="40%">{$f->name}</td>
<td width="60%">{$f->value}</td>
</tr>
{/foreach}
</table>
</div>
</div> {/if} </div>
<div class="tabs_content-tab tab_4" style="display:none;">
<div class="access_big">
<div class="access_big-body">
</div>
</div>
<div class="clear"></div> </div>
<!-- reviews -->
<div class="tabs_content-tab tab_5" style="display:none;">
<!-- Комментарии -->
<div id="comments">
<h2>Комментарии</h2>
{if $comments}
<!-- Список с комментариями -->
<ul class="comment_list">
{foreach $comments as $comment}
<a name="comment_{$comment->id}"></a>
<li>
<!-- Имя и дата комментария-->
<div class="comment_header">
{$comment->name|escape} <i>{$comment->date|date}, {$comment->date|time}</i>
{if !$comment->approved}ожидает модерации</b>{/if}
</div>
<!-- Имя и дата комментария (The End)-->
<!-- Комментарий -->
{$comment->text|escape|nl2br}
<!-- Комментарий (The End)-->
</li>
{/foreach}
</ul>
<!-- Список с комментариями (The End)-->
{else}
<p>
Пока нет комментариев
</p>
{/if}
<!--Форма отправления комментария-->
<form class="comment_form" method="post">
<h2>Написать комментарий</h2>
{if $error}
<div class="message_error">
{if $error=='captcha'}
Неверно введена капча
{elseif $error=='empty_name'}
Введите имя
{elseif $error=='empty_comment'}
Введите комментарий
{/if}
</div>
{/if}
<textarea class="comment_textarea" id="comment_text" name="text" data-format=".+" data-notice="Введите комментарий">{$comment_text}</textarea><br />
<div>
<label for="comment_name">Имя</label>
<input class="input_name" type="text" id="comment_name" name="name" value="{$comment_name}" data-format=".+" data-notice="Введите имя"/><br />
<input class="button" type="submit" name="comment" value="Отправить" />
<label for="comment_captcha">Число</label>
<div class="captcha"><img src="captcha/image.php?{math equation='rand(10,10000)'}" alt='captcha'/></div>
<input class="input_captcha" id="comment_captcha" type="text" name="captcha_code" value="" data-format="\d\d\d\d" data-notice="Введите капчу"/>
</div>
</form>
<!--Форма отправления комментария (The End)-->
</div>
<!-- Комментарии (The End) -->
</div>
<!-- /reviews -->
</div>
</div>
искать нужно на офф сайте .. там есть тема про табы ... сам забил и просто переверстал карточку товара
Последнее редактирование:
zenlounge
Создатель
- Регистрация
- 15 Мар 2014
- Сообщения
- 29
- Реакции
- 4
Работает у тебя полный обзор товара(Характеристики , комментарии свойства)? product.tpl
zenlounge
Создатель
- Регистрация
- 15 Мар 2014
- Сообщения
- 29
- Реакции
- 4
Столкнулся с мелочной проблемой, глаз выколи, ничего не пойму как изменить цвет и жирность текста в меню навигации 1 уровня в citymarket :\
Картинка меню:
[/spoil]
CSS код
[spoil]
#nav-container {border:1px solid #e9e9e9;border-radius:8px;background:#F7F7F7;margin-bottom:20px;}
#nav {padding:0;margin:0;font-size:1em;}
/* All Levels */
#nav li {text-align:left;position:relative;}
#nav li.over {z-index:998;}
#nav li a {display:block;text-decoration:none;text-transform:none;}
#nav li a:hover {text-decoration:none;}
#nav li a span {display:block;white-space:nowrap;cursor
ointer;}
#nav li ul a span {white-space:normal;}
/* 1st Level */
#nav li {float:none;display:block;}
#nav li a {float:none;padding:9px 0 9px 26px;font-weight:600;color:#3e3e3e;background:url(../images/bg/filter_arrow.gif) 11px 15px no-repeat;border-bottom:1px solid #dddddd;border-top:solid 1px #fff;font-size:16px!important;}
#nav li a:hover {border-top:solid 1px #ddd;}
#nav li.last a {border-bottom:0;}
#nav > li.hover > a, #nav > li.active > a {background-color:#6bdd63;border-top:solid 1px #ddd;}
#nav > li.active > ul {display:block;}
/* 2nd Level */
#nav ul, #nav div {position:absolute;width:15em;top:25px;left:-10000px;border:1px solid #ddd;background:#fafafa;}
#nav div ul {position:static;width:auto;border:none;}
#nav > li > ul {position:relative;left:0;top:0;padding:12px 0 12px 5px;width:auto;border:0;background:0;zoom:1;border-top:solid 1px #fff;border-bottom:solid 1px #79bc03;}
#nav > li > ul > li {border:0;}
#nav > li > ul > li a {border-bottom:0;padding:5px 0 5px 11px;} {color:#79bc03 !important;background:0;border:none;}
#nav > li > ul > li.items.hover,
#nav > li > ul > li.items.active {border:0;}
/* 3rd+ leven */
#nav > li > ul > li > ul {position:relative;left:0!important;top:0;padding:10px 0 10px 10px;width:auto;border:0;background:0;zoom:1;}
#nav > li > ul > li.active > ul {display:block;}
#nav > li > ul > li > ul > li {border-bottom:0;}
#nav > li > ul > li > ul > li a {font-size:16px!important;padding:3px 0 3px 11px;}
#nav > li > ul > li > ul > li > ul > li{background:0!important;}
#nav ul ul, #nav ul div {top:7px;}
#nav ul li {float:none;border-bottom:1px solid #ddd;padding-right:5px;}
#nav ul li.last {border-bottom:0;}
#nav ul li a {float:none;line-height:13px;display:block;background:url(../images/bg/sub-nav-marker.gif) no-repeat 0 10px;font-weight:normal;color:#888 !important;border:none;}
#nav ul li a:hover {color:#000 !important;background:0; border:none;}
#nav ul li.active > a, #nav ul li.over > a {color:#79bc03 !important;background:0;border:none;}
#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
#share42 a {position:relative;}
Картинка меню:
CSS код
[spoil]
#nav-container {border:1px solid #e9e9e9;border-radius:8px;background:#F7F7F7;margin-bottom:20px;}
#nav {padding:0;margin:0;font-size:1em;}
/* All Levels */
#nav li {text-align:left;position:relative;}
#nav li.over {z-index:998;}
#nav li a {display:block;text-decoration:none;text-transform:none;}
#nav li a:hover {text-decoration:none;}
#nav li a span {display:block;white-space:nowrap;cursor
ointer;}#nav li ul a span {white-space:normal;}
/* 1st Level */
#nav li {float:none;display:block;}
#nav li a {float:none;padding:9px 0 9px 26px;font-weight:600;color:#3e3e3e;background:url(../images/bg/filter_arrow.gif) 11px 15px no-repeat;border-bottom:1px solid #dddddd;border-top:solid 1px #fff;font-size:16px!important;}
#nav li a:hover {border-top:solid 1px #ddd;}
#nav li.last a {border-bottom:0;}
#nav > li.hover > a, #nav > li.active > a {background-color:#6bdd63;border-top:solid 1px #ddd;}
#nav > li.active > ul {display:block;}
/* 2nd Level */
#nav ul, #nav div {position:absolute;width:15em;top:25px;left:-10000px;border:1px solid #ddd;background:#fafafa;}
#nav div ul {position:static;width:auto;border:none;}
#nav > li > ul {position:relative;left:0;top:0;padding:12px 0 12px 5px;width:auto;border:0;background:0;zoom:1;border-top:solid 1px #fff;border-bottom:solid 1px #79bc03;}
#nav > li > ul > li {border:0;}
#nav > li > ul > li a {border-bottom:0;padding:5px 0 5px 11px;} {color:#79bc03 !important;background:0;border:none;}
#nav > li > ul > li.items.hover,
#nav > li > ul > li.items.active {border:0;}
/* 3rd+ leven */
#nav > li > ul > li > ul {position:relative;left:0!important;top:0;padding:10px 0 10px 10px;width:auto;border:0;background:0;zoom:1;}
#nav > li > ul > li.active > ul {display:block;}
#nav > li > ul > li > ul > li {border-bottom:0;}
#nav > li > ul > li > ul > li a {font-size:16px!important;padding:3px 0 3px 11px;}
#nav > li > ul > li > ul > li > ul > li{background:0!important;}
#nav ul ul, #nav ul div {top:7px;}
#nav ul li {float:none;border-bottom:1px solid #ddd;padding-right:5px;}
#nav ul li.last {border-bottom:0;}
#nav ul li a {float:none;line-height:13px;display:block;background:url(../images/bg/sub-nav-marker.gif) no-repeat 0 10px;font-weight:normal;color:#888 !important;border:none;}
#nav ul li a:hover {color:#000 !important;background:0; border:none;}
#nav ul li.active > a, #nav ul li.over > a {color:#79bc03 !important;background:0;border:none;}
#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
#share42 a {position:relative;}
x2com
Постоялец
- Регистрация
- 12 Июн 2006
- Сообщения
- 71
- Реакции
- 20
Вы бы лучше демку на сайте выложили - инспектором кода такие вещи отлавливаются на раз. А так как Вы это сделали - это намек на телепатию.Столкнулся с мелочной проблемой, глаз выколи, ничего не пойму как изменить цвет и жирность текста в меню навигации 1 уровня в citymarket :\
Картинка меню:
[/spoil]
CSS код
[spoil]
#nav-container {border:1px solid #e9e9e9;border-radius:8px;background:#F7F7F7;margin-bottom:20px;}
#nav {padding:0;margin:0;font-size:1em;}
/* All Levels */
#nav li {text-align:left;position:relative;}
#nav li.over {z-index:998;}
#nav li a {display:block;text-decoration:none;text-transform:none;}
#nav li a:hover {text-decoration:none;}
#nav li a span {display:block;white-space:nowrap;cursor
#nav li ul a span {white-space:normal;}
/* 1st Level */
#nav li {float:none;display:block;}
#nav li a {float:none;padding:9px 0 9px 26px;font-weight:600;color:#3e3e3e;background:url(../images/bg/filter_arrow.gif) 11px 15px no-repeat;border-bottom:1px solid #dddddd;border-top:solid 1px #fff;font-size:16px!important;}
#nav li a:hover {border-top:solid 1px #ddd;}
#nav li.last a {border-bottom:0;}
#nav > li.hover > a, #nav > li.active > a {background-color:#6bdd63;border-top:solid 1px #ddd;}
#nav > li.active > ul {display:block;}
/* 2nd Level */
#nav ul, #nav div {position:absolute;width:15em;top:25px;left:-10000px;border:1px solid #ddd;background:#fafafa;}
#nav div ul {position:static;width:auto;border:none;}
#nav > li > ul {position:relative;left:0;top:0;padding:12px 0 12px 5px;width:auto;border:0;background:0;zoom:1;border-top:solid 1px #fff;border-bottom:solid 1px #79bc03;}
#nav > li > ul > li {border:0;}
#nav > li > ul > li a {border-bottom:0;padding:5px 0 5px 11px;} {color:#79bc03 !important;background:0;border:none;}
#nav > li > ul > li.items.hover,
#nav > li > ul > li.items.active {border:0;}
/* 3rd+ leven */
#nav > li > ul > li > ul {position:relative;left:0!important;top:0;padding:10px 0 10px 10px;width:auto;border:0;background:0;zoom:1;}
#nav > li > ul > li.active > ul {display:block;}
#nav > li > ul > li > ul > li {border-bottom:0;}
#nav > li > ul > li > ul > li a {font-size:16px!important;padding:3px 0 3px 11px;}
#nav > li > ul > li > ul > li > ul > li{background:0!important;}
#nav ul ul, #nav ul div {top:7px;}
#nav ul li {float:none;border-bottom:1px solid #ddd;padding-right:5px;}
#nav ul li.last {border-bottom:0;}
#nav ul li a {float:none;line-height:13px;display:block;background:url(../images/bg/sub-nav-marker.gif) no-repeat 0 10px;font-weight:normal;color:#888 !important;border:none;}
#nav ul li a:hover {color:#000 !important;background:0; border:none;}
#nav ul li.active > a, #nav ul li.over > a {color:#79bc03 !important;background:0;border:none;}
#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
#share42 a {position:relative;}
Salkfeller
Создатель
- Регистрация
- 18 Мар 2010
- Сообщения
- 19
- Реакции
- 0
Может у кого этот шаблончиГ Для просмотра ссылки Войди или Зарегистрируйся завалялся? Поделитесь пожалуйста.
Джастин
Создатель
- Регистрация
- 9 Дек 2012
- Сообщения
- 31
- Реакции
- 5
Столкнулся с мелочной проблемой, глаз выколи, ничего не пойму как изменить цвет и жирность текста в меню навигации 1 уровня в citymarket :\
Картинка меню:
[/spoil]
CSS код
[spoil]
#nav-container {border:1px solid #e9e9e9;border-radius:8px;background:#F7F7F7;margin-bottom:20px;}
#nav {padding:0;margin:0;font-size:1em;}
/* All Levels */
#nav li {text-align:left;position:relative;}
#nav li.over {z-index:998;}
#nav li a {display:block;text-decoration:none;text-transform:none;}
#nav li a:hover {text-decoration:none;}
#nav li a span {display:block;white-space:nowrap;cursor
#nav li ul a span {white-space:normal;}
/* 1st Level */
#nav li {float:none;display:block;}
#nav li a {float:none;padding:9px 0 9px 26px;font-weight:600;color:#3e3e3e;background:url(../images/bg/filter_arrow.gif) 11px 15px no-repeat;border-bottom:1px solid #dddddd;border-top:solid 1px #fff;font-size:16px!important;}
#nav li a:hover {border-top:solid 1px #ddd;}
#nav li.last a {border-bottom:0;}
#nav > li.hover > a, #nav > li.active > a {background-color:#6bdd63;border-top:solid 1px #ddd;}
#nav > li.active > ul {display:block;}
/* 2nd Level */
#nav ul, #nav div {position:absolute;width:15em;top:25px;left:-10000px;border:1px solid #ddd;background:#fafafa;}
#nav div ul {position:static;width:auto;border:none;}
#nav > li > ul {position:relative;left:0;top:0;padding:12px 0 12px 5px;width:auto;border:0;background:0;zoom:1;border-top:solid 1px #fff;border-bottom:solid 1px #79bc03;}
#nav > li > ul > li {border:0;}
#nav > li > ul > li a {border-bottom:0;padding:5px 0 5px 11px;} {color:#79bc03 !important;background:0;border:none;}
#nav > li > ul > li.items.hover,
#nav > li > ul > li.items.active {border:0;}
/* 3rd+ leven */
#nav > li > ul > li > ul {position:relative;left:0!important;top:0;padding:10px 0 10px 10px;width:auto;border:0;background:0;zoom:1;}
#nav > li > ul > li.active > ul {display:block;}
#nav > li > ul > li > ul > li {border-bottom:0;}
#nav > li > ul > li > ul > li a {font-size:16px!important;padding:3px 0 3px 11px;}
#nav > li > ul > li > ul > li > ul > li{background:0!important;}
#nav ul ul, #nav ul div {top:7px;}
#nav ul li {float:none;border-bottom:1px solid #ddd;padding-right:5px;}
#nav ul li.last {border-bottom:0;}
#nav ul li a {float:none;line-height:13px;display:block;background:url(../images/bg/sub-nav-marker.gif) no-repeat 0 10px;font-weight:normal;color:#888 !important;border:none;}
#nav ul li a:hover {color:#000 !important;background:0; border:none;}
#nav ul li.active > a, #nav ul li.over > a {color:#79bc03 !important;background:0;border:none;}
#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
#share42 a {position:relative;}
Цвет ссылок 1-го уровня меняешь здесь:
#nav li a {float:none;padding:9px 0 9px 26px;font-weight:600;color:#3e3e3e;background:url(../images/bg/filter_arrow.gif) 11px 15px no-repeat;border-bottom:1px solid #dddddd;border-top:solid 1px #fff;font-size:16px!important;}
Там у тебя все подписано - /* 1st Level */ /* 2nd Level */ и тп
Последнее редактирование модератором:
- Статус