нужно серый фон на первон скрине заменить на фон на втором скрине
адрес http://playwg.ru/
Кто может помочь с оформлением портала?
Сообщений 1 страница 20 из 35
Поделиться1Пн, 24 Мар 2014 14:28:20
Поделиться2Пн, 24 Мар 2014 15:12:31
Портал без боковых контейнеров, (контейнеры можно добавить) цвет подбери, цвет использованный в скрипте черный, значение #000000 меняешь на свое, размер окна height: 300px width: 100% задаешь свой. Как это будет выглядеть смотри здесь.
<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>
<br>
</td>
</tr>
</tbody>
</table>
Отредактировано MyFF (Пн, 24 Мар 2014 15:22:44)
Поделиться3Пн, 24 Мар 2014 16:22:51
Все ништяк пропало читать далее типо чтоб на главной один постер был новости
Поделиться4Пн, 24 Мар 2014 16:57:40
что нужно добавить чтобы было читать далее и одна картинка а не полную новость выводил ставил другие скрипты не отображает
<script type="text/javascript"> var txtLength = 500; $(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>
Поделиться5Пн, 24 Мар 2014 17:38:57
да еще траблы нашел большой рисунок вылазит за пределы колонки
Поделиться6Пн, 24 Мар 2014 17:45:29
так все поправил читать далее поставилосталось теперь скрыть пост оставив одну картинку или видео
Поделиться7Пн, 24 Мар 2014 17:57:26
Попробуй адаптировать этот скрипт под портал своего форума, суть работы скрипта выбирает gif и jpeg файлы из последних тем и отображает поочередно, у меня работает только задачи у скрипта на моем форуме другие. Размеры отображения ставишь свои, цвета, фона, рамок основной и при наведении тоже свои цвета, размер рамки тоже свой.
<iframe src="//toolsh.адрес форума/pages/glavnaya/din_new2.php? code=cf442c1dd3f11207ab3cc59bdb4e0804&bid=10348&screenshot=0&w=1200&h=1200&server=mybb.com&langs=ru&campaign=&size=1200x1200&header=1&modelname=1&modelicon=1&modelinfo=1&geoflag=1&geoheader=1&selgeoheader=0&mediagroup=2&mediatype=1&skins=def&linkdest=model&modelnick=&clickurl=&refresh=1&logo=black&bbgcolor=&btextcolor=&mbordercolor=ff3300&mhovercolor=0000cc&mbordertype=solid&shad=0&bfontfamily=Arial&mtextalign=right&category=all" frameborder="0" height="1200" width="1200"></iframe>
Поделиться8Пн, 24 Мар 2014 18:02:34
сейчас так
а нужно чтоб было картинка и читать далее ссылка
Поделиться9Пн, 24 Мар 2014 18:03:58
а остально все нормально работает просто петерь скрыть само содержание поста
Поделиться10Пн, 24 Мар 2014 18:13:35
Это убери
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);
Количество отображаемых материалов 10 меняешь количество в этой строке
$(data).find('item:lt(10)').each(function(){
Отредактировано MyFF (Пн, 24 Мар 2014 18:19:10)
Поделиться11Пн, 24 Мар 2014 18:14:23
добавил вот это
var JCont=$('<div>'+JCont+'</div>'); var firstImg = JCont.find('img:first').clone(); if(firstImg.length){firstImg2=firstImg.wrap('<div></div>').parent(); JCont.find('img:first').replaceWith('\n[img:first]\n');} JCont = JCont.text().substr(0,txtLength)+' ...'; if(firstImg.length){JCont=JCont.replace('[img:first]',firstImg2.html()); };firstImg=null;
скрыылось но рамеры картинок стали выезжать
Поделиться12Пн, 24 Мар 2014 18:18:27
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);
убрал перестали отображатьсо новости поставил обратно
Поделиться13Пн, 24 Мар 2014 18:21:26
Размеры регулируются здесь поставь в процентах %
<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>
Поделиться14Пн, 24 Мар 2014 18:24:11
Kumarych
Добавьте перед этой таблицей (<table style="height: 300px; ; width: 100%;" border="0" frame="void" rules="none" cellpadding="0">
Следущее:
<style type="text/css">
#bib .postimg{
display:block;
margin:6px auto;
max-width:500px;
}
</style>
Отредактировано Deff (Пн, 24 Мар 2014 18:24:58)
Поделиться15Пн, 24 Мар 2014 18:37:50
Kumarych
Добавьте перед этой таблицей (<table style="height: 300px; ; width: 100%;" border="0" frame="void" rules="none" cellpadding="0">
Следущее:Отредактировано Deff (Сегодня 18:24:58)
добавил
Поделиться16Пн, 24 Мар 2014 18:41:06
сейчас стоит такой код
<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: 300px;max-width: 300px;} #bib p img {max-width: 300px;} <style type="text/css"> #bib .postimg{ display:block; margin:6px auto; max-width:500px; } </style> </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"> var txtLength = 500; $(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 +'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее ...</a></td></tr>'); }); } }); </script> </div></div> </td> <td class="right" valign="top" width="20%"><div class="structure"><h1><center>Мини чат</center></h1> <div class="box"><!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="175" height="200" src="http://www5.cbox.ws/box/?boxid=867400&boxtag=f5k7yr&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-867400" style="border:#ababab 1px solid;" id="cboxmain5-867400"></iframe></div> <div><iframe frameborder="0" width=175" height="75" src="http://www5.cbox.ws/box/?boxid=867400&boxtag=f5k7yr&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-867400" style="border:#ababab 1px solid;border-top:0px" id="cboxform5-867400"></iframe></div> </div> <!-- END CBOX --></div></div> <br> <div class="structure"><h1><center>Присоединяйся</center></h1> <div class="box"><script type="text/javascript" src="//vk.com/js/api/openapi.js?109"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "175", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 67863059); </script></div> </td> <br> </tr> </tbody> </table>
как в нем скрыть содержание поста?
Поделиться17Пн, 24 Мар 2014 18:44:22
Подожди Щас Придумаю
Поделиться18Пн, 24 Мар 2014 18:49:19
Подожди Щас Придумаю
а тозапуталсо сам
Поделиться19Пн, 24 Мар 2014 18:53:41
Kumarych
Никак, осваивайте более поздние версии, там это реализовано
или нужно спецом вставлять в пост тег ограничения трансляции контента на портале
В качестве тега ограничения можно вставить тег
[hr]
Тогда мон подумать об учете этого в скрипте
Отредактировано Deff (Пн, 24 Мар 2014 18:55:09)
Поделиться20Пн, 24 Мар 2014 18:55:11
ИСПРАВЛЕНО ПОРТАЛ С КОНТЕЙНЕРАМИ. СТАВЬ ЭТОТ СКРИПТ. ТЫ И САМ УЖЕ ЗАПУТАЛСЯ И Я ТОЖЕ.
<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>НАЗВАНИЕ</h1>
<div class="Box1" style="hieght: 250px;">СОДЕРЖИМОЕ
</div></div>
<br>
<div class="color"><h1>НАЗВАНИЕ</h1>
<div class="Box1">СОДЕРЖИМОЕ
</div></div>
<br>
<div class="color"><h1>НАЗВАНИЕ</h1>
<div class="Box1">СОДЕРЖИМОЕ
</div></div>
<br>
<div class="color"><h1>НАЗВАНИЕ</h1>
<div class="Box1">СОДЕРЖИМОЕ
</div></div>
<br>
<div class="color"><h1>НАЗВАНИЕ</h1>
<div class="Box1">СОДЕРЖИМОЕ
</div></div>
<br>
<div class="color"><h1>НАЗВАНИЕ</h1>
<div class="Box1">СОДЕРЖИМОЕ
</div></div>
<br>
<div class="color"><h1>НАЗВАНИЕ</h1>
<div class="Box1" style="hieght: 200px;">СОДЕРЖИМОЕ
</div></div>
<br>
<div class="color"><h1>НАЗВАНИЕ</h1>
<div class="Box1" style="hieght: 70px;">СОДЕРЖИМОЕ
</div></div>
<br>
<div class="color"><h1>НАЗВАНИЕ</h1>
<div class="Box1" style="hieght: 70px;">СОДЕРЖИМОЕ
</div></div>
<br>
</td>
</tr>
</tbody>
</table>
Отредактировано MyFF (Пн, 24 Мар 2014 18:59:05)