Поиск:
  • Страница 1 из 1
  • 1
Новый вид репутации
Дата: Пятница, 20.05.2011, 19:31 | Сообщение # 1
Offline
  • Проверенный

  • _PS_AE_
  • 320 Сообщения

[Table]Репутация для форума имеет два типа отображения: Пользовательская и Своя. Обычная стилизация с применением некоторых эффектов css3. [/Table]

[Table] Главная » Управление дизайном » Форум » Общий вид страниц форума, после $BODY$ вставляем код: [/Table]

Code
<script type="text/javascript">   
  function repchange(val,id){   
  repval=val;   
  ajaxtime=setInterval('checkajax'+id+'()',500);}   
  </script>

[Table] Главная » Управление дизайном » Форум » Вид материалов, находим следующий код: [/Table]

Code
<?if($READ_REP_URL$)?><div class="reputation">Репутация: <a title="Смотреть историю репутации" class="repHistory" href="$READ_REP_URL$"><b>$REP_RATING$</b></a> <?if($DO_REP_URL$)?> <a class="reputationDo" title="Изменить репутацию" href="$DO_REP_URL$"><span style="font-size:10pt"><b>±</b></span></a></div><?endif?><?endif?>

[Table] И заменяем его на [/Table]

Code
<?if($USER_LOGGED_IN$)?><div class="reputation">   
  <?if($DO_REP_URL$)?><a href="$DO_REP_URL$"><span class="rep_p" onclick="repchange('plus','$ID$');">+</span></a><a href="$READ_REP_URL$"><span class="reprating">$REP_RATING$</span></a><a href="$DO_REP_URL$"><span class="rep_m" onclick="repchange('minus','$ID$');">—</span></a><?else?>   
  <?if($REP_RATING$)?><a href="$READ_REP_URL$"><span class="reprating1">$REP_RATING$</span></a><?endif?><?endif?>   
  </div><?endif?>

[Table] Главная » Управление дизайном » Общие шаблоны » Таблица стилей (CSS), находим строчку: [/Table]

Code
.reputation {margin-top:5px;}

[Table] Заменяем (если шаблон стандартный) её на: [/Table]

Code
.reputation {padding:6px 0 6px 0;}   
  .rep_p {padding: 3px;border:1px solid #729a33;background:#9ec448;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;color:#fff;}   
  .reprating {padding: 3px 8px 3px 8px;border-top:1px solid #d6c3b4;border-bottom:1px solid #d6c3b4;background:#f9f6f4;color:#ae9179;}   
  .reprating1 {padding: 3px 8px 3px 8px;border:1px solid #d6c3b4;background:#f9f6f4;color:#ae9179;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}   
  .rep_m {padding: 3px;border:1px solid #cf4735;background:#e37c6e;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;color:#fff;}   
  .rep_p:hover {background:#aed94d;color:#fff;}   
  .reprating:hover {background:#fff;color:#ae9179;}   
  .reprating1:hover {background:#fff;color:#ae9179;}   
  .rep_m:hover {background:#ec8375;color:#fff;}

[Table] Если шаблон скачанный, то вставляем код выше в ваш файл CSS в самый низ.[/Table]


[TableGrey]Не забываем про +[/TableGrey]
  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2025 Сайт управляется системой uCoz.