Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Блог прокрутки с новыми сообщениями, темами, на форуме.


Блог прокрутки с новыми сообщениями, темами, на форуме.

Сообщений 21 страница 40 из 62

21

Damla написал(а):

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

А выложите весь скрипт боковой прокрутки под спойлер - я у себя на тестовом форуме посмотрю.

0

22

kolobdur74
сам скрипт целой боковой панели моей

скрипт
Код:
<div id=Inf_block_Left style="display:none">
<!--НАЧАЛО-->
<h2>Добро пожаловать</h2>
<a href="http://az-love.com/viewforum.php?id=3">Салам! Давайте знакомиться!</a>
<a href="http://az-love.com/viewforum.php?id=3">Азербайджан-Страна Огней</a>
<h2>Калькулятор</h2>
<center><!-Currency Converter widget - HTML code - fx-rate.net --><div  style="width:145px; background-color:#c3e44f;border:2px solid #888;text-align:center;margin:0px;padding:0px"><div style="background-color:#a0c030;border-bottom:1px solid #888;width:100%;padding:0px;margin:0px;align:center;text-align;left;"><a title ="Azerbaijani Manat to Russian Ruble Converter" class="V2label" 	       style="text-decoration:none;color:#000000;margin-bottom:6px" href="http://fx-rate.net/AZN/RUB/"><img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/az.png" border=0 >&nbsp; Manat to <img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/ru.png" border=0 >&nbsp; Ruble Converter</a></div><script type="text/javascript" src="http://fx-rate.net/converter.php?currency=AZN&size=medium&currency_pair=RUB"></script></div><!-end of code--></center>
<h2>Наш форум</h2>
<a href="http://www.memos.ru/poll.php?id=44731"><b>Вам нравится наш форум?</b></a><form method=POST action="http://www.memos.ru/poll.php" target=_blank><input type=hidden name=pid value=44731><input class=check type=radio name="answ[]" value=1> Да
<br><input class=check type=radio name="answ[]" value=2> Так себе
<br><input class=check type=radio name="answ[]" value=3> Нет
<br><input type=submit value="голосовать"></form>
<!--НАЧАЛО-->
<h2>Новость дня</h2>
<center><img src="http://savepic.ru/4435040.gif"/></center>
<!--НАЧАЛО-->
<h2>Календарь</h2>
<iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr10.htm" height="164" width="165" scrolling="no" frameborder="0"></iframe>
<!--НАЧАЛО-->
<h2>Прокрутка новых сообщений</h2>
<!--Top 10 © Romych (бегущей строкой)-->
<div id="News_L6"><div>
<style type="text/css">
.stat{
width:190px;
position:relative;
padding:5px;;
}
table.statsmy th{text-align:left; padding:0 18px;}
.tcr.statsmy  a{font-weight:bold;color:#002266;text-shadow:#11ccff 2px 1px 2px;text-decoration:none;}
.tcr.statsmy  a:hover{color:navy;text-shadow:navy 2px 1px 8px;}
</style>
<script type="text/javascript">
$(document.createElement('div')).attr('id','News_L6');
$(function(){
$('#News_L6').after('<div class=\"stat\"><table class=\"statsmy\"cellspacing=\"0\" width=\"190px\"><table cellspacing=\"0\" width=\"190px\"><tr><th scope=\"col\" width=\"100%\"><b>Top 10</b></th></tr></table><table id=\"bib\" cellspacing=\"0\" width=\"100%\"><marquee id=\"bib\" direction="up" scrollamount=\"2\" scrolldelay=\"50\" width=\"190\" height=\"250\" class=\"tcr statsmy\" onmouseover=this.scrollAmount=\"0\" onmouseout=this.scrollAmount=\"3\"></marquee></table></table></div>').addClass('News_L6');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();

var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<tr><td><td class=\"tcr statsmy\"><b>'+ JAuthor +'</b>&nbsp;</td><td width=0%><td class=\"tcr statsmy\"><a href="'+ JLink +'">'+ JTitle +'</a></td><td class=\"tcr statsmy\">'+ JPosted +'</td></tr>'); });
 } });
</script>
</div>

<div style="display:none"><script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){

  var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_';
  var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
 for(i=1; i<c.length; i+=2){
 LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
 }LeftSUM='<td id=LeftNews width=21% valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
 for(i=1; i<c.length; i+=2){
 RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
 }RightSUM='<td id=RightNews width=21% valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}

  if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=70% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
</script></div><!--/=End=/Инфоблок-->

А вот скрипт самой прокрутки:

прокрутка новых тем
Код:
<!--Top 10 © Romych (бегущей строкой)-->
<div id="stat1"><div>
<style type="text/css">
.stat{
width:190px;
position:absolute;
top:15px;
margin-left:10px;
}
table.statsmy th{text-align:left; padding:0 18px;}
.tcr.statsmy  a{font-weight:bold;color:#002266;text-shadow:#11ccff 2px 1px 2px;text-decoration:none;}
.tcr.statsmy  a:hover{color:navy;text-shadow:navy 2px 1px 8px;}
</style>
<script type="text/javascript">
$(document.createElement('div')).attr('id','stat1');
$(function(){
$('#stat1').after('<div class=\"stat\"><table class=\"statsmy\"cellspacing=\"0\" width=\"190px\"><table cellspacing=\"0\" width=\"190px\"><tr><th scope=\"col\" width=\"100%\"><b>Top 10</b></th></tr><table id=\"bib\" cellspacing=\"0\" width=\"100%\"><marquee id=\"bib\" direction="up" scrollamount=\"2\" scrolldelay=\"50\" width=\"190\" height=\"250\" class=\"tcr statsmy\" onmouseover=this.scrollAmount=\"0\" onmouseout=this.scrollAmount=\"3\"></marquee></table></table></div>').addClass('stat1');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();

var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<tr><td><td class=\"tcr statsmy\"><b>'+ JAuthor +'</b>&nbsp;</td><td width=0%><td class=\"tcr statsmy\"><a href="'+ JLink +'">'+ JTitle +'</a></td><td class=\"tcr statsmy\">'+ JPosted +'</td></tr>'); });
 } });
</script>

Сам скрипт информ блока брала отсюда, скрипт прокрутки - из этой темы, а вместе они почему-то не работают((

Спасибо вам, буду надеяться на положительный результат)) :flirt:

Отредактировано Damla (Пн, 15 Апр 2013 11:00:49)

0

23

Взгляд написал(а):

Deff написал(а):
Взгляд
Давайте в конце недели, напомните в пятницу, к вечеру, тут нун делать кольцевой вертикальный слайдер
Думаю, что чем то надо пожертвовать, или временем или автором, иначе строка не очень читабельна, хотя можно конечно не в одну строку
Отредактировано Deff (Сегодня 12:15:16)Буду ждать столько сколько нужно!!!!

Доброго всем времени.
Deff Напоминаю вам о своих "баранах" :flag:

0

24

Damla написал(а):

Спасибо вам, буду надеяться на положительный результат))

Вот проверьте, это вся боковая панель:

Код
Код:
<div id=Inf_block_Left style="display:none">
<!--НАЧАЛО-->
<h2>Прокрутка новых сообщений</h2>

<!--НАЧАЛО-->
<h2>Добро пожаловать</h2>
<a href="http://az-love.com/viewforum.php?id=3">Салам! Давайте знакомиться!</a>
<a href="http://az-love.com/viewforum.php?id=3">Азербайджан-Страна Огней</a>
<h2>Калькулятор</h2>
<center><!-Currency Converter widget - HTML code - fx-rate.net --><div  style="width:145px; background-color:#c3e44f;border:2px solid #888;text-align:center;margin:0px;padding:0px"><div style="background-color:#a0c030;border-bottom:1px solid #888;width:100%;padding:0px;margin:0px;align:center;text-align;left;"><a title ="Azerbaijani Manat to Russian Ruble Converter" class="V2label" 	       style="text-decoration:none;color:#000000;margin-bottom:6px" href="http://fx-rate.net/AZN/RUB/"><img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/az.png" border=0 >&nbsp; Manat to <img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/ru.png" border=0 >&nbsp; Ruble Converter</a></div><script type="text/javascript" src="http://fx-rate.net/converter.php?currency=AZN&size=medium&currency_pair=RUB"></script></div><!-end of code--></center>
<h2>Наш форум</h2>
<a href="http://www.memos.ru/poll.php?id=44731"><b>Вам нравится наш форум?</b></a><form method=POST action="http://www.memos.ru/poll.php" target=_blank><input type=hidden name=pid value=44731><input class=check type=radio name="answ[]" value=1> Да
<br><input class=check type=radio name="answ[]" value=2> Так себе
<br><input class=check type=radio name="answ[]" value=3> Нет
<br><input type=submit value="голосовать"></form>
<!--НАЧАЛО-->
<h2>Новость дня</h2>
<center><img src="http://savepic.ru/4435040.gif"/></center>
<!--НАЧАЛО-->
<h2>Календарь</h2>
<iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr10.htm" height="164" width="165" scrolling="no" frameborder="0"></iframe>
</div>
<div style="display:none"><script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){

  var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_';
  var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
 for(i=1; i<c.length; i+=2){
 LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
 }LeftSUM='<td id=LeftNews width=21% valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
 for(i=1; i<c.length; i+=2){
 RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
 }RightSUM='<td id=RightNews width=21% valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}

  if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=70% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
</script></div><!--/=End=/Инфоблок-->

<style type="text/css">
.punbb .main td {
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
}
</style>
<script type="text/javascript">
$(function(){
$('div#News_L1').after('<table id="bib" cellspacing=\"0\" width=\"158px\"><marquee id=\"bib\" direction="up" scrollamount=\"2\" scrolldelay=\"50\" width=\"158px\" height=\"250\" onmouseover=this.scrollAmount=\"0\" onmouseout=this.scrollAmount=\"3\"></marquee></table>');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();

var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<tr><td><b>'+ JAuthor +'</b>&nbsp;<a href="'+ JLink +'">'+ JTitle +'<br>'+ JPosted +'</td></tr>'); });
 } });
</script>

Взгляд Можете тоже попробовать эту панель, если будет нормально работать можно ее будет для вас адаптировать..Ставить НТМЛ низ.

+1

25

kolobdur74
у меня работает!! я вас люблю :blush:

[взломанный сайт]

А можно ещё малюсенький вопросик? в каком месте скрипта можно поменять фоновый цвет прокрутки тем, например?
И заголовки тем Новостей - туда можно свою картинку ставить? в место названия новости?
если да, плз ткните где именно это менять)))

[взломанный сайт]

0

26

ну не знаю как у вас это реализовано, но моё внимание на очень удобную функцию RSS и такой прекрасный ридер rss-script.ru - в нем хотите текст новостей публикуется, хотите отключите прям в скрипте, вставляется в боковую колонку скриптом, настройки несколько RSS в одной, допустим вам не надо выводить последние новости с каких-то разделов ))) в общем поколдуйте немного, может что-то получится

0

27

Damla написал(а):

А можно ещё малюсенький вопросик? в каком месте скрипта можно поменять фоновый цвет прокрутки тем, например?
И заголовки тем Новостей - туда можно свою картинку ставить? в место названия новости?
если да, плз ткните где именно это менять)))

Я чуть позже поднастрою, бо ширина выставлена не в процентах, надо подогнать ширину будет в процентах, а не в пикселях, как есть сейчас - это не соответствует вашему стилю..Если можно выложите скриншоты, где какие цвета вы хотите регулировать..

0

28

kolobdur74 написал(а):

Я чуть позже поднастрою, бо ширина выставлена не в процентах, надо подогнать ширину будет в процентах, а не в пикселях, как есть сейчас - это не соответствует вашему стилю..Если можно выложите скриншоты, где какие цвета вы хотите регулировать..

выкладываю))

По поводу ширины: можно ли как-то регулировать расстояние между самими блоками новостей?

скрин

http://s6.hostingkartinok.com/uploads/images/2013/04/03b6d507796331e10188a57d41605fbd.jpg

И сделать прокрутку пошире немного

скрин

http://s6.hostingkartinok.com/uploads/images/2013/04/46f1c63d97eb4acc38771c045cca3773.jpg

По поводу регулирования цветов-хотелось бы так: 1) как изменить цвет и шрифт Названия новости. Или если можно - как туда вставлять картинку, чтобы они равномерно занимала все пространство названия новости? 2) изменить цвет фона в названии новости   4) цвет названий тем и ник  5) цвет окантовки прокрутки? сейчас она немного сливается с фоном http://i053.radikal.ru/0806/7f/8b80a2497566.gif

скрин

http://s6.hostingkartinok.com/uploads/images/2013/04/0158141a9e5b390122cf3d09e8f19cdc.jpg

[взломанный сайт]

0

29

Damla написал(а):

И сделать прокрутку пошире немного

Вот код, переделал в процентах ширину, и добавил возможность изменения цвета (там же и пояснения):

Код
Код:
<div id=Inf_block_Left style="display:none">
<!--НАЧАЛО-->
<h2><font color="#ff0000" face="Times New Roman, Arial">Прокрутка новых сообщений</font></h2>

<!--НАЧАЛО-->
<h2>Добро пожаловать</h2>
<a href="http://az-love.com/viewforum.php?id=3">Салам! Давайте знакомиться!</a>
<a href="http://az-love.com/viewforum.php?id=3">Азербайджан-Страна Огней</a>
<h2>Калькулятор</h2>
<center><!-Currency Converter widget - HTML code - fx-rate.net --><div  style="width:145px; background-color:#c3e44f;border:2px solid #888;text-align:center;margin:0px;padding:0px"><div style="background-color:#a0c030;border-bottom:1px solid #888;width:100%;padding:0px;margin:0px;align:center;text-align;left;"><a title ="Azerbaijani Manat to Russian Ruble Converter" class="V2label" 	       style="text-decoration:none;color:#000000;margin-bottom:6px" href="http://fx-rate.net/AZN/RUB/"><img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/az.png" border=0 >&nbsp; Manat to <img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/ru.png" border=0 >&nbsp; Ruble Converter</a></div><script type="text/javascript" src="http://fx-rate.net/converter.php?currency=AZN&size=medium&currency_pair=RUB"></script></div><!-end of code--></center>
<h2>Наш форум</h2>
<a href="http://www.memos.ru/poll.php?id=44731"><b>Вам нравится наш форум?</b></a><form method=POST action="http://www.memos.ru/poll.php" target=_blank><input type=hidden name=pid value=44731><input class=check type=radio name="answ[]" value=1> Да
<br><input class=check type=radio name="answ[]" value=2> Так себе
<br><input class=check type=radio name="answ[]" value=3> Нет
<br><input type=submit value="голосовать"></form>
<!--НАЧАЛО-->
<h2>Новость дня</h2>
<center><img src="http://savepic.ru/4435040.gif"/></center>
<!--НАЧАЛО-->
<h2>Календарь</h2>
<iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr10.htm" height="164" width="165" scrolling="no" frameborder="0"></iframe>
</div>
<div style="display:none"><script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){

  var LeftSUM='', RightSUM='',block1='<div class="container" bottom= "100px" style="padding:5px;" id=News_';
  var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
 for(i=1; i<c.length; i+=2){
 LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
 }LeftSUM='<td id=LeftNews width=21% valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
 for(i=1; i<c.length; i+=2){
 RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
 }RightSUM='<td id=RightNews width=21% valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}

  if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=70% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
</script></div><!--/=End=/Инфоблок-->

<style type="text/css">
.punbb .main td {
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
border-color: #B22222;
}
#bib {
width:100%;
color: #B22222;
}
#bib a {
color: #FF0000;
}
#bib a:hover {
color: #2E8B57;
}
.tinf {
background-color: #F8F8FF;
}
</style>
<script type="text/javascript">
$(function(){
$('div#News_L1').after('<table id="bib" cellspacing=\"0\"><marquee id=\"bib\" direction="up" scrollamount=\"2\" scrolldelay=\"50\" height=\"250\" onmouseover=this.scrollAmount=\"0\" onmouseout=this.scrollAmount=\"3\"></marquee></table>');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();

var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<tr><td class=\"tinf\"><b>'+ JAuthor +'</b>&nbsp;<a href="'+ JLink +'">'+ JTitle +'<br>'+ JPosted +'</td></tr>'); });
 } });
</script>
Damla написал(а):

По поводу ширины: можно ли как-то регулировать расстояние между самими блоками новостей?

Можно. К сожалению более простого способа я не нашел..Найдите в коде место:

var LeftSUM='', RightSUM='',block1='<div class="container" bottom= "100px" style="padding:5px;" id=News_';
  var block2="</div><br><br>";

И добавьте или уберите тег: <br> Один тег - одна пустая строчка между блоками.

Damla написал(а):

1) как изменить цвет и шрифт Названия новости. Или если можно - как туда вставлять картинку, чтобы они равномерно занимала все пространство названия новости?

Вот таким образом:

<h2><font color="#ff0000" face="Times New Roman, Arial">Прокрутка новых сообщений</font></h2>

Где: color="#ff0000" - цвет шрифта (для выбора цвета можете воспользоваться таблицей цвета: http://www.stm.dp.ua/web-design/color-html.php ), face="Times New Roman, Arial" - название шрифта.
На счет картинки, ставить так: <h2><img src="адрес картинки"></h2>, правда все пространство она не займет - она будет по центру.

Damla написал(а):

4) цвет названий тем и ник

Цвет ника в коде меняем здесь:

#bib {
width:100%;
color: #B22222;
}

Цвет ссылки, когда курсор не наведен меняем здесь:

#bib a {
color: #FF0000;
}

Цвет ссылки при наведении курсора меняем здесь:

#bib a:hover {
color: #2E8B57;
}

Цвет фона в ячейках прокрутки меняем здесь:

.tinf {
background-color: #F8F8FF;
}

Damla написал(а):

5) цвет окантовки прокрутки? сейчас она немного сливается с фоном

К сожалению окантовка прочно связана с окантовкой всего форума, поэтому цвет изменится везде, меняем цвет окантовки здесь:

.punbb .main td {
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
border-color: #B22222;
}

Где: border-width: 1px 1px 1px 1px; - толщина окантовки
border-color: #B22222; - цвет окантовки

+1

30

kolobdur74
спасибо! вы золото!
пошла пробовать))

0

31

kolobdur74
все-таки вопрос один возник))
можно ли поменять цвет фона названия новости?

под тот цвет фона, который стоит по умолчанию, очень сложно подобрать цвет новости, чтобы он как-то ярко смотрелся(((

скрин

http://s6.hostingkartinok.com/uploads/images/2013/04/135e48a309726b1f33596bfe50ff0191.jpg

И если нельзя его сменить, можно ли хотя бы посмотреть в скрипте код этого цвета фона, который сейчас стоит? код - я имею ввиду html-код цвета этого?

---------------

сейчас решила проверить, как прокрутка работает в разных браузерах, в Опере и Хроме все хорошо, а в ИЕ она не движется вообще :D

Отредактировано Damla (Ср, 17 Апр 2013 09:46:47)

0

32

kolobdur74 написал(а):

Damla написал(а):
Спасибо вам, буду надеяться на положительный результат))Вот проверьте, это вся боковая панель:

Код
Код:
<div id=Inf_block_Left style="display:none">
<!--НАЧАЛО-->
<h2>Прокрутка новых сообщений</h2>

<!--НАЧАЛО-->
<h2>Добро пожаловать</h2>
<a href="http://az-love.com/viewforum.php?id=3">Салам! Давайте знакомиться!</a>
<a href="http://az-love.com/viewforum.php?id=3">Азербайджан-Страна Огней</a>
<h2>Калькулятор</h2>
<center><!-Currency Converter widget - HTML code - fx-rate.net --><div  style="width:145px; background-color:#c3e44f;border:2px solid #888;text-align:center;margin:0px;padding:0px"><div style="background-color:#a0c030;border-bottom:1px solid #888;width:100%;padding:0px;margin:0px;align:center;text-align;left;"><a title ="Azerbaijani Manat to Russian Ruble Converter" class="V2label"        style="text-decoration:none;color:#000000;margin-bottom:6px" href="http://fx-rate.net/AZN/RUB/"><img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/az.png" border=0 >&nbsp; Manat to <img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/ru.png" border=0 >&nbsp; Ruble Converter</a></div><script type="text/javascript" src="http://fx-rate.net/converter.php?currency=AZN&size=medium&currency_pair=RUB"></script></div><!-end of code--></center>
<h2>Наш форум</h2>
<a href="http://www.memos.ru/poll.php?id=44731"><b>Вам нравится наш форум?</b></a><form method=POST action="http://www.memos.ru/poll.php" target=_blank><input type=hidden name=pid value=44731><input class=check type=radio name="answ[]" value=1> Да
<br><input class=check type=radio name="answ[]" value=2> Так себе
<br><input class=check type=radio name="answ[]" value=3> Нет
<br><input type=submit value="голосовать"></form>
<!--НАЧАЛО-->
<h2>Новость дня</h2>
<center><img src="http://savepic.ru/4435040.gif"/></center>
<!--НАЧАЛО-->
<h2>Календарь</h2>
<iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr10.htm" height="164" width="165" scrolling="no" frameborder="0"></iframe>
</div>
<div style="display:none"><script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){

  var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_';
  var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}LeftSUM='<td id=LeftNews width=21% valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}RightSUM='<td id=RightNews width=21% valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}

  if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=70% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
</script></div><!--/=End=/Инфоблок-->

<style type="text/css">
.punbb .main td {
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
}
</style>
<script type="text/javascript">
$(function(){
$('div#News_L1').after('<table id="bib" cellspacing=\"0\" width=\"158px\"><marquee id=\"bib\" direction="up" scrollamount=\"2\" scrolldelay=\"50\" width=\"158px\" height=\"250\" onmouseover=this.scrollAmount=\"0\" onmouseout=this.scrollAmount=\"3\"></marquee></table>');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){ 
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();

var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<tr><td><b>'+ JAuthor +'</b>&nbsp;<a href="'+ JLink +'">'+ JTitle +'<br>'+ JPosted +'</td></tr>'); });
} });
</script>
Взгляд Можете тоже попробовать эту панель, если будет нормально работать можно ее будет для вас адаптировать..Ставить НТМЛ низ.

Появился калькулятор, гламурный календарь.. а вот блок прокрутки не показывает. И вся эта чудная последовательность включая картинку с пирогом появилась в самом низу форума. SOS :'(

0

33

Взгляд написал(а):

Появился калькулятор, гламурный календарь.. а вот блок прокрутки не показывает. И вся эта чудная последовательность включая картинку с пирогом появилась в самом низу форума. SOS

Странно, должна была по идее работать..Вся боковая панель съезжает вниз? Попробуйте чистый код боковой панели поставить, как он у вас встанет:

Код
Код:
<div id=Inf_block_Left style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>

<div style="display:none"><script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){
  var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_';
  var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}LeftSUM='<td id=LeftNews width=21% valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}RightSUM='<td id=RightNews width=21% valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}
  if(LeftSUM!='' || RightSUM!=''){	$("#pun-main").html('<table width=100% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
</script></div><!--/=End=/Инфоблок-->
Damla написал(а):

все-таки вопрос один возник))
можно ли поменять цвет фона названия новости?

Сделал, заодно можно менять теперь цвет и стиль шрифта в заголовках сразу для всех блоков:

Код
Код:
<div id=Inf_block_Left style="display:none">
<!--НАЧАЛО-->
<h2 id="back">Прокрутка новых сообщений</h2>

<!--НАЧАЛО-->
<h2 id="back">Добро пожаловать</h2>
<a href="http://az-love.com/viewforum.php?id=3">Салам! Давайте знакомиться!</a>
<a href="http://az-love.com/viewforum.php?id=3">Азербайджан-Страна Огней</a>
<h2 id="back">Калькулятор</h2>
<center><!-Currency Converter widget - HTML code - fx-rate.net --><div  style="width:145px; background-color:#c3e44f;border:2px solid #888;text-align:center;margin:0px;padding:0px"><div style="background-color:#a0c030;border-bottom:1px solid #888;width:100%;padding:0px;margin:0px;align:center;text-align;left;"><a title ="Azerbaijani Manat to Russian Ruble Converter" class="V2label" 	       style="text-decoration:none;color:#000000;margin-bottom:6px" href="http://fx-rate.net/AZN/RUB/"><img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/az.png" border=0 >&nbsp; Manat to <img style="margin:0;padding:0;border:0;" src="http://fx-rate.net/images/countries/ru.png" border=0 >&nbsp; Ruble Converter</a></div><script type="text/javascript" src="http://fx-rate.net/converter.php?currency=AZN&size=medium&currency_pair=RUB"></script></div><!-end of code--></center>
<h2 id="back">Наш форум</h2>
<a href="http://www.memos.ru/poll.php?id=44731"><b>Вам нравится наш форум?</b></a><form method=POST action="http://www.memos.ru/poll.php" target=_blank><input type=hidden name=pid value=44731><input class=check type=radio name="answ[]" value=1> Да
<br><input class=check type=radio name="answ[]" value=2> Так себе
<br><input class=check type=radio name="answ[]" value=3> Нет
<br><input type=submit value="голосовать"></form>
<!--НАЧАЛО-->
<h2 id="back">Новость дня</h2>
<center><img src="http://savepic.ru/4435040.gif"/></center>
<!--НАЧАЛО-->
<h2 id="back">Календарь</h2>
<iframe name="fantasy" src="http://fantasyflash.ru/vr2/vr10.htm" height="164" width="165" scrolling="no" frameborder="0"></iframe>
</div>
<div style="display:none"><script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){

  var LeftSUM='', RightSUM='',block1='<div class="container" bottom= "100px" style="padding:5px;" id=News_';
  var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2 id="back">|<\/h2>/igm);
 for(i=1; i<c.length; i+=2){
 LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2 id="back"><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
 }LeftSUM='<td id=LeftNews width=21% valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2 id="back">|<\/h2>/igm);
 for(i=1; i<c.length; i+=2){
 RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2 id="back"><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
 }RightSUM='<td id=RightNews width=21% valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}

  if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=70% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
</script></div><!--/=End=/Инфоблок-->

<style type="text/css">
.punbb .main td {
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
border-color: #B22222;
background-color: #F8F8FF;
}
#bib {
width:100%;
color: #B22222;
}
#bib a {
color: #FF0000;
}
#bib a:hover {
color: #2E8B57;
}
#back {
background-color: #FF0000;
background-image: none;
color: #DCDCDC;
font-family: Times New Roman, Arial;
}
.tinf {
background-color: #F8F8FF;
}
</style>
<script type="text/javascript">
$(function(){
$('div#News_L1').after('<table id="bib" cellspacing=\"0\"><marquee id=\"bib\" direction="up" scrollamount=\"2\" scrolldelay=\"50\" height=\"250\" onmouseover=this.scrollAmount=\"0\" onmouseout=this.scrollAmount=\"3\"></marquee></table>');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();

var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<tr><td class=\"tinf\"><b>'+ JAuthor +'</b>&nbsp;<a href="'+ JLink +'">'+ JTitle +'<br>'+ JPosted +'</td></tr>'); });
 } });
</script>

Ищем:

#back {
background-color: #FF0000;
background-image: none;
color: #DCDCDC;
font-family: Times New Roman, Arial;
}

Где: background-color: #FF0000; - цвет фона зоголовка;
color: #DCDCDC; - цвет заголовка;
font-family: Times New Roman, Arial; - стиль шрифта заголовка.

0

34

Странно, должна была по идее работать..Вся боковая панель съезжает вниз? Попробуйте чистый код боковой панели поставить, как он у вас встанет:

http://s2.uploads.ru/t/LgGHv.png
И как мне с этим бороться?! :dontknow:

0

35

kolobdur74
все чудесно, все работает))

ещё маленький вопросик, но уже не про боковую панель, а вообще)

вот если я размещаю ссылку, я её пишу так, допустим:

ссылка

<a href="http://az-love.com/viewforum.php?id=82">Стихи о любви</a>

а что и где туда добавить, если мне надо поменять цвет ссылки? я пробовала сама, у меня цвет менялся, но зато сама ссылка переставала быть активной :D
в общем, хотелось бы понять, как в каждой отдельной ссылке на форуме можно цвет менять :flirt:

0

36

Damla написал(а):

ещё маленький вопросик, но уже не про боковую панель, а вообще)

Самый простой способ это:

<a href="http://az-love.com/viewforum.php?id=82" style="color:#B22222;">Стихи о любви</a>

Можно через добавление id к примеру:

<a href="http://az-love.com/viewforum.php?id=82" id="ssylka">Стихи о любви</a>
<style type="text/css">
#ssylka {
color: #FF0000;
}

#ssylka a:hover {
color: #2E8B57;
}

</style>

Стиль ставим в НТМЛ верх, а ссылку в любое место. Красным отмечена сама ссылка, зеленым при наведении..

Взгляд написал(а):

И как мне с этим бороться?!

Пока, честно сказать не понял, почему боковая панель у вас съезжает.. :dontknow: Хорошо бы Deff посмотрел..

+1

37

Взгляд
Попробовал реализовать другую боковую панель, проверьте работает ли она у вас:

Слайдер

Это ставить в НТМЛ верх:

Код:
<style type="text/css">
#sidebar 
{
	display: none;
	background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); 
	width: 100%; 
	height: 500px;
	margin: 1px;
	float: left; 
	border: 1px solid; 
	position: relative; 
	z-index: 0; 
	top: 0px; 
       padding: 0;
}
#pun #pun-index #sidebar {display: block;}
.punbb td {
width:60%;
}
#bib {
width:100%;
color: #B22222;
}
#bib a {
color: #FF0000;
}
#bib a:hover {
color: #2E8B57;
}
#back {
text-align: center;
background-color: #FF0000;
background-image: none;
color: #DCDCDC;
font-family: Times New Roman, Arial;
}
.tinf {
background-color: #F8F8FF;
}
</style>

Это ставить в самый низ НТМЛ низ:

Код:
<script type="text/javascript">
$(function(){
$('div#sidebar1 ').after('<table id="bib" cellspacing=\"0\"><marquee id=\"bib\" direction="up" scrollamount=\"2\" scrolldelay=\"50\" height=\"250\" onmouseover=this.scrollAmount=\"0\" onmouseout=this.scrollAmount=\"3\"></marquee></table>');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();

var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<tr><td class=\"tinf\"><b>'+ JAuthor +'</b>&nbsp;<a href="'+ JLink +'">'+ JTitle +'<br>'+ JPosted +'</td></tr>'); });
 } });
</script>
</div></div></div></td></tr></table><div><div>

Это ставить в самый низ Объявление:

Код:
</div></div></div><table width="100%" ><tr><td id="sidebar">
<h2 id="back">ТОП 10 новых сообщений</h2>
<div id="sidebar1"></div>
</td><td style="padding: 0px;"><div><div><div>

0

38

kolobdur74 написал(а):

Самый простой способ это:<a href="http://az-love.com/viewforum.php?id=82" style="color:#B22222;">Стихи о любви</a>

[взломанный сайт]

и в догонку  ^^  а что нужно к этому скрипту приписать, чтобы можно было поменять и размер ссылочки?

0

39

Damla написал(а):

и в догонку    а что нужно к этому скрипту приписать, чтобы можно было поменять и размер ссылочки?

Тут все просто - для высоты добавляем: height:300px; в стиль, или в теги: height="300рх", для ширины добавляем аналогично: width:400рх; - для стиля, в теги: width="400px"
Красным отметил цифру, которую меняем в зависимости от..Но это критично, когда в ссылку вставляем картинку, но тогда лучше вставлять размер в картинку, а не в ссылку..То бишь полный вариант с картинкой:

<a href="http://az-love.com/viewforum.php?id=82"><img src="http://mybb.ru/f/collection/0226.gif" height="300рх" width="400px"></a>

Либо в картинку ставим id="kartinka" и делаем через стиль..
И еще вариант для тегов - это: style="height:300рх;width:400px;"
Ну и полностью отвечая на вопрос - ссылка с изменением высоты и ширины:

<a href="http://az-love.com/viewforum.php?id=82" style="color:#B22222;height:300рх;width:400px;">Стихи о любви</a>

Или если с шрифтами, то размер шрифтов отображается тегом: <font size="1">, стиль шрифтов: <font face="Times New Roman, Arial">, и выходит к примеру вот так:

<a href="http://az-love.com/viewforum.php?id=82" style="color:#B22222;"><font size="4"><font face="Times New Roman, Arial">Стихи о любви</font></font></a>

Или:

<a href="http://az-love.com/viewforum.php?id=82" style="color:#B22222;"><font size="4" face="Times New Roman, Arial">Стихи о любви</font></a>

Ну, а в стилях будет соответственно:

+1

40

kolobdur74
СПАСИБО!!))
установила боковую панель на основной форум, уффффф вроде все работает :flirt:  :flag:
Посмотрим,что пользователи скажут..
А вообще я заметила, что эта панель немного по-разному в разных браузерах смотрится, например, в Хроме все отлично, а в Мозилле не отображаются шрифты текста заголовков новостей, а в Опере название новости смещается немного куда-то.. http://i053.radikal.ru/0806/7f/8b80a2497566.gif  %-)

Но в общем и по большому счету - фиг с ним :shine:

Спасибо за помощь и за участие))

[взломанный сайт]

0


Вы здесь » Единый форум поддержки » Корзина » Блог прокрутки с новыми сообщениями, темами, на форуме.