Доброго времени суток.
У меня такой вопрос, я ещё не очень опытен в html коде и у меня такой вопрос.
На сайте есть блоки с информацией, оглавление(Название блока) блоков сделано картинкой, код блока такой:
Код
<div class="block">
<div class="forummes_menu"> </div>
<div class="border_top">
<div class="border_ll"></div>
<div class="border_lr"></div>
<div class="border_lm"></div>
</div>
<div class="blockContent">
<div class="search">
$MYINF_1$
</div>
</div>
<div class="border_bot">
<div class="border_ll"></div>
<div class="border_lr"></div>
<div class="border_lm"></div>
</div>
</div>
А я хочу что бы была картинка но текст названия блока я менял сам, как это реализовать через код ?
Не изменяя дизайна блока. Спасибо за ответ.
Вот стили блока:
Код
/*GENERAL BLOCKS*/
.block{margin:0 2px;width:236px}
.block_title{left:3px;position:relative;top:20px}
.border_top{height:18px;position:relative;top:20px;width:236px}
.border_ll{background:url(/_styles/bord_ll.png);height:18px;width:33px;float:left}
.border_lr{background:url(/_styles/bord_lr.png);height:18px;width:33px;float:right}
.border_lm{background:url(/_styles/bord_lm.png) repeat-x;height:18px;margin:0 33px}
.border_bot{height:18px;position:relative;top:-19px;width:236px}
.blockContent{-moz-box-shadow:0 5px 8px #707070;-webkit-box-shadow:0 5px 8px #707070;box-shadow:0 5px 8px #707070;background:url(/_styles/menu_bg.gif) repeat-y;margin:0 auto;position:relative;width:172px;z-index:1}
.ugft,.search,.pics{margin:12px auto;padding:5px 0;width:160px}
.blockContent .queryField{margin:0 0 5px;padding:0 5px;height:24px;border:1px solid #787678;background-color:#0f0f0f;color:#f6f6f6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.blockContent .queryField:hover{border:1px solid #8f8f8f;background-color:#1b1b1b}
.blockContent .queryField:focus{border:1px solid #ffc700;background-color:#1b1b1b}
.blockContent .searchSbmFl{margin:0 0 2px;width:100px}
.blockContent .addScreen{font-size:.8em;text-align:center}
.blockContent .pics{display:block;clear:both}
.blockContent .pics img{padding:3px;border:1px solid #adaca6}
.blockContent .alignLeftCenter{position:relative;right:-50%;float:left}
.blockContent .alignCenterRight{position:relative;z-index:1;right:50%}
.menu ul{color:#f6f6f6;font-size:.8em;line-height:18px;list-style-image:url(/_styles/li.png);padding:7px 30px}
.blockContent a{color:#efefef;text-decoration:none}
.blockContent a:hover{color:#f9b30b}
.blockContent .addonCat{font-size:.8em}
.blockContent .addonCat a:hover{color:#fff}
.blockContent .addonDate{font-size:.7em;padding:0 7px}
