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

1616
10 из 10
Проголосовало: 4






Всем привет! С вами снова Я)
Сейчас я стараюсь изучить как можно больше интересных языков программирования.
Если раньше я знал 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(http://y4yjs.ucoz.ru/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').css({'text-decoration':'none', 'padding':'5px', 'border':'1px solid #d2d2d2', 'background-color':'#f2f2f2'});  
  $('.pmCatLinkActive').css({'text-decoration':'none', 'padding':'5px', 'border':'1px solid #22272c', 'background-color':'#384048', 'color':'#FFFFFF'});  
  $('.pmCatLink').parent().html($('.pmCatLink').parent().html().replace(/\[/g,'').replace(/\]/g,'').replace(/\|/g,' ')); //Авторский скрипт TRANE73.RU, он уберает всякую гряз с ссылок вверху  

  });  
  </script>  
  <style type="text/css">  
  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>
Автор публикации: Загрузка
Загрузка
Kiwi, это его n материал
  • Всего комментариев: 10

Kelin
0
Kelin написал: Написано 05 Апреля 2012 в 18:48
Комментарий №3
Р-р-ребят, мне одному кажется, что часть JavaScript'a тут лишняя? wacko
Code

    $('.pmCatLink').css({'text-decoration':'none', 'padding':'5px', 'border':'1px solid #d2d2d2', 'background-color':'#f2f2f2'});    
    $('.pmCatLinkActive').css({'text-decoration':'none', 'padding':'5px', 'border':'1px solid #22272c', 'background-color':'#384048', 'color':'#FFFFFF'});       

=

Code

.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;}

А если нет разницы, зачем писать больше? biggrin

Kiwi
0
Kiwi написал: Написано 05 Апреля 2012 в 19:08
Комментарий №4
Да) Смешно получилось) Понимаешь, я просто только начал учить Javascript и jQuary, и пытаюсь изменять с их помощь. (Кстати это JS, а JQ). Ну а впрочемесли убрать JS и просто вставить твой пример css отображается не корректно.

Kelin
0
Kelin написал: Написано 05 Апреля 2012 в 19:53
Комментарий №6
Quote (MAMKA)
онимаешь, я просто только начал учить Javascript и jQuary, и пытаюсь изменять с их помощь.

Ничего страшного. Только jQuery biggrin
Quote (MAMKA)
Ну а впрочемесли убрать JS и просто вставить твой пример css отображается не корректно.

Не весь, а часть smile
Иначе будет показывать стандартные юкозовские знаки "[", "|", "]"

Kiwi
0
Kiwi написал: Написано 05 Апреля 2012 в 19:09
Комментарий №5
ошибочка) (Кстати это не JS, а JQ)

Kelin
0
Kelin написал: Написано 05 Апреля 2012 в 19:54
Комментарий №7
Разве? wink
А, фиг с ним, все равно почти одно и то же biggrin

Kiwi
0
Kiwi написал: Написано 05 Апреля 2012 в 22:07
Комментарий №8
Именно если убрать часть кода которая отвечает за стихи будет не корректно отображаться.

Kelin
0
Kelin написал: Написано 07 Апреля 2012 в 09:33
Комментарий №10
Стихи biggrin

Kiwi
0
Kiwi написал: Написано 05 Апреля 2012 в 23:14
Комментарий №9
Отвечает за стили* ошибочка(

BLAzER
0
BLAzER написал: Написано 05 Апреля 2012 в 16:23
Комментарий №2
Ага скрипт окуееный!

Maestro
0
Maestro написал: Написано 05 Апреля 2012 в 14:50
Комментарий №1
спасибо, круто! biggrin cool

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
    Последние темы
    Опрос
    258
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: