Изменение вывода новостей - Официальный форум Eleanor CMS

Сообщение сайта

(Сообщение закроется через 2 секунды)

Здравствуйте, гость ( Вход | Регистрация )

Официальный форум Eleanor CMS > Поддержка пользователей системы Eleanor CMS > Оформление системы

2 страниц

1 2 >

Изменение вывода новостей

Опции

SiTiS

2010-09-01, 13:32

Сообщение #1

Любитель

Группа: Пользователи
Сообщений: 215
Регистрация: 2008-12-14
Из: Россия, Минусинск

Репутация:

нет

Всего: 2

Добрый день!
Сейчас в модуле новости (да и во всех модулях), новости выводятся в центральном блоке построчно... Как же сделать чтобы новости выводились, как бы, по колонкам? Короче, нарисовал быстренько как это должно выглядеть, надеюсь понятно...

Сейчас:

1.png ( 22.73 килобайт ) Скачиваний: 113

Нужно:

2.png ( 22.92 килобайт ) Скачиваний: 110

Где и что нужно изменить чтобы новости выводились как на 2ой фонке?

Сообщение отредактировал SiTiS - 2010-09-01, 13:33

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

1.png ( 22.73 килобайт ) Скачиваний: 113

2.png ( 22.92 килобайт ) Скачиваний: 110

Skyff

2010-09-01, 14:10

Сообщение #2

Опытный

Группа: Eleanor user
Сообщений: 928
Регистрация: 2009-02-08
Из: Литва

Репутация:

нет

Всего: 4

SiTiS, Думаю нужно заказать модификацию модуля. Работы там будет, это не одну строчку переписать.

SiTiS

2010-09-01, 14:19

Сообщение #3

Любитель

Группа: Пользователи
Сообщений: 215
Регистрация: 2008-12-14
Из: Россия, Минусинск

Репутация:

нет

Всего: 2

Плохо... теоретически я думал что это должно правиться в шаблоне, ан нет... и сколько интересно это будет стоить..?

Skyff

2010-09-01, 15:23

Сообщение #4

Опытный

Группа: Eleanor user
Сообщений: 928
Регистрация: 2009-02-08
Из: Литва

Репутация:

нет

Всего: 4

SiTiS, Это уже зависит от того человека который будет тебе писать данную модификацию, могу предположить, что около 10 а может и 15 баксов, но опять же нужно заговаривать с программистом у каждого свои цены.

sanes

2010-09-01, 23:02

Сообщение #5

Аноним

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:

нет

Всего: 4

Попробуй так http://pafnuty.name/statyi/72-vyvod-novostej-v-2-kolonki-jquery-edition.html Вариант может подойти для Eleanor

Alexander

2010-09-01, 23:58

Сообщение #6

Eleanor developer
Иконка группы

Группа: Администраторы
Сообщений: 5 261
Регистрация: 2008-11-11
Из: Николаев
Версия системы: RC5

Репутация:

нет

Всего: 67

SiTiS, мне кажется самое правильное и легкое решение задачи, это сделать, вывод новостей в таком виде:


<ul>
<li>Новость</li>
<li>Новость</li>
<li>Новость</li>
...
</ul>

Далее нужно у li прописать float:left и поиграться с шириной ul таким образом, чтобы в ul влазило по ширине только 2 li. Разумеется, вместо ul и li можно использовать и другие контейнера.

SiTiS

2010-09-03, 14:45

Сообщение #7

Любитель

Группа: Пользователи
Сообщений: 215
Регистрация: 2008-12-14
Из: Россия, Минусинск

Репутация:

нет

Всего: 2

sanes, твой способ работает, большущее спасибо! Плохо репа не работает... Вот пример, кому надо...

Alexander, твой способ не понял... В принципе я понял, что это делается как таблица, но куда эту таблицу вставлять..? либо в (module)/user/index.php, либо в Base.html...

Loader

2010-09-03, 15:50

Сообщение #8

Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

Репутация:

нет

Всего: нет

Цитата (SiTiS @ 2010-09-03, 14:45)

Как ты это сделал, можно подробнее? Какие файлы правил?

SiTiS

2010-09-03, 16:22

Сообщение #9

Любитель

Группа: Пользователи
Сообщений: 215
Регистрация: 2008-12-14
Из: Россия, Минусинск

Репутация:

нет

Всего: 2

Loader, сделал полностью как написано в http://pafnuty.name/statyi/72-vyvod...ry-edition.html
Ладно, напишу как я делал, может еще кому пригодится:
Все настройки правятся в действующем шаблоне.
1. В Base.html или Base-(module).html добавляете дивы:

<div class="news">
--------------стандартный код Base.html--------------
</div>
<div class="news_clr"></div>

2. В index.php перед </head> вставляем яваскрипт:

<script ENGINE="text/javascript">
$(document).ready(
  function()  {
    $("div.news").addClass("alt");
    $("div.news_clr:even").addClass("alt");
  });
</script>

3. В файл base.css (в папке style) в самый конец добавляем:

.news.alt {
    float: left;
    width: 50%;/*значение подбирается индивидуально*/
}
.news_clr {
    height: 0;
    clear: both;
}
.news_clr.alt {
    clear: none;
}

и всё!!!

Сообщение отредактировал SiTiS - 2010-09-03, 16:24

Loader

2010-09-03, 18:37

Сообщение #10

Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

Репутация:

нет

Всего: нет

А у меня не получается! Как раньше было так и осталось!

SiTiS

2010-09-03, 19:28

Сообщение #11

Любитель

Группа: Пользователи
Сообщений: 215
Регистрация: 2008-12-14
Из: Россия, Минусинск

Репутация:

нет

Всего: 2

Loader, точно правильно всё сделал? У меня тоже сначала не работало, т.к. у меня была ошибка...Я в base.css вставил код перед последней } , а надо ставить в самый конец, после этого знака

Loader

2010-09-03, 20:25

Сообщение #12

Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

Репутация:

нет

Всего: нет

Всё уже перепроверил, смотри сам:

Base.html

<div class="news">

<div class="base">
	<div class="heading"><div class="binner">
		<h2>{title}</h2>
		<div class="moreinfo">
			<!-- <span class="arg">{whopost}</span> -->
			<span class="arg">{date}</span>[comments]
			<span class="arg">{comments}</span>[/comments]
			<span class="arg">{category}</span>
			<span class="arg">{reads}</span>
			<div class="clr"></div>
		</div>
		<div class="clr"></div>
	</div></div>
	<div class="maincont"><div class="binner">
		{content}
		<div class="clr"></div>
	</div></div>
	<div class="morelink"><div class="binner">
		<div class="ratebase">{rating}</div>
		<span class="argmore">{more}</span>
		<div class="clr"></div>
	</div></div>
</div>

</div>
<div class="news_clr"></div>

Index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta name="google-site-verification" content="Amrl-8ChnYXYbH_4a5_EYpxEgb-2Or-8TfJFjZdlqvg" />
<meta name='yandex-verification' content='5cd17841fa4b97f7' />
<?php echo$HEAD?>
<style type="text/css" media="all">
@import url(<?php echo$theme?>/style/main.css);
@import url(<?php echo$theme?>/style/tools.css);
@import url(<?php echo$theme?>/style/blocks.css);
@import url(<?php echo$theme?>/style/base.css);
@import url(<?php echo$theme?>/style/engine.css);
@import url(<?php echo$theme?>/style/bbeditor.css);
</style>
<link rel="shortcut icon" href="favicon.ico" />

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(
  function()  {
    $("div.news").addClass("alt");
    $("div.news_clr:even").addClass("alt");
  });
</script>
</head>

<body class="page_bg">
	<div id="loading" class="loading" style="display: none;">
		<span><?php echo$Mainclass->lang['main']['loading']?></span>
	</div>
{%BLOCKS admin%}
<div class="wrapper">
<div id="headerboxic"><div class="dleft"><div class="dright">
	<img src="<?php echo$theme?>/images/pda-kino.png" alt="PDA-KINO - Фильмы для КПК" />
	<span class="headbanner">
			<!-- Баннер 468x60-->
		{%BLOCKS top_banner%}
		<!-- <a href="link.html" title="Ваш баннер"><img src="<?php echo$theme?>/images/spacer.png" alt="Ваш баннер" /></a> -->
	</span>
	<!--	Кадры из фильмов в шапке сайта (рисунки 77 пикс высоты)-->
	<span class="headmovie">
	<!--	<a href="http://drive.arvixe.ru/"><img src="/test1.jpg" alt="PDA-KINO.net.ru - Фильмы для КПК" /></a><img src="/polos1.jpg" alt="PDA-KINO.net.ru - Фильмы для КПК" /><a href="http://drive.arvixe.ru/"><img src="/1.jpg" alt="PDA-KINO.net.ru - Фильмы для КПК" /></a><img src="/polos1.jpg" alt="PDA-KINO.net.ru - Фильмы для КПК" /><a href="http://drive.arvixe.ru/"><img src="/test1.jpg" alt="PDA-KINO.net.ru - Фильмы для КПК" /></a>-->
	</span>  
	
	
	
</div></div></div>

<div id="menuhead"><div class="dleft"><div class="dright">
<div class="language">
<?php
if($Mainclass->vars['multilang'])
{
	$langs=$Mainclass->langs;
	unset($langs[$Mainclass->lang_name]);
	foreach($langs as $k=>$v)
		echo '<a href="'.$Mainclass->file_name.'?language='.$k.'" title="'.$v.'"><b>'.substr($k,0,3).'</b></a>';
}
?>
</div>

          <!-- Быстрый поиск --> 
         <div id="quick_search"> 
              <form method="post" id="qsearch" action="news/do_search.html">
		      <input name="search_word" maxlength="255" id="qsearch-box" onblur="if(this.value=='') this.value='ПОИСК';" value="ПОИСК" onfocus="if(this.value=='ПОИСК') this.value='';" title="Для расширенного поиска щёлкните по кнопке"/>
		      <input type="image" src="<?php echo$theme?>/images/search_button.png" id="qsearch_button"  />
		      </form>
         </div> 



{%BLOCKS top_menu%}
</div></div></div>

<div class="container">
	<div class="mainbox">
		<div id="maincol[blocks_right]R[/blocks_right]">
			<div class="baseblock"><div class="dtop"><div class="dbottom">
				<div class="dcont" id="resizedimage">
				{%BLOCKS center%}
				{module}
				{%BLOCKS center_down%}
				</div>
			</div></div></div>
		</div>
		[blocks_right]<div id="rightcol">
		{%STATIC login%}
			{%BLOCKS right%}
		</div>[/blocks_right]
	</div>
	<div id="leftcol">
	  
	
	
    {%BLOCKS left%}
    
    </div>
	<div class="clr"></div>
</div>

<div id="footmenu"><div class="dleft"><div class="dright">
	<a title="<?php echo$Mainclass->lang['main']['to_top']?>" onclick="scroll(0,0); return false" href="#" class="top-top"><img src="<?php echo$theme?>/images/top-top.png" alt="<?php echo$Mainclass->lang['main']['to_top']?>" /></a>
	<span>{%BLOCKS bottom_menu%}</span>
</div></div></div>

<div id="footer"><div class="dleft"><div class="dright">
	<div class="count">
		<span style="width: 88px;"></span>
		<span style="width: 88px;"><!-- кнопка, счетчик --></span>
		<span style="width: 88px;"><!-- кнопка, счетчик --></span>
		<span style="width: 88px;"><!-- кнопка, счетчик --></span>
<!--LiveInternet counter-->
<script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t44.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
//--></script>
<!--/LiveInternet-->

<a href="http://pda-kino.net/rss.php?module=news"><img src="/images/rss.png" alt="RSS-лента" title="RSS-лента"/></a>
		<span style="width: 60px;">  <a href="http://validator.w3.org/check?uri=referer"><img src="<?php echo$theme?>/images/xhtml_valid.png" alt="Valid XHTML 1.0 Transitional" width="60" height="31" /></a></span>

	</div>
	
	
	
	<!-- КОПИРАЙТЫ -->
	<noindex>	
	
	<span class="copyright">
	&copy; Copyright PDA-KINO 2010 - Фильмы для КПК</span>
	<div class="clr"></div>
</div></div></div>
<div id="syscopyright">
	<div><?php echo$copyright?></div>
	<div>{page status}</div>
	<div>{debug}</div>
</div>
</div>
<style type="text/css">.gsc-adBlock{display: none;}.gsc-adBlockVertical{display: none;}</style>



	<!-- Дополнительно -->
	
	

<!-- Yandex.Metrika -->
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>
<div style="display:none;"><script type="text/javascript">
try { var yaCounter997960 = new Ya.Metrika(997960); } catch(e){}
</script></div>
<noscript><div style="position:absolute"><img src="//mc.yandex.ru/watch/997960" alt="" /></div></noscript>
<!-- /Yandex.Metrika -->
</noindex>	
</body>
</html>

Base.css

/*
	Copyright © Eleanor CMS
	URL: http://eleanor-cms.ru, http://eleanor-cms.com
	E-mail: support@eleanor-cms.ru
	Developing: Alexander Sunvas*
	Interface: Rumin Sergey
	=====
	*Pseudonym. See addons/copyrights/info.txt for more information.
*/

/*-----MAIN-----*/
.base { padding-bottom: 25px; }
.binner { padding: 0 18px;}

/*ЗАГОЛОВОК ЦЕНТРАЛЬНЫХ STORY*/
.heading { background: transparent url("../images/moduletitlearrow.gif") no-repeat left 9px; }
.heading .binner { padding-bottom: 5px; }

.heading2 { background: transparent url("../images/moduletitle.png") repeat-x left bottom; }
.heading2 .binner { padding-bottom: 9px; }

.heading h6, .heading2 h6 {
	font-size: 22px;
	font-weight: normal;
	color: #696969;
	padding-top: 8px;
}

.heading h1, .heading .binner h2, .heading2 h1 {
	font-size: 16px;
	font-weight: bold;
	color: #469ebf;
	padding-top: 5px;
}

/*modulemenu*/
.modulemenu {
	height: 25px;
	background: #7d7d7d url("../images/moduletitle.png") repeat-x left top;
}

.modulemenu {
	line-height: 23px;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
}

.modulemenu span  { float: left; }
.modulemenu span a {
	float: left;
	height: 25px;
	color: #ffffff;
	padding: 0 5px;
	text-decoration: none !important;
}
.modulemenu span a:hover { background: #2e2e2e url("../images/menuhead.png") repeat-x left -39px; }

.mmenusub { position: absolute; background-color: #eee; padding: 4px; border: 1px solid #cccccc; }
.mmenusub ul, .mmenusub li { margin: 0; padding: 0; list-style: none; background: none; }
.mmenusub li a {
	display: block;
	padding: 0 10px;
	line-height: 20px;
	height: 20px;
	color: #4e4e4e;
	border-bottom: 1px solid #cccccc;
	text-decoration: none !important;
}

.mmenusub li a:hover { background-color: #d8d8d8; }


/*moreinfo*/
.moreinfo { font-size: 0.9em; color: #a3a3a3; }

/*ARGUMENTS*/
.arg, .argmore { padding-right: 9px; float: left; display: inline; }
.arg img.left { margin: 2px 3px 0 0; }
.argr { float: right; padding-left: 6px; }
.ratebase { float: right; width: 105px; }

span.argmore a {
	padding-right: 20px;
	background: transparent url("../images/morearrow.gif") no-repeat right 60%;
	font-weight: bold;
}

/*СОДЕРЖИМОЕ*/
.maincont {
	background: transparent url("../images/basegrad.png") repeat-x left top;
	padding: 0 0 7px 0;
}

.morelink {
	background: transparent url("../images/morelink.png") repeat-x left top;
	height: 29px;
}

.morelink .binner { padding-top: 5px; }

/*НАГРАДЫ*/
.awards .binner { padding-top: 10px; padding-bottom: 10px; }
.awards { background-color: #f5f5f5; border-top: 1px solid #adadad; }

/*COMMENTS*/
.commentbase { background: #ffffff url("../images/commentbg.png") repeat-x left top; }
*html .commentbase { width: 100%; }
.commentbase .binner { padding-top: 10px; padding-bottom: 10px; }
.heading h2 { font-size: 18px;}

.signature { padding-top: 13px; margin: 0; font-size: 0.9em; color: #a4a4a4; }
.signature a { color: #a4a4a4; }

.commentbase .morelink { padding: 15px 0 7px 0; }
.commentbase .moreinfo { font-size: 0.9em; color: #a4a4a4; }
.commentbase .heading { padding: 0 0 7px 0; background: none; }
.commentbase .maincont { background: none; }

/*Личные сообщения*/
.sendto {
padding: 3px 4px;
font-style: italic;
border: 1px dotted #d7d7d7;
background-color: #f8f8f8;
}

/*2 колонки*/

.news.alt {
    float: left;
    width: 45%;/*значение подбирается индивидуально*/
}
.news_clr {
    height: 0;
    clear: both;
}
.news_clr.alt {
    clear: none;
}

Loader

2010-09-03, 20:54

Сообщение #13

Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

Репутация:

нет

Всего: нет

Короче всё получилось, надо было просто указать RIGHT !!!

Цитата

/*2 колонки*/

.news.alt {
float: right;
width: 45%;/*значение подбирается индивидуально*/
}
.news_clr {
height: 0;
clear: both;
}
.news_clr.alt {
clear: none;
}

Сообщение отредактировал Loader - 2010-09-03, 20:55

sanes

2010-09-03, 23:11

Сообщение #14

Аноним

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:

нет

Всего: 4

Loader, результат можно подсмотреть? :mellow:

Добавлено через 3 минут, 57 секунд:

SiTiS, моя наводка, как-то не полноценно работает...

Loader

2010-09-03, 23:19

Сообщение #15

Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

Репутация:

нет

Всего: нет

Цитата (sanes @ 2010-09-03, 23:11)

Loader, результат можно подсмотреть? :mellow:

Добавлено через 3 минут, 57 секунд:

SiTiS, моя наводка, как-то не полноценно работает...

Почему не полноценно? Просто вы же заметили что в новостях блоки у меня справа, а слева нету и это место занимает центральный блок. Стандартными средствами (через админку) вы так не сделаете!
Поэтому мне надо было писать RIGHT!
А посмотреть не получится, ибо мне не понравилось!

sanes

2010-09-03, 23:24

Сообщение #16

Аноним

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:

нет

Всего: 4

Loader, я просто хотел увидеть результат. У нас ЖЕ тут что-то получилось?

Сообщение отредактировал sanes - 2010-09-04, 14:22

SiTiS

2010-09-04, 6:06

Сообщение #17

Любитель

Группа: Пользователи
Сообщений: 215
Регистрация: 2008-12-14
Из: Россия, Минусинск

Репутация:

нет

Всего: 2

sanes, да маленько тупит, но я думаю это лечится, просто надо подработать...

Мне все же хотелось бы узнать как Alexander предлагал сделать...мне кажется это не так сложно...где то же есть в настройках способ вывода новости....

sanes

2010-09-04, 14:25

Сообщение #18

Аноним

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:

нет

Всего: 4

SiTiS, ты про какие настройки? про способ Александра, хотелось узнать где в шаблоне стартуют модули, к которым ul li приставить надо

SiTiS

2010-09-04, 16:01

Сообщение #19

Любитель

Группа: Пользователи
Сообщений: 215
Регистрация: 2008-12-14
Из: Россия, Минусинск

Репутация:

нет

Всего: 2

sanes, да, немного оговорился, не в настройках, а в файлах. Просто в один столбик выводятся новости, это же где то забито в коде. Например в джумле есть вывод блоговый, этоже не через шаблон делается...