Название бокса как ссылка
здравствуйте!
я тут новичок. и вот пришла пора задать свой вопрос.
вверху справа есть бокс Корзина, который работает как предварительный просмотр выбранного для покупки товара. а вверху, где Главная, Мои данные и Вход есть Корзина, в которой можно уже непосредственно оформить заказ. подскажите как сделать название того бокса как ссылку на корзину???
пробовал вместо:
{config_load file="$language/lang.conf" section="boxes"}
{if $deny_cart neq 'true'}
<!-- shopping_cart //-->
<script type="text/javascript" src="jscript/jscript_ajax_cart.js"></script>
<div id="divShoppingCart">
<table class="adn"><tr>
<td class="hd_red bf">{#heading_cart#}</td>
</tr></table>
ставить:
{config_load file="$language/lang.conf" section="index"}
{if $deny_cart neq 'true'}
<!-- shopping_cart //-->
<script type="text/javascript" src="jscript/jscript_ajax_cart.js"></script>
<div id="divShoppingCart">
<table class="adn"><tr>
<td class="hd_red bf"><a href="{$cart}">{#link_cart#}</a></td>
</tr></table>
не получается.
да что за ..... !!!!! я с утра сидел и возился, пытался сделать!!!! и именно когда попросил помощи на форуме догнал что сделал не правильно!!! если на форуме есть такие же новички-лентяи как я, которые не захотели читать документацию, то вот вам ответ:
вместо <td class="hd_red bf"><a href="{$cart}">{#link_cart#}</a></td>
надо писать <td class="hd_red bf"><a href="{$LINK_CART}">{#link_cart#}</a></td>
а скажите, пожалуйста, еще большему новичку - в каком файле вы это меняли? :)
\themes\твой шаблон\boxes\box_cart.html
и чтобы заголовок-ссылка "Корзина" был того же цвета что и остальные заголовки нужно добавить
<td class=headlink vleft bf><a href="{$LINK_CART}"><strong>{#link_cart#}</strong></a>
можно как-то обойтись и без тегов strong, но я не стал думать. может кто напишет как сделать проще??
Спасибо!
\themes\твой шаблон\boxes\box_cart.html
и чтобы заголовок-ссылка "Корзина" был того же цвета что и остальные заголовки нужно добавить
<td class=headlink vleft bf><a href="{$LINK_CART}"><strong>{#link_cart#}</strong></a>
можно как-то обойтись и без тегов strong, но я не стал думать. может кто напишет как сделать проще??
это делает бф рыжим, а как его вернуть опять на красный?
короче, я сам уже запутался!!!
headlink, vleft и bf - это стили css.
открой style.css, там найди:
.headlink {color: #ffffff; padding: 5px 8px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #E58A40 url('img/img/fon1.gif') repeat-x top left;} - это и есть настройка стиля для заголовков.
вместо рыжей картинки 'img/img/fon1.gif' поставь голубую 'img/img/tfon2000.gif' и ещё вместо рыжего фона #E58A40 поставь #446991.
погоди!!! неправильно!!! я ухожу позже допишу что нужно сделать
vleft - выравнивание текста по левому краю,
bf - жирный шрифт
headlink - настройка ячейки таблицы. с рыжим фоном.
нужно сделать копию headlink. например headlinktu:
.headlinktu {color: #ffffff; padding: 5px 8px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #446991 url('img/img/t_red.gif') repeat-x top left;} - тут вместо рыжей картинки 'img/img/fon1.gif' стоит красная 'img/img/t_red.gif'. но ещё вместо рыжего фона #446991 нужно поставить красный, но я не знаю его числовое значение, т.к. уже стёр оригинал ( ... но цвет фона вроде как и не нужен. если только менял высоту шрифта и картинка фона становится маленькой по высоте. кажется... )
и не забудь в шаблоне корзины вписать
<td class="headlinktu vleft bf"><a href="{$LINK_CART}">{#link_cart#}</a></td>
возвращается на красный, но надпись "корзина" становится черной, а как вернуть на белую?
сам голову ломаю над этим (((((( !!!
деды!!! отцы!!! помогите, а!!!
почему color: #ffffff; не делает цвет шрифта белым для ссылки???
.hd_red {padding: 5px 8px; background: #446991 url('img/img/t_red.gif') repeat-x top left; color: #ffffff;}
ссылка остаётся чёрной с чёрным подчёркиванием. а в шапке окна ссылки белые, а подчёркивание появляется при наведении указателя. что, где, как делать?
я понял почему деды не отвечают! это такая возня объяснять что и как. я почти догнал что нужно делать. и просто не представляю как это объяснять в тексте!!! тут надо показывать руками и материться.
а лучше читать книги про css.
почему color: #ffffff; не делает цвет шрифта белым для ссылки???
.hd_red {padding: 5px 8px; background: #446991 url('img/img/t_red.gif') repeat-x top left; color: #ffffff;}
ссылка остаётся чёрной с чёрным подчёркиванием. а в шапке окна ссылки белые, а подчёркивание появляется при наведении указателя. что, где, как делать?
Убиваешь кэш и куки перед просмотром? Дай ссылку на сайт чтобы посмотреть и кидай картинку где не меняеться в типом шаблоне или измененном? А то, так не понятно? Где чего не меняеться, возможно у тебя <font color="black или 000000" перед ссылками> так не поймешь.
Или вовсе убири color
и добавь в css
.text a,a:link,a:link,a:link,a:hover {background:transparent;cursor:pointer}
.text a:link {color:#fff; text-decoration:none}
.text a:visited {color:#fff; text-decoration:none}
.text a:hover,a:active {color:#fff; text-decoration:none}
text-decoration - можешь ставить, none, underline, bold
а между ссылками <div class="text">ссылки</div>
MSBrabus, хоть и поздно, но всё равно огромное спасибо что ответил!!! я уж думал, что тут мне никто не ответит.
сделал так:
.стиль A:link {text-decoration: none; color: #ffffff;}
.стиль A:visited {text-decoration: none; color: #ffffff;}
.стиль A:hover {text-decoration: underline; color: #ffffff;}
.стиль A:active {text-decoration: underline; color: #ffffff;}
просто не хотелось читать литературу. хочется быстрее сделать.
я решил эту проблему следующим способом:
box_cart.html
вместо
{config_load file="$language/lang.conf" section="boxes"} {if $deny_cart neq 'true'} <!-- shopping_cart //--> <script type="text/javascript" src="jscript/jscript_ajax_cart.js"></script> <div id="divShoppingCart"> <table class="adn"><tr> <td class="hd_red bf">{#heading_cart#}</td> </tr></table>
вставить
{config_load file="$language/lang.conf" section="index"} {if $deny_cart neq 'true'} <!-- shopping_cart //--> <script type="text/javascript" src="jscript/jscript_ajax_cart.js"></script> <div id="divShoppingCart"> <table class="adn"><tr> <td class="headlink1 vleft bf"><a href="{$LINK_CART}">{#link_cart#}</a></td> </tr></table>
style.css
добавить
.headlink1 {color: #ffffff; padding: 5px 16px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #E58A40 url('img/img/t_red.gif') repeat-x top left;}
.headlink1 a, .poisk a{color: #ffffff; text-decoration: none;}
.headlink1 a:hover, .poisk a:hover{color: #ffffff; text-decoration: underline;}
офигенную я тему тут развёл )) . всех запутал ) . Neko, твой вариант самый быстрый и простой. но для разгромождения кода в css можно убрать следующее (выделенно красным):
.headlink1 {color: #ffffff; padding: 5px 16px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #E58A40 url('img/img/t_red.gif') repeat-x top left;}
.headlink1 a, .poisk a{color: #ffffff; text-decoration: none;}
.headlink1 a:hover, .poisk a:hover{color: #ffffff; text-decoration: underline;}
т.к. .poisk уже задан вместе с .headlink
для всех шаблонов практически аналогично.
в блоке boxes/box_cart.html
заменить
{#heading_cart#}
на
<a href="shopping_cart.php">{#heading_cart#}</a>
а вот стили для каждого шаблона свои.
td.название класса a
{
color: #ffffff;
text-decoration: none;
}
td.название класса a:hover
{
color: #ffffff;
text-decoration: underline;
}
если для шаблона на div'ах.
без td
Источник
|
