Вид материалов by doc
5202
7.4 из 10
Проголосовало: 6
Проголосовало: 6
Я не сомневаюсь, что вы видели где-то похожие виды. просто я сам их видел. Но я вас уверяю, этот вид написан с нуля и РИПа нет!!!
Так вот есть вид материалов, при наведении на который появляется бегущая строка..а в принципе что я вам объясняю вот:
а вот при наведении:
Скрипт был сделан мной для этого конкурса. Сам вид простой, нет ничего нового, ничего необычного. Просто изображение которое вы поставите при добавлении и название, которое выполнено в виде бегущей строки появляющейся при наведении.
Так же при наведении появляется рамка(обводка) которая выделяет выбранный материал.
Ещё одна особенность этого вида, он подойдет к любому модулю, не зависимо от css или других скриптов, проще говоря кроссмодульный вид материалов!
Ну в общем вот код его ставите в вид материала любого модуля:
Code
<div style="float:left;"><div style="padding:2px 5px 9px 5px;">
<div class="infMat ltop_rbottom" onmouseover="$('#infMatTitle$ID$').show()" onmouseout="$('#infMatTitle$ID$').hide()">
<a href="$ENTRY_URL$">
<?if($IMG_URL1$)?><img src="$IMG_URL1$" class="VidIMGdoc" title="$TITLE$" border="0" /><?else?><img src="ссылка на изображение-заглушку" class="VidIMGdoc" title="$TITLE$" border="0" /><?endif?>
</a>
<div id="infMatTitle$ID$" style="display:none; padding:3px 3px 4px 3px; border:1px solid #ccc; background:#f3f3f3; margin:-23px -1px 0px 0px; position:absolute; width:157px;">
<marquee bgcolor="#f3f8fb" behavior="scroll"><b>$TITLE$</b></marquee>
</div>
</div></div></div>
<style>
.lbottom_rtop {-webkit-border-top-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomleft: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 2px;}
div.infMat {background:#f5f5f5; border:1px solid #ccc; padding:5px;}
div.infMat:hover {background:#fff; border:1px solid #2B587A;}
img.VidIMGdoc {border:1px solid #ccc; height:93px; width:161px; padding:1px; background:#fff;}
</style>
<div class="infMat ltop_rbottom" onmouseover="$('#infMatTitle$ID$').show()" onmouseout="$('#infMatTitle$ID$').hide()">
<a href="$ENTRY_URL$">
<?if($IMG_URL1$)?><img src="$IMG_URL1$" class="VidIMGdoc" title="$TITLE$" border="0" /><?else?><img src="ссылка на изображение-заглушку" class="VidIMGdoc" title="$TITLE$" border="0" /><?endif?>
</a>
<div id="infMatTitle$ID$" style="display:none; padding:3px 3px 4px 3px; border:1px solid #ccc; background:#f3f3f3; margin:-23px -1px 0px 0px; position:absolute; width:157px;">
<marquee bgcolor="#f3f8fb" behavior="scroll"><b>$TITLE$</b></marquee>
</div>
</div></div></div>
<style>
.lbottom_rtop {-webkit-border-top-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomleft: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 2px;}
div.infMat {background:#f5f5f5; border:1px solid #ccc; padding:5px;}
div.infMat:hover {background:#fff; border:1px solid #2B587A;}
img.VidIMGdoc {border:1px solid #ccc; height:93px; width:161px; padding:1px; background:#fff;}
</style>
Вот подробное описание каждого кода:
1. Вы можете сделать определённое кол-во колонок, для этого первый див(<div style="float:left; " >) заменить на:
Code
<div style="float:left; width:25%" >
25% - и отвечает за кол-во колонок, тоесть вы 100% делите на 25%(это для новичков и нубов)
2. Изображение выводится $IMG_URL1$, то есть первой картинкой материала. Ее вы можете заменить на что угодно!
3.Картинка заглушка - это картинка которая появляется, если нет изображения 1
4.В бегущую строку можно вписать не только название материала, но и другой текст, редактируется здесь($TITLE$, опять же для новичков и нубов)
Code
<marquee bgcolor="#f3f8fb" behavior="scroll"><b>$TITLE$</b></marquee>
5. Ну и на последок рамка(обводка). Она имеет синий цвет, и редактируется здесь:
Code
div.infMat:hover {background:#fff; border:1px solid #2B587A;}
Заменяете 2B587A на свой цвет.
Удачного использования!
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 12
-4
|
задрали со своими доками вампирами камарами
сидят там толстячки задротятся в пб и думают им попадется через торент такой диск и они станут супер людьми которые будут убивать придмайте чтото свое и не надо повторять за комнатными актерами |
0
|
Пиши в тему!
P.S. у меня этот ник(да и прозвище) с детства(еще до этого фильма)!!! |
0
|
и это говорит человек с таким же ником, как у админа
|
0
|
ага, куда народ катится
|
|
-2
|
у меня этот ник с 2001 года есть видео которое доказывает я там рисовал болончиком на старой ржавой машине именно 18 ноября 2001 года
и не недо тут ШЕЛЕСТЕТЬ насчет ника до фильма до фильма я токого не видел и просто совпадение 24^3 = 13 824 т.е 24^3 = 13 824/3 (DOC) я не помню как точно решать кол-во совпадений так что пока успел нагуглить |
|
0
|
у меня это прозвище со 2го класа(2006года) а фильм вышел в 2009(или10) я не виноват, что док это популярное прозвизще, у меня в вк стоит док и в юнет я тоже зарегался как док! так что не возникай!
Тему офф 
|
|
+3
|
VoVcHiK Ты ваще не в тему говоришь.Разве тут обсуждаются ники пользователей?
По видимому тут оценивают материал и говорят о его недочетах. Каждый в праве выбирать любой какой пожелает ник,а если тебе уже эти все ники надоедают,ненадо об этом говорить обществу. |
|
-4
|
Вид неплохой, но слишком стандартный!
|
|
-2
|
согласен, но вполне приемлемый и удобный!
|
|
+3
|
Уникальность текста 98%
Очень высокая уникальность текста |
|
+1
|
старался
|
0
|
Неплохой скрипт, думаю много кому пригодится , к тому же еще таких невстричал
|
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
 |  |  |  |  |  |
 | |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2026 г.
- Design by Вовчик Администратор:)