U. Helper

Дата: 25 Августа 2011, 18:43 | Сообщение # 1

● ● ● ● ●

1 сообщение

0 наград

Статус: Offline

(http://)hitmangame.ru/publ/46-1-0-201

Вопрос: вот перейдите по этой ссылке, там в сообщение, вы увидете красные ссылки [/] <- и типа такого квадратика со стрелкой. Как его сделать.

Сразу говорою, никакого класса там нет, это скрипт, он заменяет класс .a <a href="ссылка">Text</a> , на другой класс с этой картинкой и красным цветом. Просто как его сделать этот скрипт, я не пойму.

Отредактировал Jampire - Пятница, 26 Августа 2011, 08:22

Дата: 26 Августа 2011, 08:22 | Сообщение # 2

● ● ● ● ●

220 сообщений

0 наград

Статус: Offline

Тебе нужно сделать так? :
Была ссылка:
<a href="ссылка">Text</a>
Скрипт сработал:
<a href="ссылка" class="трололо">Text</a>

Дата: 26 Августа 2011, 13:29 | Сообщение # 3

● ● ● ● ●

1 сообщение

0 наград

Статус: Offline

Jampire, нет , вот зайди сюда (http://)hitmangame.ru/publ/46-1-0-201, там есть две кликабельные ссылки.
Там текст белый, а эти ссылки крассные, и справа возле них есть картинка квадртаик со стрелкой. Как так сделать.

И это не класс, а скрипт.

Дата: 26 Августа 2011, 14:02 | Сообщение # 4

● ● ● ● ●

220 сообщений

0 наград

Статус: Offline

Quote (AdesKo →)

И это не класс, ~~а скрипт.~~

Code

.extLink {
color: #B12828 !important;
text-decoration: underline !important;
background: url(http://hitmangame.ru/res/a_out.gif) center right no-repeat;
padding-right: 14px;
}

Дата: 26 Августа 2011, 15:02 | Сообщение # 5

● ● ● ● ●

1 сообщение

0 наград

Статус: Offline

Jampire, нет, вот уже тут ты ошибаешься. Стиль ты нашел, а скрипт нет.

Вот <script type="text/javascript">
$('.atcMsg a').filter(function() {
return this.hostname && this.hostname !== location.hostname;
}).addClass('extLink').click(function() {
window.open(this.href);
return false;
});
$('img[src*="http://hitmangame.ru/_pu/"]').css({'border': '5px solid #171717', 'margin-right': '5px'});
</script>

Что с этим делать я не пойму?

Дата: 27 Августа 2011, 09:12 | Сообщение # 6

● ● ● ● ●

220 сообщений

0 наград

Статус: Offline

AdesKo, Скрипт добавляет в .atcMsg a класс extLink

Code

$('img[src*="http://hitmangame.ru/_pu/"]').css({'border': '5px solid #171717', 'margin-right': '5px'});

эта функция прописует объекту img[src*="http://hitmangame.ru/_pu/ стили 'border': '5px solid #171717', 'margin-right': '5px'

Дата: 27 Августа 2011, 11:28 | Сообщение # 7

● ● ● ● ●

1 сообщение

0 наград

Статус: Offline

Jampire, я вообще не понял ни че.

Добавлено (27 Август 2011, 11:28)
---------------------------------------------
Jampire, я его рипнул, но с таким еще не сталкивался.
Создай html страницу и вставь этот код.

Code

<html>
<head>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<script type="text/javascript" src="http://src.ucoz.net/src/u.js"></script>
</head>

<div class="atcMsg">
<a href="http://hitmangame.ru/">Текст</a>
<a href="http://davidbateson.dk/">Davidbateson.dk</a>
<a href="http://viviennemckee.com/">Viviennemckee.com</a>
</div>
</body>
</html>
<script type="text/javascript">
$('.atcMsg a').filter(function() {
return this.hostname && this.hostname !== location.hostname;
}).addClass('extLink').click(function() {
window.open(this.href);
return false;
});
</script>

Смотри на ссылки, все работает. Только сменишь ссылку, просто если даже уберешь одну букву все, код слетает. Как это ваще возможно.

Отредактировал Jampire - Суббота, 27 Августа 2011, 12:10

Дата: 27 Августа 2011, 12:08 | Сообщение # 8

● ● ● ● ●

220 сообщений

0 наград

Статус: Offline

AdesKo, это язык jQuery - для него нужно подключить библиотеку соответствующую.

Добавлено (27 Август 2011, 12:08)
---------------------------------------------
Так-же неизвестны стили класса у тебя.

Добавлено (27 Август 2011, 12:08)
---------------------------------------------

Code

<html>
<head>
<style>
.extLink {
color: #B12828 !important;
text-decoration: underline !important;
background: url(http://hitmangame.ru/res/a_out.gif) center right no-repeat;
padding-right: 14px;
}
</style>
<script type="text/javascript" src="http://s17.ucoz.net/src/jquery-1.6.1.js"></script>
<script type="text/javascript" src="http://src.ucoz.net/src/u.js"></script>
</head>

<div class="atcMsg">
<a href="http://hitmangame.ru/">Текст</a>
<a href="http://davidbateson.dk/">Davidbateson.dk</a>
<a href="http://viviennemckee.com/">Viviennemckee.com</a>
</div>
</body>
</html>
<script type="text/javascript">
$('.atcMsg a').filter(function() {
return this.hostname && this.hostname !== location.hostname;
}).addClass('extLink').click(function() {
window.open(this.href);
return false;
});
</script>

дерзай

Все элементарное - просто (с)

Дата: 27 Августа 2011, 17:02 | Сообщение # 9

● ● ● ● ●

1 сообщение

0 наград

Статус: Offline

Jampire, у меня библиотека 1.4.2 и файл u.js но это не то, я уже сам сдела что надо.

Надо было убрать вот эту строчку && this.hostname !== location.hostname;

и все работает, а библиотека и с <script type="text/javascript" src="http://src.ucoz.net/src/u.js"></script> этом работает. Все равно спасибо. И стили класса известны, я их my.css вставил, а тут ссылку убрал.

P.S. И я же говорил это скрипт biggrin

Дата: 28 Августа 2011, 02:55 | Сообщение # 10

● ● ● ● ●

220 сообщений