Визуальные эффекты - скрипты, скрипты |
Здравствуйте, гость ( Вход | Регистрация )
Визуальные эффекты - скрипты, скрипты |
Гость_Акколада_* |
6.3.2007, 22:50
Сообщение
#21
|
Гость |
Скрипт окна нововстей форума
Скрипт, в отличии от кодов, которые вы вставляете с других сайтов и которые призваны отображать чужие новости, позволяет сделать в объявлении или где-либо фрейм с вами лично составляемыми новостями о вашем форуме. Принцип работы как у стандартных подобных фреймов. В начальном сотоянии в нем отображаются все новости одна под другой в обрезанном, сокращенном виде. Рядом же стоит ссылка позволяющая развернуть и прочитать выбранную новость. При нажатии на нее окно полностью занимает текст новости в полном виде и вверху и внизу кнопки "Назад", чтобы прочитав, можно было вернуться к ощему списку нововстей. Код <div id="mynews" style="overflow: scroll; width: 300px; height: 200px;">aaa</div> <script type="text/javascript"> var p=0 var arrn=new Array(3) arrn[0]="<h1>Комментарии и предложения</h1><br /> Все чувства, будь то удовлетворение или недовольство работой сервиса и этого форума, радость или огорчение по поводу каких-либо изменений, а так же предложения по улучшению работы – всё это сюда.<br />" arrn[1]="<h1>Комментарии и предложения</h1><br /> Все чувства, будь то удовлетворение или недовольство работой сервиса и этого форума, радость или огорчение по поводу каких-либо изменений, а так же предложения по улучшению работы – всё это сюда.<br />" arrn[2]="<h1>Комментарии и предложения</h1><br /> Все чувства, будь то удовлетворение или недовольство работой сервиса и этого форума, радость или огорчение по поводу каких-либо изменений, а так же предложения по улучшению работы – всё это сюда.<br />" ........................................ ........................................Вместо точек добавляйте совй строчки function cutNews(r) {var cut if (r.length>250) {cut=r.substr(0, 200)} else if ((r.length<=250)&&(r.length>=200)) {cut=r.substr(0, 170)} else {cut=r} return cut} function getNews() {document.getElementById('mynews').innerHTML="" for (p=0; p<=2; p++) {document.getElementById('mynews').innerHTML=document.getElementById('mynews').innerHTML+cutNews(arrn[p])+"..."+"<a name='newie'>"+p+"</a>"+"<br /><br />"} defineIt()} function defineIt() {var net=document.getElementsByName("newie") var o=0 for (o=0; o<=2; o++) {if (net[o].innerHTML=="0") {net[o].href ="java script: allNews(0);"} else if (net[o].innerHTML=="1") {net[o].href ="java script: allNews(1);"} else if (net[o].innerHTML=="2") {net[o].href ="java script: allNews(3);"}}} function allNews(j) {var back="<p align='center'>"+"<a href='java script: getNews();'><< Назад</a></p>" document.getElementById('mynews').innerHTML=back+"<br />"+arrn[j]+"<br />"+back} getNews() </script> Обратите внимание на салатовые строчки. Их должно быть столько, сколько у вас новостей одновременно показывается. Больше 10 не советую. Нумерация в квадратных скобках по порядку, с нуля. Вместо зеленой цифры поставьте число ваших новостей. Жирным в новостях обозначены заголовки новостей. Пренос на другую строку в тексте новости обозначайте как <br /> а не в коем случаем не энтером. Посмотрите на синий блок скрипта. Их должно быть стоько, сколько у вас новостей. Там где жирные цифры не забывайте менять нумерацию. Так же в CSS вы можете оформить дизайн окна по вашему разумению <style type="text/css"> #my news {...} само окно #my news h1 {...} заголовки в нем #mynews a {...} ссылки в нем. </style> Сообщение отредактировал Акколада - 6.3.2007, 22:51 |
|
|
7.3.2007, 0:29
Сообщение
#22
|
|
Любитель Группа: Участник Сообщений: 2416 Регистрация: 22.2.2007 Пользователь №: 4402 |
Полезный скриптик для слайд шоу. Только картинки свои подставать...
Для запуска кликнуть на первый слайд. Код <script>
var slideShowSpeed = 5000 var crossFadeDuration = 5 var Pic = new Array() Pic[0] = 'http://www.yoursite.com/photos/1.JPG' Pic[1] = 'http://www.yoursite.com/photos/2.JPG' Pic[2] = 'http://www.yoursite.com/photos/3.JPG' Pic[3] = 'http://www.yoursite.com/photos/4.JPG' Pic[4] = 'http://www.yoursite.com/photos/5.JPG' var t var j = 0 var p = Pic.length var preLoad = new Array() for (i = 0; i < p; i++){ preLoad[i] = new Image() preLoad[i].src = Pic[i] } function runSlideShow(){ if (document.all){ document.images.SlideShow.style.filter="blendTrans(duration=2)" document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)" document.images.SlideShow.filters.blendTrans.Apply() } document.images.SlideShow.src = preLoad[j].src if (document.all){ document.images.SlideShow.filters.blendTrans.Play() } j = j + 1 if (j > (p-1)) j=0 t = setTimeout('runSlideShow()', slideShowSpeed) } </script> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td id="VU"> <img name='SlideShow' src="http://www.yoursite.com/photos/1.JPG" onclick="runSlideShow()"></td> </tr> </table> -------------------- Настоящий интеллигент - это человек, много думающий о том, что его совершенно не касается.
|
|
|
Гость_Акколада_* |
7.3.2007, 0:33
Сообщение
#23
|
Гость |
emedia4u
О спасибо -классный скрипт!!!!! |
|
|
Гость_Акколада_* |
7.3.2007, 0:49
Сообщение
#24
|
Гость |
Цитата(Акколада @ 6.3.2007, 23:24) [snapback]75005[/snapback] emedia4u О спасибо -классный скрипт!!!!! А ты знаешь скрипт-как например закрыть Лого с лева invision своим лого(любой другой картинкой)? |
|
|
Гость_Акколада_* |
7.3.2007, 1:11
Сообщение
#25
|
Гость |
Логотип-картинка во всю шапку (за исключением баннера)
Код <style type="text/css">
#pun-title .title-logo {display: none;} #pun-title table {background-image: url(адрес вашей картинки);} </style> |
|
|
7.3.2007, 1:16
Сообщение
#26
|
|
Любитель Группа: Участник Сообщений: 2416 Регистрация: 22.2.2007 Пользователь №: 4402 |
Цитата(Акколада @ 6.3.2007, 16:40) [snapback]75006[/snapback] А ты знаешь скрипт-как например закрыть Лого с лева invision своим лого(любой другой картинкой)? Лого называется style_images/1/logo4.gif Если у вас есть доступ к этому имеджу его можно просто заменить на другой с таким же названием... Скрипт тоже можно написать со слоями (Z-INDEX). В верхний слой поместить картинку с координатами 0,0 которая закроет лого. style="Z-INDEX: 0; LEFT: 0px; POSITION: absolute; TOP: 0px" Короче много есть способов, все зависит от доступа к серверу... -------------------- Настоящий интеллигент - это человек, много думающий о том, что его совершенно не касается.
|
|
|
Гость_Акколада_* |
7.3.2007, 1:19
Сообщение
#27
|
Гость |
Есть еще такой
Картинка во всю шапку, с регулирующейся шириной под разные браузер/ расширение экрана. НЕ работает в Firefox, Safari Код <style type="text/css">
#pun-title table {background-image: none !important;} #pun-title, #pun-title table, .title-logo-tdr {background-color: transparent;} #pun-title table {position: relative; top: -30px; z-index: 100 !important; height: 0px;} #pun-title .title-logo {display: none;} #pun-title {height: 50px;} </style> <script type="text/javascript"> var logot=document.getElementById('pun-title').innerHTML document.getElementById('pun-title').innerHTML="<img src='адрес картинки'"+" style='width: 100%; position: relative; top: 30px;' />"+logot </script> |
|
|
7.3.2007, 1:26
Сообщение
#28
|
|
Любитель Группа: Участник Сообщений: 2416 Регистрация: 22.2.2007 Пользователь №: 4402 |
Да зачем так мучатся...
Найди <div id="logostrip"> и закоментируй или удали... -------------------- Настоящий интеллигент - это человек, много думающий о том, что его совершенно не касается.
|
|
|
7.3.2007, 1:45
Сообщение
#29
|
|
Любитель Группа: Участник Сообщений: 2416 Регистрация: 22.2.2007 Пользователь №: 4402 |
Цитата(emedia4u @ 6.3.2007, 17:17) [snapback]75010[/snapback] Да зачем так мучатся... Найди <div id="logostrip"> и закоментируй или удали... Замок Чудес -------------------- Настоящий интеллигент - это человек, много думающий о том, что его совершенно не касается.
|
|
|
7.3.2007, 1:50
Сообщение
#30
|
|
Я тут живу Группа: Администратор Сообщений: 46978 Регистрация: 16.7.2005 Из: Израиль Пользователь №: 10 |
Классная тема! Очень нужная и актуальная. Браво, Акколада. Дерзаем, создаем, делимся и выдаем нам в готовом виде (как в посте у Имедия)
-------------------- "Жить надо так, чтобы тебя помнили и сволочи"
Раневская |
|
|
Гость_Акколада_* |
7.3.2007, 2:15
Сообщение
#31
|
Гость |
Цитата(sirena @ 7.3.2007, 0:41) [snapback]75012[/snapback] Классная тема! Очень нужная и актуальная. Браво, Акколада. Дерзаем, создаем, делимся и выдаем нам в готовом виде (как в посте у Имедия) Не я так не соображаю |
|
|
7.3.2007, 10:37
Сообщение
#32
|
|
Я тут живу Группа: Администратор Сообщений: 46978 Регистрация: 16.7.2005 Из: Израиль Пользователь №: 10 |
У меня идея. Придумайте варианты лого для Замка Чудес и поставьте в этой теме. Лучший вариант по-мнению форума и будет нашим лого
-------------------- "Жить надо так, чтобы тебя помнили и сволочи"
Раневская |
|
|
7.3.2007, 19:15
Сообщение
#33
|
|
Любитель Группа: Участник Сообщений: 2416 Регистрация: 22.2.2007 Пользователь №: 4402 |
Цитата(sirena @ 7.3.2007, 2:28) [snapback]75024[/snapback] У меня идея. Придумайте варианты лого для Замка Чудес и поставьте в этой теме. Лучший вариант по-мнению форума и будет нашим лого
Прикрепленные файлы
-------------------- Настоящий интеллигент - это человек, много думающий о том, что его совершенно не касается.
|
|
|
7.3.2007, 20:34
Сообщение
#34
|
|
Я тут живу Группа: Администратор Сообщений: 46978 Регистрация: 16.7.2005 Из: Израиль Пользователь №: 10 |
Красиво. Ну а если что-то мистически-волшебное и конечно же доброе, как наш Замок?
-------------------- "Жить надо так, чтобы тебя помнили и сволочи"
Раневская |
|
|
7.3.2007, 23:12
Сообщение
#35
|
|
Любитель Группа: Участник Сообщений: 2416 Регистрация: 22.2.2007 Пользователь №: 4402 |
Цитата(sirena @ 7.3.2007, 12:25) [snapback]75030[/snapback] Красиво. Ну а если что-то мистически-волшебное и конечно же доброе, как наш Замок?
Прикрепленные файлы
-------------------- Настоящий интеллигент - это человек, много думающий о том, что его совершенно не касается.
|
|
|
Гость_Акколада_* |
8.3.2007, 13:31
Сообщение
#36
|
Гость |
|
|
|
8.3.2007, 14:41
Сообщение
#37
|
|
Любитель Группа: Validating Сообщений: 2839 Регистрация: 14.2.2007 Пользователь №: 4175 |
-------------------- Легче зажечь одну маленькую свечу, чем проклинать пустоту».
Конфуций |
|
|
Гость_Акколада_* |
9.3.2007, 0:33
Сообщение
#38
|
Гость |
Логотип в левой части шапки, вместо надписи invision
Самый простой способ, реализуемый при помощи css Код <style type="text/css"> #pun-title .title-logo {background-image: url(адрес вашей картинки); background-repeat: no-repeat;} </style> Если остальной фон шапки вы хотите отделать в том же стиле Код <style type="text/css"> #pun-title table {background-image: url(адрес вашей картинки);} </style> Если на вашем графическом логотипе некрасиво устроилось буквенное название форума Код <style type="text/css"> #pun-title h1 span {display: none;} </style> Логотип-картинка во всю шапку (за исключением баннера) Код [/b]<style type="text/css"> #pun-title .title-logo {display: none;} #pun-title table {background-image: url(адрес вашей картинки);} </style>[b] |
|
|
9.3.2007, 2:55
Сообщение
#39
|
|
Любитель Группа: Участник Сообщений: 2416 Регистрация: 22.2.2007 Пользователь №: 4402 |
-------------------- Настоящий интеллигент - это человек, много думающий о том, что его совершенно не касается.
|
|
|
9.3.2007, 4:15
Сообщение
#40
|
|
Любитель Группа: Участник Сообщений: 2445 Регистрация: 23.5.2006 Из: Москва, Россия Пользователь №: 207 |
Акколада,Имедиа,Лаура! Здорово.
Сирена! Идея про логотип Я безнадежно не могу "вьехать"в процесс стараюсь Жаль Лаура, что твоя ссылка не грузится Что ж там было Мож еще будет. Вас, Имедиа, можно попросить что-нибудь еще и желательно с замком и еще туда побольше волшебства и романтики Поддерживаю всей душой. Извините, если навязчиво..да еще и самой нечего предложить (ни фоток , ни картинок вообще..угнетает это..вот сегодня не получилось вставить фотографию -только как ссылка делалась-но я по мере сил,упорно работаю над этим Я не жалуюсь, а "прошу не судить строго" -------------------- Con Аmore!!!
C Любовью!!! |
|
|
Текстовая версия | Сейчас: 26.4.2024, 13:57 |
Все права защищены © Мистика Алла 2005 По вопросам рекламы обращаться по телефону (972)054-695-90-23 или на электронную почту. |