Master-X
Форум | Новости | Статьи
Главная » Форум » CJs » 
Тема: Перекрашивание рамки тумб в streaме
цитата
05/09/09 в 17:15
 $okolM
и все таки посоветуйте работающий вариант для стрима и что бы в ИЕ6 пахало !
цитата
05/09/09 в 17: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>
цитата
05/09/09 в 17:40
 Cyberex
Оффтопик: Skat и sawm, я основные понятия в хтмл и ксс проштудировал ровно за сутки. Через сутки, с нуля я знал из чего состоит хтмл документ(ну там h1, p, img, a, ul, самое основное.) и как к нему применять стили(border, font-style, background и в том же духе). Это было именно так. А все остальное, дивы, спаны, имеджмапы и в том же духе, я освоил за следующие пару недель. И не надо быть для этого х.з. каким невъебатся быть(блин забыл то слово, которым вы обозвалисьicon_smile.gif ), базис осваивается за сутки, если у тебя есть к этому способность. Другое дело если нет, можно на два листа описывать как сделать рамку у тумб, но человек не поймет один хер, и на завтра забудет. Для примера, у моей тети телефон три года, она до сих пор не может записывать номера, ну что поделать, не "технический склад ума" , с её же слов.
цитата
15/12/09 в 22:27
 $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
цитата
16/12/09 в 02:30
 mickey
стукни нормальному верстальщику чтоб тебе раз сделали и все
цитата
19/12/09 в 15:52
 cdroller
А вот вариант посложнее но подрочибельней можно сделать =)
хоть кнопку PLAY добавляй, хоть лупу - залупу
но только если яваскриптов не боишся

хттп://cssglobe.com/post/1238/style-your-image-links

пример хттп://cssglobe.com/lab/imagelink/
скачать хттп://cssglobe.com/lab/imagelink/imagelink.zip
цитата
20/12/09 в 15:50
 megreep
из всех примеров мне понравился только на четвертой картинке и с лупой на первом. можно еще че-нибудь из адалта присобачить вместо лупы )) тут уж у кого насколько фантазии хватит.
цитата
20/12/09 в 19:36
 Bi Boy 77
Cyberex: может подскажешь конкретный источник, по которму ты за сутки основы изучил? пару месяцев назад решил заняться освоением - не хватило нервов читать и вникать в сложный иногда бредовый текст. думаю не одному мне это будет интересно icon_rolleyes.gif
цитата
20/12/09 в 19:41
 cdroller
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"> сразу все заработало как надо...
цитата
21/12/09 в 07:39
 megreep
Bi Boy 77: гугль еще никто не отменял, равно как и другие поисковики.
цитата
21/12/09 в 10:03
 Deyatel_Kyltyru
я так делаю:
Код:
<style>
.sx{border:1px solid #000}.so{border:1px solid #DE6761}.sc{border:0}
</style>

и в сабтемплейте:
Код:
<td><a href="streamrotator/out.php?l=#POS#&amp;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>
цитата
24/12/09 в 22:48
 pinnokio
$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>
цитата
24/12/09 в 23:01
 pinnokio
Можешь использовать примерно вот такую конструкцию.
Это припиши в хтмл:
Код:

<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;
}
Стр. « первая   <  1, 2


Эта страница в полной версии