Визуальные эффекты - скрипты, скрипты Опции

[Гость_Акколада_*]

Скрипт окна нововстей форума

Скрипт, в отличии от кодов, которые вы вставляете с других сайтов и которые призваны отображать чужие новости, позволяет сделать в объявлении или где-либо фрейм с вами лично составляемыми новостями о вашем форуме.
Принцип работы как у стандартных подобных фреймов. В начальном сотоянии в нем отображаются все новости одна под другой в обрезанном, сокращенном виде. Рядом же стоит ссылка позволяющая развернуть и прочитать выбранную новость. При нажатии на нее окно полностью занимает текст новости в полном виде и вверху и внизу кнопки "Назад", чтобы прочитав, можно было вернуться к ощему списку нововстей.

Код

    <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();'><&#60 Назад</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

[emedia4u]

Полезный скриптик для слайд шоу. Только картинки свои подставать...
Для запуска кликнуть на первый слайд.

Код

<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>

[Гость_Акколада_*]

emedia4u
О спасибо -классный скрипт!!!!!

[Гость_Акколада_*]

emedia4u
О спасибо -классный скрипт!!!!!

А ты знаешь скрипт-как например закрыть Лого с лева invision
своим лого(любой другой картинкой)?

[Гость_Акколада_*]

Логотип-картинка во всю шапку (за исключением баннера)

Код

<style type="text/css">
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(адрес вашей картинки);}
</style>

[emedia4u]

А ты знаешь скрипт-как например закрыть Лого с лева invision
своим лого(любой другой картинкой)?

Лого называется style_images/1/logo4.gif
Если у вас есть доступ к этому имеджу его можно просто заменить на другой с таким же названием...
Скрипт тоже можно написать со слоями (Z-INDEX). В верхний слой поместить картинку с координатами 0,0 которая закроет лого.
style="Z-INDEX: 0; LEFT: 0px; POSITION: absolute; TOP: 0px"
Короче много есть способов, все зависит от доступа к серверу...

[Гость_Акколада_*]

Есть еще такой
Картинка во всю шапку, с регулирующейся шириной под разные браузер/ расширение экрана. НЕ работает в 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>

[emedia4u]

Да зачем так мучатся...
Найди <div id="logostrip"> и закоментируй или удали...

[emedia4u]

Да зачем так мучатся...
Найди <div id="logostrip"> и закоментируй или удали...

Замок Чудес

[sirena]

Классная тема! Очень нужная и актуальная. Браво, Акколада. Дерзаем, создаем, делимся и выдаем нам в готовом виде (как в посте у Имедия)

[Гость_Акколада_*]

Классная тема! Очень нужная и актуальная. Браво, Акколада. Дерзаем, создаем, делимся и выдаем нам в готовом виде (как в посте у Имедия)

Не я так не соображаю

[sirena]

У меня идея. Придумайте варианты лого для Замка Чудес и поставьте в этой теме. Лучший вариант по-мнению форума и будет нашим лого

[emedia4u]

У меня идея. Придумайте варианты лого для Замка Чудес и поставьте в этой теме. Лучший вариант по-мнению форума и будет нашим лого

Прикрепленные файлы

 6081sm.jpg ( 31.63 килобайт ) Кол-во скачиваний: 0

 

[sirena]

Красиво. Ну а если что-то мистически-волшебное и конечно же доброе, как наш Замок?

[emedia4u]

Красиво. Ну а если что-то мистически-волшебное и конечно же доброе, как наш Замок?

Прикрепленные файлы

 3amok2.jpg ( 28.5 килобайт ) Кол-во скачиваний: 0

 

[Гость_Акколада_*]

[Laura]

[Гость_Акколада_*]

Логотип в левой части шапки, вместо надписи 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]

[emedia4u]

Ну вот и умничка

Прикрепленные файлы

 zamok3.jpg ( 31.79 килобайт ) Кол-во скачиваний: 0

 

[Эльза]

Акколада,Имедиа,Лаура! Здорово.
Сирена! Идея про логотип
Я безнадежно не могу "вьехать"в процесс стараюсь
Жаль Лаура, что твоя ссылка не грузится Что ж там было Мож еще будет.
Вас, Имедиа, можно попросить что-нибудь еще и желательно с замком и еще туда побольше волшебства и романтики
Поддерживаю всей душой.

Извините, если навязчиво..да еще и самой нечего предложить (ни фоток , ни картинок вообще..угнетает это..вот сегодня не получилось вставить фотографию -только как ссылка делалась-но я по мере сил,упорно работаю над этим Я не жалуюсь, а "прошу не судить строго"