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

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

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


Вы здесь » Единый форум поддержки » Корзина » Вопрос по изменению цвета фона в скрипте ПОРТАЛ Нужна помощь


Вопрос по изменению цвета фона в скрипте ПОРТАЛ Нужна помощь

Сообщений 1 страница 11 из 11

1

1. Подскажите как в скрипте изменить фон новостной ленты и фон блоков на черный цвет ? в данном варианте скрипта цвет фона белый.
2. Можно как то добавить в скрипт что то вроде этого -> (bbgcolor=&btextcolor=&mbordercolor=ff3300&mhovercolor=0000cc&amp), для того что бы в ленте новостей вокруг картинок
появились рамки и меняли цвет при наведении на картинку ?
<style type="text/css">
div.color {
  width:auto;
  border-width:0px;
  border-style:solid;
  border-color:;
  }
</style>
         
<style>
.Box1 {
    margin-bottom:5px;
        width:auto;
        height: auto;
        background-color: #ffffff;       здесь понятно блок боковых контейнеров цвет меняется на черный #000000
        border: 2px solid #D4D4D4;
        border-radius: 0 0 8px 8px;
        -moz-border-radius:0 0 8px 8px;
        -khtml-border-radius: 0 0 8px 8px;
        box-shadow: 0 0 15px #A9A9A9;
        padding:20px 40px;
}
</style>
<style>
#BoxRSS {                     как сделать фон ленты новостей черным #000000        вставка в блок rss  ->    background-color: #000000;  не работает
  margin: auto;
  width: 30% !important;
  min-width: 30% !important;
  max-width: 30% !important;
  position: absolute;
  }
</style>

<style>
#bib p iframe {max-height: 600px;max-width: 600px;}
#bib p img {max-width: 600px;}
</style>
<table style="height: 300px; ; width: 100%;" border="0" frame="void" rules="none" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="70%">
<br>
<br>
<div class="color"><h1>Новостная лента</h1>
<div class="BoxRSS" style="height: auto;">
<script type="text/javascript">
$(function(){
$('div#pun-pages div#pun-main div.BoxRSS').append('<div id="RSS" style="width: 100%;border: 0px solid #778899;margin-left: 0;background: white;"><table id="bib" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$.get('/export.php','',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 JCont=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib').append('<tr><td><a href="'+ JLink +'">'+JTitle+'</a><br><br>'+JCont+'<br></br><strong>Написал — </strong><b>'+ JAuthor +'</b> '+ JPosted +'</td></tr>'); });
} });
</script>
</div></div></td>
<td valign="top" width="30%">
<div class="color"><h1>Заголовок 1-го блока</h1>
<div class="Box1" style="hieght: 250px;">Текст 1-го блока</div></div>
<br>
<div class="color"><h1>Заголовок 2-го блока</h1>
<div class="Box1">
Текст 2-го блока
</div></div>
<br>
<div class="color"><h1>Заголовок 3-го блока</h1>
<div class="Box1" style="hieght: 200px;">Текст 3-го блока
</div></div>
<br>
<div class="color"><h1>Заголовок 4-го блока</h1>
<div class="Box1" style="hieght: 70px;">Текст 4-го блока.
</div></div>
<br>
</td>
</tr>
</tbody>
</table>

Отредактировано MyFF (Вт, 11 Фев 2014 22:50:40)

0

2

#ffffff - это белый цвет. Попробуйте изменить этот параметр.

0

3

ДОМИНИОН написал(а):

.Box1 {
    margin-bottom:5px;
        width:auto;
        height: auto;
        background-color: #ffffff;
        border: 2px solid #D4D4D4;
        border-radius: 0 0 8px 8px;
        -moz-border-radius:0 0 8px 8px;
        -khtml-border-radius: 0 0 8px 8px;
        box-shadow: 0 0 15px #A9A9A9;
        padding:20px 40px;
}

background-color: #ffffff;  В этой части блока все понятно, это блок боковых контейнеров цвет меняется на черный #oooooo , а вот как изменить фон новостной ленты на черный ?
<style>
#BoxRSS {
  margin: auto;
  width: 30% !important;
  min-width: 30% !important;
  max-width: 30% !important;
  position: absolute;
  }
</style>
<style>
#bib p iframe {max-height: 600px;max-width: 600px;}
#bib p img {max-width: 600px;}
</style>
<table style="height: 300px; ; width: 100%;" border="0" frame="void" rules="none" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="70%">
<br>
<br>
<div class="color"><h1>Новостная лента</h1>
<div class="BoxRSS" style="height: auto;">
<script type="text/javascript">
$(function(){
$('div#pun-pages div#pun-main div.BoxRSS').append('<div id="RSS" style="width: 100%;border: 0px solid #778899;margin-left: 0;background: white;"><table id="bib" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$.get('/export.php','',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 JCont=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib').append('<tr><td><a href="'+ JLink +'">'+JTitle+'</a><br><br>'+JCont+'<br></br><strong>Написал — </strong><b>'+ JAuthor +'</b> '+ JPosted +'</td></tr>'); });
} });
</script>

0

4

<style>
#BoxRSS {
  margin: auto;
background-color: #ffffff;
  width: 30% !important;
  min-width: 30% !important;
  max-width: 30% !important;
  position: absolute;
  }
</style>

http://mybb.ru/f/collection/0208.gif

0

5

ДОМИНИОН написал(а):

background-color: #ffffff;

Куда то в другое место это нужно лепить, по логике правильно. на практике не работает, может ошибка в самом скрипте?

1. Подскажите как в скрипте изменить фон новостной ленты и фон блоков на черный цвет ? в данном варианте скрипта цвет фона белый.
2. Можно как то добавить в скрипт что то вроде этого -> (bbgcolor=&amp;btextcolor=&amp;mbordercolor=ff3300&amp;mhovercolor=0000cc&amp), для того что бы в ленте новостей вокруг картинок
появились рамки и меняли цвет при наведении на картинку ?
<style type="text/css">
div.color {
  width:auto;
  border-width:0px;
  border-style:solid;
  border-color:;
  }
</style>
         
<style>
.Box1 {
    margin-bottom:5px;
        width:auto;
        height: auto;
        background-color: #ffffff;       здесь понятно блок боковых контейнеров цвет меняется на черный #000000
        border: 2px solid #D4D4D4;
        border-radius: 0 0 8px 8px;
        -moz-border-radius:0 0 8px 8px;
        -khtml-border-radius: 0 0 8px 8px;
        box-shadow: 0 0 15px #A9A9A9;
        padding:20px 40px;
}
</style>
<style>
#BoxRSS {                     как сделать фон ленты новостей черным #000000    вставка в блок rss  ->    background-color: #000000;  не работает
  margin: auto;
  width: 30% !important;
  min-width: 30% !important;
  max-width: 30% !important;
  position: absolute;
  }
</style>
<style>
#bib p iframe {max-height: 600px;max-width: 600px;}
#bib p img {max-width: 600px;}
</style>
<table style="height: 300px; ; width: 100%;" border="0" frame="void" rules="none" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="70%">
<br>
<br>
<div class="color"><h1>Новостная лента</h1>
<div class="BoxRSS" style="height: auto;">
<script type="text/javascript">
$(function(){
$('div#pun-pages div#pun-main div.BoxRSS').append('<div id="RSS" style="width: 100%;border: 0px solid #778899;margin-left: 0;background: white;"><table id="bib" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$.get('/export.php','',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 JCont=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib').append('<tr><td><a href="'+ JLink +'">'+JTitle+'</a><br><br>'+JCont+'<br></br><strong>Написал — </strong><b>'+ JAuthor +'</b> '+ JPosted +'</td></tr>'); });
} });
</script>
</div></div></td>
<td valign="top" width="30%">
<div class="color"><h1>Заголовок 1-го блока</h1>
<div class="Box1" style="hieght: 250px;">Текст 1-го блока</div></div>
<br>
<div class="color"><h1>Заголовок 2-го блока</h1>
<div class="Box1">
Текст 2-го блока
</div></div>
<br>
<div class="color"><h1>Заголовок 3-го блока</h1>
<div class="Box1" style="hieght: 200px;">Текст 3-го блока
</div></div>
<br>
<div class="color"><h1>Заголовок 4-го блока</h1>
<div class="Box1" style="hieght: 70px;">Текст 4-го блока.
</div></div>
<br>
</td>
</tr>
</tbody>
</table>

Скрипт взят из этой темы

Отредактировано MyFF (Вт, 11 Фев 2014 22:45:27)

0

6

MyFF

$('div#pun-pages div#pun-main div.BoxRSS').append('<div id="RSS" style="width: 100%;border: 0px solid #778899;margin-left: 0;background: white;">

Удалите выделенную часть и задайте свой backgrund через стиль.
ЗЫ. Это первая версия портала, писавшаяся мной на стадии обучения.
Лучше взять 2-ю и отключить не нужные элементы.
Добавлено спустя 1 минуту:


используйте ctrl + F для быстрого поиска по коду.

Отредактировано C3La-NS (Вт, 11 Фев 2014 22:48:14)

0

7

где найти вторую ссылка есть ?

0

8

MyFF
Создаем полноценный Портал на форумах MyBB!
если есть вопросы - обращайся. пока я не ушел.

0

9

меня устраивает и первый вариант единственный момент фон новостной ленты #000000

0

10

Вот. все исправлено.

<style type="text/css">
div.color {
  width:auto;
  border-width:0px;
  border-style:solid;
  border-color:;
  }
</style>
         
<style>
.Box1 {
    margin-bottom:5px;
        width:auto;
        height: auto;
        background: #000000;
        border: 2px solid #D4D4D4;
        border-radius: 0 0 8px 8px;
        -moz-border-radius:0 0 8px 8px;
        -khtml-border-radius: 0 0 8px 8px;
        box-shadow: 0 0 15px #A9A9A9;
        padding:20px 40px;
}
</style>
<style>
#BoxRSS {
  background: #000000;
  margin: auto;
  width: 30% !important;
  min-width: 30% !important;
  max-width: 30% !important;
  position: absolute;
  }
</style>
<style>
#bib p iframe {max-height: 600px;max-width: 600px;}
#bib p img {max-width: 600px;}
</style>
<table style="height: 300px; ; width: 100%;" border="0" frame="void" rules="none" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="70%">
<br>
<br>
<div class="color"><h1>Новостная лента</h1>
<div class="BoxRSS" style="height: auto; background: #000000;">
<script type="text/javascript">
$(function(){
$('div#pun-pages div#pun-main div.BoxRSS').append('<div id="RSS" style="width: 100%;border: 0px solid #778899;margin-left: 0;"><table id="bib" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$.get('/export.php','',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 JCont=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib').append('<tr><td><a href="'+ JLink +'">'+JTitle+'</a><br><br>'+JCont+'<br></br><strong>Написал — </strong><b>'+ JAuthor +'</b> '+ JPosted +'</td></tr>'); });
} });
</script>
</div></div></td>
<td valign="top" width="30%">
<div class="color"><h1>Заголовок 1-го блока</h1>
<div class="Box1" style="hieght: 250px;">Текст 1-го блока</div></div>
<br>
<div class="color"><h1>Заголовок 2-го блока</h1>
<div class="Box1">
Текст 2-го блока
</div></div>
<br>
<div class="color"><h1>Заголовок 3-го блока</h1>
<div class="Box1" style="hieght: 200px;">Текст 3-го блока
</div></div>
<br>
<div class="color"><h1>Заголовок 4-го блока</h1>
<div class="Box1" style="hieght: 70px;">Текст 4-го блока.
</div></div>
<br>
</td>
</tr>
</tbody>
</table>

Добавлено спустя 2 минуты 13 секунд:
Подправлено

Отредактировано C3La-NS (Вт, 11 Фев 2014 23:03:49)

+1

11

благодарю за помощь , теперь все нормально

0


Вы здесь » Единый форум поддержки » Корзина » Вопрос по изменению цвета фона в скрипте ПОРТАЛ Нужна помощь