Замена стандартного загрузчика фото в фотосете.

Многим будет интересен переход на jQuery File Upload.
Поэтому, как заменить полностью стандартную загрузку изображений на jQuery File Upload?
Демо: http://blueimp.github.com/jQuery-File-Upload/

?
13 мая 2012, 22:03
Glowworm
32

Кеширование и склейка css/js

4

Блог им. irbiskill

Как заставить ls чтобы он склеивал файлы css/js от плагинов в один общий?
В кинфиге стоит

$config['compress']['css']['merge'] = true;
$config['compress']['css']['use'] = false;
$config['compress']['js']['merge'] = true;
$config['compress']['js']['use'] = true;

но всеровно в коде сайта отбражается

<link rel="stylesheet" type="text/css" href="http://localhost/plugins/popupinfo/templates/skin/default/css/style.css?UPD=1.1" />
<script type="text/javascript" src="http://localhost/plugins/popupinfo/templates/skin/default/js/init.js"></script>

В связи с чем не происходит слияние в один файл?
И почему при сжатии ксс плывет верстка?

-1
20 апреля 2012, 01:47
irbiskill
3

CSS проблемка

Вопросы

Верстаю шаблон для своего сайта, сделал меню (Топики| Блоги | Люди |) сайдбаром слева. Но проблема в том, что после того, как левый сайдбар заканчивается таблица контента съезжает на его место. Как выровнять таблицу контента, чтобы она была в своем столбике, а на месте сайдбара просто пустое место. Вот скрин:

Ах, да мучаю шаблон developer-jquery

Скрин:

Код #containt и #leftbar (мой сайдбар)

#content 	{ width: 70%; float: left; padding: 0 15px 15px 15px; background: #fff;  
}

#leftbar {float: left; width:15%;
 
 background: #f4f4f4;
 -moz-border-radius: 4px;
 border-radius: 4px;
padding: 5px 5px 5px;
 text-shadow: 0 1px 0 #fff;
 line-height: 1.5;
 margin-right: 20px;
}

-2
17 апреля 2012, 08:28
Gr1ng0
10

Уменьшение высоты header в шаблоне «News Street»

Блог им. Dmitrij

Добрый день!

Подскажите кто знает как уменьшить высоту header (черный прямоугольник)Шаблон «News Street»

header_top.tpl


	<!-- Header -->
	{if !$oUserCurrent}
	<div style="display: none;">
	<div class="login-popup" id="login-form">
		<a href="#" class="close-block" onclick="return false;"></a>
		<div class="content">
			<form action="{router page='login'}" method="POST">
				<h3>{$aLang.user_authorization}</h3>
				{hook run='form_login_popup_begin'}
				<div class="lite-note"><a href="{router page='registration'}">{$aLang.registration_submit}</a><label for="">{$aLang.user_login}</label></div>
				<p><input type="text" class="input-text" name="login" tabindex="1" id="login-input"/></p>
				<div class="lite-note"><a href="{router page='login'}reminder/" tabindex="-1">{$aLang.user_password_reminder}</a><label for="">{$aLang.user_password}</label></div>
				<p><input type="password" name="password" class="input-text" tabindex="2" /></p>
				{hook run='form_login_popup_end'}
				<div class="lite-note"><button type="submit" onfocus="blur()"><span><em>{$aLang.user_login_submit}</em></span></button><label for="" class="input-checkbox"><input type="checkbox" name="remember" checked tabindex="3" >{$aLang.user_login_remember}</label></div>
				<input type="hidden" name="submit_login">
			</form>
		</div>
	</div>
	</div>
	{/if}
	
	<div id="header"><div id="header-center">

		<ul class="nav-main">
			<li {if $sMenuHeadItemSelect=='blog'}class="active"{/if}><a href="{router page='blog'}">{$aLang.blogs}</a></li>
			<li {if $sMenuHeadItemSelect=='people'}class="active"{/if}><a href="{router page='people'}">{$aLang.people}</a></li>
			{hook run='main_menu'}
			<em></em>
			{if $oUserCurrent}
			<div class="profile">
				<a href="{$oUserCurrent->getUserWebPath()}" class="avatar"><img src="{$oUserCurrent->getProfileAvatarPath(24)}" alt="{$oUserCurrent->getLogin()}" /></a>
				<ul>
					<li><a href="{$oUserCurrent->getUserWebPath()}" class="author">{$oUserCurrent->getLogin()}</a></li>
					<li>
						{if $iUserCurrentCountTalkNew}
							<a href="{router page='talk'}" class="message" id="new_messages" title="{$aLang.user_privat_messages_new}">{$iUserCurrentCountTalkNew}</a> 
						{else}
							<a href="{router page='talk'}" class="message-empty" id="new_messages"> </a>
						{/if}
					</li>
					<li><a href="{router page='settings'}profile/" class="author">{$aLang.user_settings}</a></li>
					<li>{$aLang.user_rating} <strong>{$oUserCurrent->getRating()}</strong></li>
					{hook run='userbar_item'}
					<li><a href="{router page='login'}exit/?security_ls_key={$LIVESTREET_SECURITY_KEY}">{$aLang.exit}</a></li>
				</ul>
			</div>
			{else}
			<div class="profile guest">
				<ul>
					<li><a href="{router page='login'}" onclick="return showLoginForm();">{$aLang.user_login_submit}</a></li>
					<li>{$aLang.or}</li>
					<li><a href="{router page='registration'}" class="reg">{$aLang.registration_submit}</a></li>
				</ul>
			</div>
			{/if}
			
		</ul>
		<!-- лого сюда вставлять -->

		<!-- лого сюда вставлять -->
		

		<!-- Банер можно вставить -->
		<!-- Банер можно вставить -->

			
			{if $oTopic}
				{assign var="oBlog" value=$oTopic->getBlog()}
				{assign var="oUserOwner" value=$oBlog->getOwner()}
				{assign var="oVote" value=$oBlog->getVote()}
				{assign var="oUser" value=$oTopic->getUser()}
				{assign var="oUserId" value=$oBlog->getId()}
				
				{if $oBlog and $oBlog->getType() == 'open' or $oBlog->getType() == 'close'}
				
					<div class="header profile-blog">
						<div class="header profile-blog-content">
							<div class="voting {if $oBlog->getRating()>=0}positive{else}negative{/if} {if !$oUserCurrent || $oBlog->getOwnerId()==$oUserCurrent->getId()}guest{/if} {if $oVote} voted {if $oVote->getDirection()>0}plus{elseif $oVote->getDirection()<0}minus{/if}{/if}">
								<div class="clear">{$aLang.blog_rating}</div>
								<a href="#" class="plus" onclick="lsVote.vote({$oBlog->getId()},this,1,'blog'); return false;"></a>
								<div class="total">{if $oBlog->getRating()>0}+{/if}{$oBlog->getRating()}</div>
								<a href="#" class="minus" onclick="lsVote.vote({$oBlog->getId()},this,-1,'blog'); return false;"></a>
								<div class="clear"></div>
								<div class="text">{$aLang.blog_vote_count}:</div><div class="count">{$oBlog->getCountVote()}</div>
							</div>
							
							<img src="{$oBlog->getAvatarPath(48)}" alt="avatar" class="avatar" />
							<h2 class="title"><a href="{$oBlog->getUrlFull()}" class="title-link">{$oBlog->getTitle()|escape:'html'}</a></h2>
							<ul class="action">
								<li>Коллективный блог.</li>
								<li>Читателей: {$oBlog->getCountUser()}</li>
								<li class="rss"><a href="{router page='rss'}blog/{$oBlog->getUrl()}/">RSS блога</a></li>
								{if $oUserCurrent and $oUserCurrent->getId()!=$oBlog->getOwnerId()}
									<li class="join {if $oBlog->getUserIsJoin()}active{/if}">
										<a href="#" onclick="ajaxJoinLeaveBlog(this,{$oBlog->getId()}); return false;"></a>
									</li>
								{/if}
							</ul>
						</div>
					</div>
					
				{else}
				
					<div class="header profile-blog">
						<div class="header profile-blog-content">
							<div class="voting {if $oUser->getRating()>=0}positive{else}negative{/if} {if !$oUserCurrent || $oUser->getId()==$oUserCurrent->getId()}guest{/if} {if $oVote} voted {if $oVote->getDirection()>0}plus{elseif $oVote->getDirection()<0}minus{/if}{/if}">
								<div class="clear">{$aLang.user_rating}</div>
								<a href="#" class="plus" onclick="lsVote.vote({$oUser->getId()},this,1,'user'); return false;"></a>
								<div class="total">{if $oUser->getRating()>0}+{/if}{$oUser->getRating()}</div>
								<a href="#" class="minus" onclick="lsVote.vote({$oUser->getId()},this,-1,'user'); return false;"></a>
								<div class="clear"></div>
								<div class="text">{$aLang.user_vote_count}:</div><div class="count">{$oUser->getCountVote()}</div>
							</div>
							
							<img src="{$oUser->getProfileAvatarPath(48)}" alt="{$oUser->getLogin()}" class="avatar" />
							<h2 class="title">
								{if $oUser->getProfileSex()!='other'}
									{if $oUser->getProfileSex()=='man'}
										<a href="{$oUser->getUserWebPath()}" class="userman title-link">{$oUser->getLogin()}</a>
									{else}
										<a href="{$oUser->getUserWebPath()}" class="userwoman title-link">{$oUser->getLogin()}</a>
									{/if}
								{else}
									<a href="{$oUser->getUserWebPath()}" class="usernone title-link">{$oUser->getLogin()}</a>
								{/if}
							</h2>
							<ul class="action">
								<li>Персональный блог.</li>
							</ul>
						</div>
					</div>
					
				{/if}
				
			{else}
			

			
			{/if}
			
		</div>
		
	</div></div>
	<!-- /Header -->

style.css



/* Generic Blocks
-------------------------------------------------------------------*/
#container { min-width: 980px; }
#header { background: #181818 url(../images/bg-header.gif) repeat-x scroll 0 0; clear: both; height: 250px; overflow: hidden; }

#nav { clear: both; background: #e9e8ea; }
#nav-center { margin: 0px auto; padding: 0 5px; clear: both; width: 970px; }
#wrapper { border-bottom: 1px solid #D1D1D1; padding: 5px; margin: 0 auto; overflow: hidden; width: 970px; min-height: 200px; }
#content { clear: left; float: left; width: 665px; padding-bottom: 15px; }
#sidebar { float: left; margin-left: 25px; width: 280px; }
#footer { border-top: 1px solid #fff; clear: both; width: 970px; color: #333; margin: 0 auto; overflow: hidden; padding: 30px 5px; }

.white-back { padding-bottom: 15px ; }
.white-back #content { clear: none; }
.page-talk { padding-left: 3px !important; margin-right: 50px !important; }


/* Header
-------------------------------------------------------------------*/
#header h1 { background: url(../images/logo.png) no-repeat scroll center 0; float: left; height: 160px; margin: 25px 0 0; text-align: center; width: 200px; }
#header h1 a { color: #E6BA26; text-decoration: none; font: normal 40px/274px Arial, Sans-Serif; padding-top: 115px; }
#header h1 a strong { color: #eee; }

#header h3 { color: #AAA; font-size: 24px; font-weight: normal; margin: 15px 0 0 220px; padding: 17px 0px; }



/* Login and Lite Pages
-------------------------------------------------------------------*/
.lite-header { background: url(../images/logo.png) no-repeat scroll center 0; line-height: 60px; margin: 40px auto; padding-top: 115px; text-align: center; width: 473px; }
.lite-header a { color: #fff; font-size: 55px; padding-top: 115px; text-decoration: none; }
.lite-header a span { color: #E6BA26; }
.lite-header a:hover { color: #555; }
.lite-header a:hover span { color: #777; }


/* Header Promo Blocks
-------------------------------------------------------------------*/ 
#header .main-promo { height: 100px; margin: 15px 0 0 220px; width: 750px; }
#header .promo { background: #181818; border: 1px solid #333; box-shadow: 0 0 8px rgba(0, 0, 0, 0.9); float: left; height: 100px; margin: 0 0 0 28px; width: 229px; }
#header .promo.first { margin: 0; }
#header .promo:hover { border: 1px solid #E6BA26; }

/* Header Blog Block
-------------------------------------------------------------------*/ 
.header.profile-blog { background: #181818; border: 1px solid #333; margin-bottom: 0; padding: 20px; height: 60px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.9); }
.header.profile-blog:hover { border: 1px solid #E6BA26; }
.header.profile-blog img.avatar { top: 26px; }
.header.profile-blog .action { overflow: hidden; margin: 0; line-height: 18px; padding-left: 60px; zoom: 1; }
.header.profile-blog .action li { float: left; margin-right: 10px; color: #AAA; }
.header.profile-blog .action li a { color: #aaa; outline: none; text-decoration: none; }
.header.profile-blog .action li.rss a { display: block; background: url(../images/rss.gif) no-repeat scroll left 1px; width: auto; height: 16px; padding-left: 20px; }
.header.profile-blog .action li.join a { display: block; height: 16px; width: 110px; background: url(../images/icon-blog-join-text.gif) no-repeat scroll 0 1px; padding-left: 20px; }
.header.profile-blog .action li.join a:hover { background: url(../images/icon-blog-join-text.gif) no-repeat scroll 0px -15px; }
.header.profile-blog .action li.join.active a { background: url(../images/icon-blog-join-text.gif) no-repeat scroll 0px -31px; }
.header.profile-blog .action li a:hover { text-decoration: underline; }
.profile-blog h2.title { font-size: 24px; line-height: 30px; color: #b0b0b0; padding-left: 60px; }
.profile-blog h2.title a.title-link { outline: none; }

Спасибо!

-7
06 апреля 2012, 08:55
Dmitrij
10

Оцените цветовую схему

Блог им. dotaboec

Добрый вечер господа. Вчера спрашивал как сменить положение блока, все нашел сам. Дело было в css.
Так вот пока лазал в css'ах решил немного изменить стандартный шаблон new-jquery. Что-то очень меня унесло, начал все подряд редактировать, менять и т.д. Что из этого вышло можете посмотреть на моем сайте.

Тематика сайта: Постапокалипсис; про фильмы, игрушки и т.д.
И на этом моменте встал вопрос, как это вообще смотрится? Приятно ли находится продолжительное время в такой цветовой гамме? Может что-то изменить\убрать\добавить?
Всем добра! ;)

0
24 марта 2012, 04:02
dotaboec
33

Шаблон Simple - решение проблемы "замена логотипа"

3

Блог им. farikus

Здравствуйте. На днях решил сделать проект, долго думал на каком движке делать, и решился! Опять вернусь на LiveStreet (благодарю разработчиков и тех, кто трудился над этим проектом). Очень понравилась тема Simple, но при установлении появилась проблема. Как поменять логотип? Зашел на описание шаблона, там многие спрашивают и не могут решиться. В одной теме нашел такое:

1. Из header_top.tpl удалить текст связанный с логотипом, чтобы осталась ссылка такого вида:
<a href="{cfg name='path.root.web'}" class="logo"></a>
2. В файле css/grid.css потребуется строка 48.
3. Чтобы вставить картинку, нужно будет привести стили к такому виду:
background:url(../images/названиекартинки) no-repeat; float:left; width:165px; height:119px; display:block; text-decoration: none

Меняю, не получается. В теме заметил, что у многих и не получается. Те кто спрашивают, получают минусы… На следующий день проснулся и сел решить эту проблему. В Google Chrome, открывая Google DevTOols, каким то чудом нажал «Открыть в новом окне .css файл». А тут чудо! Смотрю на URL: имясайта.com/templates/cache/simple/3308800e012584b43331f559ad6a767f.css

Как заметили, LiveSteet берет данные через cache папку, а не сразу templates/simple/css/grid.css
Когда меняете в файле grid.css, также откройте в новом окне URL вашего нынешнего css, там тоже поменяйте, чтобы не было проблемно. Кстати, в cache css постарался поставить такой переход (../images/logo.png) не получается, пришлось прописать имясайта.../images/logo.png
Так что родные, надеюсь вы попадете на эту тему, и не будете заморачиваться заменой логотипа с текста на рисунок. Я сам не программист, а просто блоггер и веб-журналист. Вот решил поделиться неким опытом. Главное чтоб не минусовали :)

С уважением, Фархад Алекперов.

0
26 февраля 2012, 23:24
farikus
6

Очередной вопрос про перенос css и js файлов на другой поддомен.

4

Блог им. ewden

Прошу сразу сильно не пинать и не минусовать, пожалуйста.
Есть:
blogs.example.ru — сам сайт.

Задача:
Сделать так, чтобы css файлы загружались с домена например css-blogs.example.ru
Сдедать так, чтобы js файлы загружались с домена js-blogs.example.ru (Или пофиг, можно даже с тогоже css-blogs.example.ru)

Читать дальше

+2
22 февраля 2012, 01:44
ewden
9

Проблема с background в CSS на LiveStreet

Блог им. Fortunato2011

Увеличил ширину блока для написания комментария в engine/lib/external/jquery/markitup/skins/simple/style.css, после чего перестали показываться все картинки шаблона. Посмотрев что читает браузер увидел такой адрес картинок

background: url("http://site.rutemplates/skin/developer/images/header.png") no-repeat transparent;

то есть после site.ru почему-то нет слеша.

Помогите пожалуйста определить в чем может быть причина.

Чистил кэш и восстанавливал css файл, не помогло. Активация другого шаблона тоже не помогает.

-1
21 февраля 2012, 16:18
Fortunato2011
15

Редактирование темы

Блог им. crang

Открыл main.css, изменил там цвета.В blocks.css тоже менял, но ничего не работает.Почему оно так делает?

-3
02 февраля 2012, 19:52
crang
3

Возможность загружать CSS

2

Вопросы

Народ, возникла необходимость дать пользователям возможность добавлять свой собственный CSS.

Думаю можно реализовать так.
1. Добавить в профиль поле CSS (соответственно в таблицу БД о юзерах поле CSS, имя самого CSS — это MD5-хеш от имени юзера).
2. Загружать этот CSS в HEAD сайта, после основного.
3. PROFIT!

Возможно я ошибаюсь, поправте, если не в тягость.

CSS

+1
21 января 2012, 18:12
amfitoz
4

Авторизация

Прямой эфир