С нами с 13.12.06
Сообщения: 2270
Рейтинг: 405
|
 Добавлено: 05/09/09 в 17:15 |
и все таки посоветуйте работающий вариант для стрима и что бы в ИЕ6 пахало !
|
|
|
|
| |
С нами с 29.05.09
Сообщения: 466
Рейтинг: 231
|
| Добавлено: 05/09/09 в 17:27 |
| Код: | img.thumb {
border: 1px solid #ffffff;
}
a:hover .thumb {
border: 1px #ffffff dashed;
} |
Класс thumb прописываешь каждой тумбе в img тэге. Работает в IE6-7, Opera, FF. Это все должно находиться с style.css
В стриме:
| Код: | | <a href="/streamrotator/out.php?l=#POS#&u=/out.php?url=#ENCODED_GAL#&link=thumb"><img src="#THUMB#" class="thumb" width="xxx" height="xxx" alt="#DESC#" border="1" /></a> |
|
|
|
|
Не завидуй, но добивайся сам. Расти, когда хочется умереть.
|
0
|
|
| |
Монах
С нами с 20.08.08
Сообщения: 566
Рейтинг: 432
|
| Добавлено: 05/09/09 в 17:40 |
Оффтопик: Skat и sawm, я основные понятия в хтмл и ксс проштудировал ровно за сутки. Через сутки, с нуля я знал из чего состоит хтмл документ(ну там h1, p, img, a, ul, самое основное.) и как к нему применять стили(border, font-style, background и в том же духе). Это было именно так. А все остальное, дивы, спаны, имеджмапы и в том же духе, я освоил за следующие пару недель. И не надо быть для этого х.з. каким невъебатся быть(блин забыл то слово, которым вы обозвались ), базис осваивается за сутки, если у тебя есть к этому способность. Другое дело если нет, можно на два листа описывать как сделать рамку у тумб, но человек не поймет один хер, и на завтра забудет. Для примера, у моей тети телефон три года, она до сих пор не может записывать номера, ну что поделать, не "технический склад ума" , с её же слов.
|
|
|
|
| |
С нами с 13.12.06
Сообщения: 2270
Рейтинг: 405
|
| Добавлено: 15/12/09 в 22:27 |
| megreep писал: | | Код: | img.thumb {
border: 1px solid #ffffff;
}
a:hover .thumb {
border: 1px #ffffff dashed;
} |
Класс thumb прописываешь каждой тумбе в img тэге. Работает в IE6-7, Opera, FF. Это все должно находиться с style.css
В стриме:
| Код: | | <a href="/streamrotator/out.php?l=#POS#&u=/out.php?url=#ENCODED_GAL#&link=thumb"><img src="#THUMB#" class="thumb" width="xxx" height="xxx" alt="#DESC#" border="1" /></a> |
|
попробовал. почему то не пашет в ИЕ6
|
|
|
|
| |
С нами с 04.03.07
Сообщения: 8931
Рейтинг: 5138
|
| Добавлено: 16/12/09 в 02:30 |
стукни нормальному верстальщику чтоб тебе раз сделали и все
|
|
|
|
| |
+ +
клоны загельмахера
С нами с 11.10.08
Сообщения: 14532
Рейтинг: 1943
|
| Добавлено: 19/12/09 в 15:52 |
А вот вариант посложнее но подрочибельней можно сделать =)
хоть кнопку PLAY добавляй, хоть лупу - залупу
но только если яваскриптов не боишся
хттп://cssglobe.com/post/1238/style-your-image-links
пример хттп://cssglobe.com/lab/imagelink/
скачать хттп://cssglobe.com/lab/imagelink/imagelink.zip
|
|
|
|
| |
С нами с 29.05.09
Сообщения: 466
Рейтинг: 231
|
| Добавлено: 20/12/09 в 15:50 |
из всех примеров мне понравился только на четвертой картинке и с лупой на первом. можно еще че-нибудь из адалта присобачить вместо лупы )) тут уж у кого насколько фантазии хватит.
|
|
|
|
Не завидуй, но добивайся сам. Расти, когда хочется умереть.
|
0
|
|
| |
С нами с 14.02.08
Сообщения: 173
Рейтинг: 43
|
| Добавлено: 20/12/09 в 19:36 |
Cyberex: может подскажешь конкретный источник, по которму ты за сутки основы изучил? пару месяцев назад решил заняться освоением - не хватило нервов читать и вникать в сложный иногда бредовый текст. думаю не одному мне это будет интересно 
|
|
|
|
| |
+ +
клоны загельмахера
С нами с 11.10.08
Сообщения: 14532
Рейтинг: 1943
|
| Добавлено: 20/12/09 в 19:41 |
| megreep писал: | | можно еще че-нибудь из адалта присобачить вместо лупы )) |
Но я не мудрствуя лукаво, просто присобачил кнопку с надписью PLAY... очень понравилось как сделано на webcams.com там кнопка Enter Chat так появляется при наведении...
и кстати, по поводу тех CSS что выше указывались, есть такой прикол, что нужно еще правильно !DOCTYPE указывать для паги, чтобы все корректно работало во всех браузерах...
я долго не мог понять, почему пишу стиль margin: 0 auto; который вроде бы как должен работать везде, и в ИЕ получаю отлуп... FF центрует, а ИЕ нет... но как только воткнул <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> сразу все заработало как надо...
|
|
|
|
| |
С нами с 29.05.09
Сообщения: 466
Рейтинг: 231
|
| Добавлено: 21/12/09 в 07:39 |
Bi Boy 77: гугль еще никто не отменял, равно как и другие поисковики.
|
|
|
|
Не завидуй, но добивайся сам. Расти, когда хочется умереть.
|
0
|
|
| |
С нами с 26.03.09
Сообщения: 8021
Рейтинг: 5621
|
| Добавлено: 21/12/09 в 10:03 |
я так делаю:
| Код: | <style>
.sx{border:1px solid #000}.so{border:1px solid #DE6761}.sc{border:0}
</style> |
и в сабтемплейте:
| Код: | | <td><a href="streamrotator/out.php?l=#POS#&u=out.php?u=#ENCODED_GAL#" ><img src="domen.com/#THUMB#" width="230" height="200" border="1" alt="#DESC#" class="sx" onmouseover="mo(this); window.status=''; return true" onmouseout="mx(this); window.status=''; return true" /></a></td> |
|
|
|
|
| |
С нами с 11.11.08
Сообщения: 3606
Рейтинг: 402
|
| Добавлено: 24/12/09 в 22:48 |
| $okolM писал: |
megreep писал:
Код:
| Код: |
img.thumb {
border: 1px solid #ffffff;
}
a:hover .thumb {
border: 1px #ffffff dashed;
}
|
Класс thumb прописываешь каждой тумбе в img тэге. Работает в IE6-7, Opera, FF. Это все должно находиться с style.css
В стриме:
Код:
| Код: | | <a href="/streamrotator/out.php?l=#POS#&u=/out.php?url=#ENCODED_GAL#&link=thumb"><img src="#THUMB#" class="thumb" width="xxx" height="xxx" alt="#DESC#" border="1" /></a> |
попробовал. почему то не пашет в ИЕ6
|
Дык, в таком виде и не будет пахать. ИЕ6 признает hover ТОЛЬКО для тега <a>. А посмотри внимательно приведенный выше код. Ты назначил бордер картинке, а реакции ховера требуешь от линка.
Мало того, так и прописанный в ХТМЛ бордер имеет приоритет выше, чем прописанный в цсс. А потому "накроет" бордер тега <a>
|
|
|
|
Выгодные туры в Прагу на kanikul.net
Горящие туры в Египет можно найти на сайте kanikul.net
|
0
|
|
| |
С нами с 11.11.08
Сообщения: 3606
Рейтинг: 402
|
| Добавлено: 24/12/09 в 23:01 |
Можешь использовать примерно вот такую конструкцию.
Это припиши в хтмл:
| Код: |
<div class="thumb" >
<a href="/streamrotator/out.php?l=#POS#&u=/out.php?url=#ENCODED_GAL#&link=thumb">
<img src="#THUMB#" alt="#DESC#"/>
</a>
</div>
|
и под это пишешь такой цсс и будет тебе счастье.
| Код: |
.thumb{
width:xxx;
height:xxx;
}
.thumb a{
width:xxx;
height:xxx;
border:1px solid #000;
display:block;
}
.thumb a:hover{
border:1px solid #ccc;
}
.thumb img{
width:xxx;
height:xxx;
border:none;
}
|
|
|
|
|
Выгодные туры в Прагу на kanikul.net
Горящие туры в Египет можно найти на сайте kanikul.net
|
0
|
|
| |
