Рейтинг
60.64
голосов: 51

О блоге

В блоге предлагаю делиться реализованными вами небольшими модернизациями и опытом, полученном при изучении движка в целом.



Этот блог не для вопросов!

Администраторы (1)

Модераторы (0)

Модераторов здесь не замечено

Читатели (311)

ort Fanta fiva yuri25 Lora_GT iredactor sovetnik onthefly benone Carw kruft ravin eXtravert daewoo skachko g15rus nytro xRay punkil ingolmo

Все читатели блога

Фикс диалоговых окон для ie7

11
Всем доброго времени суток.
В ie7 окно логина закрыто оверлеем, так же и окно загрузки изображений. Фикс этой проблемы:
идем в jquery.jqmodal.js, после строки 81. h.w.css('z-index', z); добавить строку
if (!h.w.is('.mutex')) h.w.addClass('mutex').appendTo('body');
класс mutex используется как семафор.

Добавляем сайдбар на статические страницы

15
Когда я в прошлый раз спросил, как сделать блоки на статических страницах, меня почему-то заминусовали без ответа. Но я всё же решил докопаться до этого вопроса. А решение оказалось очень простым.

Читать решение

Делаем "Фотоблоки"

28

Вводное:
Наверное многие знакомы с возможностью на таких ресурсах как LAM (Lookatme) создавать внутри поста фотоблоки куда помещаются некоторое количество фотографий (чтобы не делать чересчур длинной скатерти). Да, в ЛС уже существует подобная штуковина — Фотосеты, но как отдельный вид поста она не имеет смысла. Сегодня я расскажу вам как сделать эти самые «Фотоблоки».

Нам понадобятся:
1. LiveStreet версии 0.5-0.5.1
2. Шаблон на jQuery
3. Fotoramajs от Артема Поликарпова
4. Прямые руки

Присутпим:
1. Качаем архив с Fotoramajs отсюда fotoramajs.com/

2. Внутри вы обнаружите 2 файла: собственно сама библотека fotorama.js и файл стилей для настройки внешнего вида fotorama.css

3. Подключаем библиотеку (предварительно поместив её в папку js вашего шаблона) в header.tpl вашего шаблона, очень просто
<script type="text/javascript" src="{cfg name='path.static.skin'}/js/fotorama.js"></script>
и учитываем что у вас также уже должна быть подключена библотека jQuery.

Подключаем css файл
<link href="{cfg name='path.static.skin'}/css/fotorama.css" rel="stylesheet">

4. Теперь идем в настройки jevix.php (папка config) и разрешаем тег div
// вызов метода с параметрами
			array(
				array('cut','a', 'img', 'i', 'b', 'u', 's', 'video', 'em',  'strong', 'nobr', 'code', 'object', 'param', 'embed', 'ls', 'iframe','blockquote','div', 'p','h3','div'),
			),			


array(
				'div',
				array('class')
			),


5. Вуаля, все что нам теперь остается, зайти в редактор, создать новый пост, кликнуть на просмотр html кода (это если у вас tinyMCE), найти нужные вам фотографии (для незнающих тег img) и обьединить в следующий div

<div class="fotorama">
  <img src="1.jpg> <img src="2.jpg"> <img src="3.jpg">
</div>


PS: На все вопросы готов ответить в комментариях, хотя надеюсь они не возникнут :)

Увеличиваем скорость livestreet. Nginx. GZip и не только.

47
Недавно перешел с шаред хостинга на VPS и столкнулся с проблемой что VPS работает не очень быстро, при том что тариф взял не самый дешевый (1600MHz и 1024Mb). Перекопал кучу сайтов чтобы разобраться как все сделать лучшим образом, думаю многие с этим сталкивались, хочу сэкономить ваше время и подытожить важные моменты по настройке.
Для тестирования производительности изначально использовал приложение siege, когда меня там цифры стали более-менее радовать, уже начал использовать для тестов замечательный сайт loadimpact.com (количество бесплатных проверок ограничено, не злоупотребляйте сразу). Привожу картинки как было и как стало (сразу хочу заметить увеличение производительности не только из-за настройки nginx).
1. Debian 5 (64) nginx + apache + php-fcgi + eAccelerator + memcache (Апач по сути только для ISPmanager использовался)

2. Debian 5 (32) nginx + apache + mod_php + APC + memcache



Читать дальше
  • +11
  • 08 декабря 2011, 11:12
  • gran

CSS-неймспейсы для Internet Explorer

6
Дабы не плодить кучи css-файлов для разных версий ишака, придумал такой скриптик:

/**
 * Adds css classes to body like ie, ie-6, ie-gte-5-5, ie-not-7, etc.
 * depends on msie browser version
 * 
 * @author Sergey S Yaglov
 * @link http://livestreet.ru/profile/1d10t/
 */
jQuery(function(){
	if(!jQuery.browser.msie){
		return;
	}
	var versions = ['5.5',6,7,8,9,10];
	var body = jQuery('body:eq(0)');
	var bv = jQuery.browser.version;
	var classes = ['ie'];
	var signs = {
		'==': '-',
		'>=': '-gte-',
		'>': '-gt-',
		'<=': '-lte-',
		'<': '-lt-',
		'!=': '-not-'
	};
	jQuery.each(versions, function(i,v){
		for(var sign in signs){
			var css_sign = signs[sign];
			eval('if(bv '+sign+' v){classes.push("ie"+css_sign+new String(v).replace(".","-"));};');
		}
	});
	body.addClass(classes.join(' '));
});


Применять в css-файлах можно, например, так:

.my-class { ... стиль для нормальных браузеров ... }
body.ie .my-class{ ... стиль для ненормальных браузеров :) ... }
body.ie-gte-7.ie-lte-8 .my-class{ ... стиль для ишаков от 7 до 8 версии включительно ... }
  • +5
  • 05 декабря 2011, 09:53
  • 1d10t

О том, как я блоги в меню выводил и ЛС ломал

3
Скорее всего этот вариант не самый лучший, но…
Задача состоит в том, чтобы из меню Блогов убрать персональные/коллективные
и вывести список определенных блогов сайта(подразумевается, что сайт не имеет персональных блогов, а еще тематика сайта очень строгая, более-менее статичная).

Менять нужно 2 файла.


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

Вставляем слайдер контента в шаблон топик-ссылка

7
По многочисленным просьбам написал небольшую инструкцию о вставке слайдера в шаблон. Здесь статью не стал клонировать, даю линк. Там же можно найти и готовое решение.

Пример реализации блока «Самые лучшие пользователи»

19
Отвечая на вопрос, хочу привести небольшой пример того, как создать блок, который будет выводить список лучших пользователей.

За основу я взял блок classes/block/BlockBlogs.class.php. Он выводит топ блогов на сайт.
Немного поправив его получаем следующий код.

Читать дальше
  • +6
  • 15 марта 2011, 12:14
  • skif

Особенности шаблонов Livestreet для новичков.

49
Параллельно с версткой своего шаблона, который, надеюсь, скоро будет доступен широкой общественности решил сделать пару заметок о том, что интересного и непонятного можно найти в файлах шаблона Livestreet. Будет полезно для тех, кто впервые открыл папку с шаблоном Livestreet.

Это не руководство по созданию тем LS, просто поможет избежать некоторых вопросов.

Читать дальше
  • +23
  • 14 марта 2011, 15:09
  • skif

Вставка видео из Вконтакте, Livestreet 0.4

47
Давно хотел сделать возможность добавления видео из вконтакте.

Нам понадобится отредактировать файл: engine/modules/text/Text.class.php
Update 14.07.2010: Под 0.3.1 тоже работает.


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