Красивые переходы по темам.

Sprinx

Пользователь
#1
Код:
viewtopic.tpl
Найти
<table cellpadding="0" class="w100">
<tr>
    <td valign="bottom">
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{T_POST_REPLY}" /></a>
    </td>
    <td class="nav w100" style="padding-left: 8px;">
        <a href="{U_INDEX}">{T_INDEX}</a>
        <!-- IF HAS_PARENT_FORUM --> <em>&raquo;</em>&nbsp;<a href="{PARENT_FORUM_HREF}">{PARENT_FORUM_NAME}</a><!-- ENDIF -->
        <em>&raquo;</em>&nbsp;<a href="{U_VIEW_FORUM}">{FORUM_NAME}</a>
    </td>
</tr>
</table>
 
Заменить на
 
<div class="breadBoxTop">
<div class="topCtrl">
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{T_POST_REPLY}" /></a>
</div>
        <fieldset class="breadcrumb">
          <span class="crumbs">
            <span class="crust">
           
              <a href="{U_INDEX}" class="crumb">
                <span>{T_INDEX}</span>
              </a>
              <span class="arrow">
                <span></span>
              </span>
            </span>
<!-- IF HAS_PARENT_FORUM -->
              <span class="crust">
              <a href="{PARENT_FORUM_HREF}" class="crumb">
                <span>{PARENT_FORUM_NAME}</span>
              </a>
              <span class="arrow">
                <span></span>
              </span>             
            </span>
<!-- ENDIF -->
            <span class="crust">
              <a href="{U_VIEW_FORUM}" class="crumb">
                <span>{FORUM_NAME}</span>
              </a>
              <span class="arrow">
                <span></span>
              </span>             
            </span>
           
          </span>
        </fieldset>
      </nav>
    </div>
 
 
 
 
 
main.css
в конец вставить.
 
/*******************************/
/*        breadBoxTop          */
/*******************************/
.breadBoxTop,
.breadBoxBottom
{
    padding: 10px 5px;
margin: 0 -5px;
overflow: hidden;
zoom: 1;
clear: both;
 
}
 
.breadBoxTop
{
}
 
.breadBoxTop .topCtrl
{
    margin-left: 5px;
float: right;
line-height: 24px;
 
}
 
.breadcrumb
{
    font-size: 11px;
background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
border: 1px solid #a5cae4;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
overflow: hidden;
zoom: 1;
 
}
 
.breadcrumb .boardTitle
{
    display: none;
 
}
 
.breadcrumb .crust
{
    display: block;
float: left;
position: relative;
zoom: 1;
 
}
 
.breadcrumb .crust a.crumb
{
    text-decoration: none;
background-color: #f0f7fc;
padding: 0 10px 0 18px;
margin-bottom: -1px;
border-bottom: 1px solid #a5cae4;
outline: 0 none;
-moz-outline-style: 0 none;
display: block;
line-height: 24px;
_border-bottom: none;
 
}
 
    .breadcrumb .crust:first-child a.crumb
    {
        padding-left: 10px;
border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px;
border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px;
 
    }
 
    .breadcrumb .crust:last-child a.crumb
    {
        font-weight: bold;
 
    }
 
.breadcrumb .crust .arrow
{
    border: 12px solid transparent;
border-right: 1px none black;
border-left-color: #a5cae4;
display: block;
position: absolute;
right: -12px;
top: 0px;
z-index: 50;
width: 0px;
height: 0px;
 
}
 
.breadcrumb .crust .arrow span
{
    border: 12px solid transparent;
border-right: 1px none black;
border-left-color: #f0f7fc;
display: block;
position: absolute;
left: -13px;
top: -12px;
z-index: 51;
white-space: nowrap;
overflow: hidden;
text-indent: 9999px;
width: 0px;
height: 0px;
 
}
 
.breadcrumb .crust:hover a.crumb
{
    background-color: #d7edfc;
 
}
 
.breadcrumb .crust:hover .arrow span
{
    border-left-color: #d7edfc;
}
 
    .breadcrumb .crust .arrow
    {
        /* hide from IE6 */
        _display: none;
    }
 
.breadcrumb .jumpMenuTrigger
{
    background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat 0 0;
margin: 5px;
display: block;
float: right;
white-space: nowrap;
text-indent: 9999px;
overflow: hidden;
width: 13px;
height: 13px;
 
}
/*******************************/
/*      END breadBoxTop          */
/*******************************/
Без имени-1.png
 

qaqra

Пользователь
#9
По аналогии во всех типиэльках. Найти {U_INDEX} И поменять на нужное.
на что нужное то ? к примеру тут хде поменять ? спрашиваю лиш из за того что нету времени категорически,а хочется)))Заранее Спасибо !!!
 

Вложения

Сверху