Инструмент для динамического обновления CSS

Для того чтобы увидеть результаты изменений в CSS файлах вашего рабочего проекта, необходимо просто перезагрузить страницу. При этом загружается не только таблицы стилей, но JS, разметка полностью и возможно выполняются запросы к БД. На это, как мне кажется, иногда уходит достаточно много времени, которого в наше прогрессивное время постоянно нехватает.
Мне надоело эта ситуация и, не изобретая велосипед, на широких просторах интернета я нашел для себе решение.
Читать дальше →

2 Проблемы

Переношу сайт (скрипт версии 0.5), возникло 2 проблемы:
1. Не видит стили стандартных LS шаблонов, а именно прописывает какой то левый путь сам:
<link rel='stylesheet' type='text/css' href='http://autosape.ru/templates/cache/new/5acda975a8474b11b4db8bf632bcb587.css' />


UPD. Стили видит, но картинки нет

2. Мой приватный шаблон который работает на одном сайте, не хочет работать на этом:
Fatal error: Uncaught exception 'Exception' with message 'Can not find the template: actions/ActionIndex/index.tpl' in /var/www/dlogdkru/data/www/autosape.ru/engine/modules/viewer/Viewer.class.php:333 Stack trace: #0 /var/www/dlogdkru/data/www/autosape.ru/engine/classes/Engine.class.php(489): ModuleViewer->Display('actions/ActionI...') #1 /var/www/dlogdkru/data/www/autosape.ru/engine/classes/Router.class.php(379): Engine->_CallModule(Array, Array) #2 /var/www/dlogdkru/data/www/autosape.ru/engine/classes/Router.class.php(78): Router->__call('Viewer_Display', Array) #3 /var/www/dlogdkru/data/www/autosape.ru/engine/classes/Router.class.php(78): Router->Viewer_Display('Viewer_Display', Array) #4 /var/www/dlogdkru/data/www/autosape.ru/engine/classes/Router.class.php(68): Router->Shutdown('actions/ActionI...') #5 /var/www/dlogdkru/data/www/autosape.ru/index.php(33): Router->Exec(false) #6 {main} thrown in /var/www/dlogdkru/data/www/autosape.ru/engine/modules/viewer/Viewer.class.php on line 333


Сам сайт autosape.ru/ (не реклама)
зы. Переносил сайт так:
Поставил чистый скрипт, потом поставил дамп базы.

Помогите со шрифтами

Здравствуйте! Мне нужна помощь, касающаяся настроек CSS:
1) Какой параметр меняет размер шрифта комментариев? (Думал, что ".comment .content", но с ним ничего не получилось.)
2) Какой параметр меняет размера шрифта в окне ввода встроенного редактора (без использования TinMCE)? Поиск не помог.

Отдельным вопросом: где убирается кнопка «update»?

Заранее спасибо, буду рад любой помощи.

Самая настоящая МИСТИКА! СSS-склейка

Всех приветсвую, не давно начало происходить вот какая штука!

Не правильно сливаются css файлы!!!

например
1. стоит у меня в стиле opacity: 0.5; а css сливается и сохраняется вот так opacity: .5; ну и естественно браузер признает это, как ошибку.

2. вот такой пример еще стоит у меня в css стиль display: inline-block; а сохраняется css вот так display: inline; правда страшно?

страшно потому, что раз такие косяки в сливании получаются в CSS, а если такие косяки могут и в JS сливание…

что это может быть такое???

версиия 0.5.1, раньше такова не замечал, а вы видели?

UPD — починил но опасаюсь, есть новые вопросы

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

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;
}

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

Добрый день!

Подскажите кто знает как уменьшить высоту 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; }



Спасибо!

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

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

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