Маленькое видоизменение страницы ЛС



Всем привет! С вами снова Я)
Сейчас я стараюсь изучить как можно больше интересных языков программирования.
Если раньше я знал CSS и HTML. И мне этого хватало. То сейчас я чувствую потребность в большем. И стараюсь изучить JavaScript и jQuary.
Сегодня я вам хотел представить новый скрипт написанный по средствам jQuary.
Это первый мой скрипт на jQuary.
В чём суть скрипта?
Особо не в чём. Это маленький скрипт который просто немного видоизменяет страницу лс пользователя.
Знаю по себе, что эти ссылки "Входящие, Отправленные" просто иногда напрягают глаз. Поэтому я изменил их. Теперь они не просто "Не напрягают глаз", а наоборот Радуют! Всё очень просто и красиво, ничего не напрягает глаз.
Внимание: В данном скрипте используется скрипт TRANE73. Так как мои знания ещё не на столько обширны, я использовал его скрипт, что бы убрать глупые и никому не нужные скобки "[]"

Установка:
Нет ничего проще, чем просто заменить ваш код на этот:

Code
<html>  
  <head>  
  <title>$TITLE$</title>  
  <link type="text/css" rel="StyleSheet" href="/.s/src/css/971.css">  
  </head>  
  <body style="background-image:url(/img/backgroundPm.png); margin:0;margin-top:100px;padding:0;">  

  <table align="center" width="1000px" style="border-collapse:collapse;border:8px solid #384048;background-color:#FFFFFF;">  
  <tr>  
  <td style="padding:10px;">$BODY$</td>  
  </tr>  
  </table>  

  <script >  
  $(document).ready(function(){  
  $('.pmCatLink').parent().html($('.pmCatLink').parent().html().replace(/\[/g,'').replace(/\]/g,'').replace(/\|/g,' '));  
  });  
  </script>  
  <style type="text/css">  
.pmCatLink {text-decoration:none; padding:5px; border:1px solid #d2d2d2; background-color:#f2f2f2;}
.pmCatLink:active {text-decoration:none: padding:5px: border:1px solid #22272c: background-color:#384048; color:#FFFFFF;}  
  hr{  
  margin:10px;  
  border:1px dotted #FFFFFF;  
  border-bottom:1px dotted #d2d2d2;  
  }  
  a b.unread {  
  color:#384048;  
  }  
  .codeButtons {  
  background-color:#384048;  
  border:1px solid #22272C;  
  padding:3px;  
  margin-top:5px;  
  margin-bottom:5px;  
  }  
  </style>  
  </body>  
  </html>

  • FalleN

  • 901

  • 1

  • 186

Ссылки на статью:

Похожие статьи: