Joomla - Настройки

[Heidel]

1. Сайт - Общие настройки - Система - Время жизни сессии. Можете поставить срок больше, если поставите 0 то вообще перестанет выкидывать.

2. Расширения - Менеджер языков. Тыкните на звездочку рядом с русским языком. Надо что бы она зажглась желтым, если уже желтая то ничего делать не надо. После этого, когда будете заходить в админку язык будет ставится "по умолчанию" (уже русский) и не надо будет переключать.

@темы: Joomla, CMS

---

Photoshop

[Heidel]

Уроки http://demiart.ru/

@темы: Photoshop, Ссылки

---

Joomla!

[Heidel]

http://joomlabegin.ru/

http://ktonanovenkogo.ru/joomla/joomla-1-5/joomla-nachalo.html


Свой шаблон на Joomla 2.5
http://www.nefree.ru/joomla-2-5/joom-other/19-svoj-shablon-joomla-2-5-s-nulya-chast-1

Joomla блог Nauca - научись работать с Joomla. http://nauca.com.ua/

запись создана: 26.10.2012 в 17:14

@темы: Joomla, CMS, Ссылки

---

YAML CSS Framework

[Heidel]

http://www.yaml.de/

@темы: Верстка, IDE, CSS-фреймворк, YAML, Ссылки

---

html5

[Heidel]

http://www.w3schools.com/html/html5_intro.asp

http://htmlbook.ru/samlayout/verstka-na-html5

Рекомендации книг на хэшкоде link

HTML 5 Outliner http://gsnedders.html5.org/outliner/

Валидатор HTML5 http://html5.validator.nu/

Для ИЕ
http://html5shiv.googlecode.com/svn/trunk/html5.js

Скрипт для IE

[if lt IE 9]> 
 <sсript src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></sсriрt> 
<![endif]

Элемент <canvas>
В ие поддерживается только с библиотекой explorercanvas (excanvas.js)

@темы: HTML5, Ссылки

---

Скрытый текст jQuery

[Heidel]

Блок новостей такого вида



html-код (верстка на html5)

<article>
		<div id="news-box">
			<h2 class="title">Company News</h2>
			<div class="news">
				<div class="news-date">12/01/2004</div>
				<div style="clear: both;"></div>
				<div class="news-text short"><a href="/">Lorem ipsum dolor sit amet,</a> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. tUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis Lorem ipsum dolor sit amet consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. tUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis</div>
				<div class="news-link"><a href="/">• read more</a></div>
				<div style="clear: both;"></div>
			</div>
			<div class="news">
				<p class="news-photo">
					<a href="/images/photo1.jpg" rel="lightbox" title="Изображение"><img src="/images/photo1.jpg" title="Изображение" width="169" height="112"></a>
				</p>
				<div class="news-date">12/01/2004</div>
				<div style="clear: both;"></div>
				<div class="news-text short"><a href="/">Lorem ipsum dolor sit amet,</a> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. tUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis Lorem ipsum dolor sit amet consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. tUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis </div>
				<div class="news-link"><a href="/">• read more</a></div>
				<div style="clear: both;"></div>
			</div>
		</div>
	</article>

Текст новости в блоке news-text показан не полностью, для этого к нему добавлен класс short

.short {
    height: 80px;
    overflow: hidden;
}

Скрипт на jQuery -- по клику на ссылку read more класс short удаляется и текст показывается целиком, а текст в ссылке заменялся на collapse, при клике на collapse класс short снова добавляется и текст в ссылке обратно заменяется на read more

		<sсriрt>
        jQuery(document).ready(function(){
        jQuery("article #news-box .news .news-link a").toggle(function(e) {
			jQuery(this).parent().siblings("article #news-box .news .news-text").removeClass("short");
			jQuery(this).html("• collapse");
			e.preventDefault();
		}, function(e) {
			jQuery(this).parent().siblings("article #news-box .news .news-text").addClass("short");
			jQuery(this).html("• read more");
			e.preventDefault();
			})
		});
		</sсriрt>

@темы: HTML, CSS, jQuery

---

Путь верстальщика

[Heidel]

http://css-live.ru/faq/put-verstalshhika.html

@темы: HTML, Верстка, CSS, Ссылки

---

Учебник по php

[Heidel]

http://ru.html.net/tutorials/php/

@темы: PHP, Ссылки

---

Тени для текста

[Heidel]

Тень для текста (кроссбраузерное решение) http://www.xiper.net/collect/html-and-css-tricks/typographics/text-shadow.html

jQuery textShadow http://recens.ru/jquery/plugin_text_shadow.html

@темы: Тени для текста, jQuery, Javascript, Ссылки

---

Скругление уголков

[Heidel]

jQuery Corner http://www.linkexchanger.su/2008/36.html

jQuery Image Rounder http://www.steamdev.com/imgr/

CSS3 support for Internet Explorer 6, 7, and 8 http://fetchak.com/ie-css3/

http://jquery.malsup.com/corner/

css3-solutions-for-internet-explorer http://www.impressivewebs.com/css3-rounded-corners-in-internet-explorer/

@темы: Скругление уголков, jQuery, Ссылки

---

Мануалы по jQuery

[Heidel]

линк

@темы: jQuery, Ссылки

---

Фотогалерея

[Heidel]

Компонент Простая фотогалерея

Поля
SmallPhoto (необязательно для заполнения)
BigPhoto (обязательно для заполнения)

В шаблоны действий добавить Действие после добавления объекта

<?
if ($_FILES[f_BigPhoto][size] != 0 && $_FILES[f_BigPhoto][type] != '') {
    eval(listQuery("SELECT CustomSettings FROM Sub_Class WHERE Sub_Class_ID='$cc'", "\$data[CustomSettings]"));
	global $nc_core;
    require_once($nc_core->INCLUDE_FOLDER."classes/nc_imagetransform.class.php");
    
    nc_ImageTransform::createThumb('BigPhoto', 'SmallPhoto', $CustomSettings[ImgWidth], $CustomSettings[ImgHeight]);
    $photo_path = $DOCUMENT_ROOT . nc_file_path($classID, $message, 'BigPhoto', "");
    if ($photo_path)
        nc_ImageTransform::imgResize($photo_path, $photo_path, $CustomSettings[ImgWidthFull], $CustomSettings[ImgHeightFull]);
}
// default
if ($inside_admin) {
    ob_end_clean();
    header("Location: " . $goBackLink . "&inside_admin=1");
    exit;
} else {
    echo NETCAT_MODERATION_MSG_OBJADD;
    echo "<br><br>" . $goBack;
}
?>

Префикс

<h2 class="headline"><?= $current_sub['Subdivision_Name'] ?></h2>
<div class='news floatbox'>

<sсript src='<?= $nc_core->SUB_FOLDER.$nc_core->HTTP_ROOT_PATH ?>require/js/jquery.colorbox-min.js' type='text/javasсript'></sсriрt>
<sсript>$(document).ready(function(){ $("a[rel='gallery']").colorbox({photo:true}); });</sсriрt>

	<? 
echo $f_AdminCommon; ?>
<div class='nc_list nc_photogallery'>
    <table class='nc_table'><?= opt($colNums > 1, str_repeat("<col $colWidth />", $colNums)) ?>
        <tr>

Объект в списке

<?
nc_js();
$BigPhotoSize = getimagesize($DOCUMENT_ROOT.$f_BigPhoto_url);
if (!($f_RowNum % $colNums) && $f_RowNum) {
    ?></tr><tr><? } ?>
    <td class='nc_row'><?= $f_AdminButtons;
if ($f_PhotoTitle) { ?><h3><?= $f_PhotoTitle ?></h3><? } ?>
        <a href='<?= $f_BigPhoto ?>' rel='gallery' title='<?= $f_Comment ?>'><img class='nc_row_img' src='<?= $f_SmallPhoto_url ?>' alt='<?= $f_PhotoTitle ?>' /></a>
<? if ($f_Comment) { ?><div class='nc_description'><?= $f_Comment ?></div><? } ?>
    </td>

Суффикс

<? if ($f_RowNum % $colNums) {
    echo str_repeat('<td> </td>', $colNums - $f_RowNum % $colNums);
} ?>
</tr>
</table>
<? if ($totRows > $f_RowNum) {  ?><div class='nc_pagination' style='text-align: center;'>
<?=( $prevLink ? "<a href='$prevLink' style='text-decoration: none;'>← Предыдущая</a> " : NULL);?> <?= nc_browse_messages($cc_env, 10, $browse_msg) ?>
<?= ( $nextLink ? "<a href='$nextLink' style='text-decoration: none;'>Следующая →</a>" : NULL);?></div> <? } ?>
</div>
<br />Вы можете отправить нам свое фото и комментарий к нему по почту <a href="mailto:[e-mail]">[e-mail]</a>, и мы добавим его на сайт.
</div>

Шаблоны --- Действия после добавления

<?
if ($_FILES[f_BigPhoto][size] != 0 && $_FILES[f_BigPhoto][type] != '') {
    eval(listQuery("SELECT CustomSettings FROM Sub_Class WHERE Sub_Class_ID='$cc'", "\$data[CustomSettings]"));
	global $nc_core;
    require_once($nc_core->INCLUDE_FOLDER."classes/nc_imagetransform.class.php");
    
	nc_ImageTransform::createThumb('BigPhoto', 'SmallPhoto', $CustomSettings[ImgWidth], $CustomSettings[ImgHeight]);
	//nc_ImageTransform::createThumb('BigPhoto', 'SmallPhoto', 150, 130);
    $photo_path = $DOCUMENT_ROOT.nc_file_path($classID, $message, 'BigPhoto', "");
    if ($photo_path)
		nc_ImageTransform::imgResize($photo_path, $photo_path, $CustomSettings[ImgWidthFull], $CustomSettings[ImgHeightFull]);
	//nc_ImageTransform::imgResize($photo_path, $photo_path, 800, 600);
}
// default
if ($inside_admin) {
    ob_end_clean();
    header("Location: " . $goBackLink . "&inside_admin=1");
    exit;
} else {
    echo NETCAT_MODERATION_MSG_OBJADD;
    echo "<br><br>" . $goBack;
}
?>

@темы: Поля, NetCat, Фотогалерея, Компоненты

---

Отправить форму после добавления на почту

[Heidel]

Для этого в компоненте в Действиях после добавления объекта добавить код

<?
//Запрос на подбор тура отправляется на почту компании
$mailer = new CMIMEMail();
$mailer->mailbody("От: ".$f_Name."
Email: ".$f_Email."
Телефон: ".$f_Phone."
Из города: ".$f_City."
Куда планируется поехать: ".$f_Place." 

Время отправления: ".$f_Time."
Продолжительность тура: ".$f_Duration."
Количество человек (взрослых, детей): ".$f_Number."
Пожелания к туру, отелю, питанию: ".$f_Wishes."");
$mailer->send("[e-mail]", "", "", "Новый запрос на подбор тура", "Admin");
?>

ссылка на форум нетката линк

@темы: Email, NetCat, Компоненты

---

[Heidel]

Вывод поля, которое расположено в Системные таблицы --- Сайты
в макете дизайна

<?=$current_catalogue['TopPhoneNumber']?> 

@темы: Поля, NetCat

---

Вывод правильного склонения существительного в зависимости от числового параметра.

[Heidel]

function pluralForm($n, $form1, $form2, $form5)

{

    $n = abs($n) % 100;

    $n1 = $n % 10;

    if ($n > 10 && $n < 20) return $form5;

    if ($n1 > 1 && $n1 < 5) return $form2;

    if ($n1 == 1) return $form1;

    return $form5;

}

Ссылка на Базу знаний нетката линк

@темы: NetCat, Компоненты

---

fancybox

[Heidel]

http://fancybox.net/
плагин для вывода изображений.

новая версия плагина http://fancyapps.com/fancybox/

@темы: Fancybox, jQuery, Ссылки

---

Подключение colorbox, lightbox

[Heidel]

Colorbox
Страница плагина http://www.jacklmoore.com/colorbox

1. Создать папку colorbox, в неё положить
-- colorbox.css
-- папку images (в ней лежат элементы оформления colobox'а)


2. В компоненте подключить

<sсript src='<?= $nc_core->SUB_FOLDER.$nc_core->HTTP_ROOT_PATH ?>require/js/jquery.colorbox-min.js' type='text/javasсript'></sсriрt>
<sсript>$(document).ready(function(){ $("a[rel='gallery']").colorbox({photo:true}); });</sсriрt>

!!! Должна быть подключена библиотека colorbox-min.js

!!! если брать фрагмент кода из компонента Фотогаллерея, то обязательно добавить в него {photo:true}

3. изображение положить в ссылку с атрибутом, совпадающим с атрибутом, заданном в функции rel='gallery'

<a href="<?= $f_Image1 ?>" rel='gallery'><img src="<?= $f_Image1 ?>" style="width: 120px; height:90px;" /></a>

Подключение Lightbox
Ссылка на обсуждение на форуме нетката линк

Подключение лайтбокс к странице
Ссылка на плагин http://lokeshdhakar.com/projects/lightbox2/

1. Подключить к странице стили и скрипты

<link href="/css/lightbox.css" rel="stylesheet">
<sсript src="/sсriрt/jquery-1.8.2.min.js"></sсriрt>
<sсript src="/sсriрt/lightbox.js"></sсriрt>

2. Положить изображение в ссылку

<a href="http://<a" rel="lightbox" target=_blank><img src="http://static.diary.ru/images/photo1.jpg" title="Изображение" width="169px;" height="112px;"></a>

К ссылке добавить атрибут rel="lightbox"

3. В папку с изображениями images скопировать нужные для плагина изображения loading.gif и др.

Прозрачность в ие7,8
При подключении к странице этого плагина лайтбокса в ие7,8 страница не затемняется, а становится полностью черной и непрозрачной.

Решение: нарисовать полупрозрачный .png и сделать его фоном для лайтбокса в активном состоянии.

css для IE7 b IE8

#lightboxOverlay {
 background: url(../images/overlay.png) repeat;
}

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

МЕГАВАЖНЫЙ АПДЕЙТ !!!
Для того, чтобы лайтбокс работал с jQuery 1.9 необходимо
в коде lightbox.js заменить

$("<div>", {
        id: 'lightboxOverlay'
      }).after($('<div/>', {
        id: 'lightbox'
      }).append($('<div/>', {
        "class": 'lb-outerContainer'
      }).append($('<div/>', {
        "class": 'lb-container'
      }).append($('<img/>', {
        "class": 'lb-image'
      }), $('<div/>', {
        "class": 'lb-nav'
      }).append($('<a/>', {
        "class": 'lb-prev'
      }), $('<a/>', {
        "class": 'lb-next'
      })), $('<div/>', {
        "class": 'lb-loader'
      }).append($('<a/>', {
        "class": 'lb-cancel'
      }).append($('<img/>', {
        src: this.options.fileLoadingImage
      }))))), $('<div/>', {
        "class": 'lb-dataContainer'
      }).append($('<div/>', {
        "class": 'lb-data'
      }).append($('<div/>', {
        "class": 'lb-details'
      }).append($('<span/>', {
        "class": 'lb-caption'
      }), $('<span/>', {
        "class": 'lb-number'
      })), $('<div/>', {
        "class": 'lb-closeContainer'
      }).append($('<a/>', {
        "class": 'lb-close'
      }).append($('<img/>', {
        src: this.options.fileCloseImage
      }))))))).appendTo($('body'));

на

$("<div id='lightboxOverlay'></div><div id='lightbox'><div class='lb-outerContainer'><div class='lb-container'><img class='lb-image' src='' ><div class='lb-nav'><a class='lb-prev' href='' ></a><a class='lb-next' href='' ></a></div><div class='lb-loader'><a class='lb-cancel'><img src='" + this.options.fileLoadingImage + "'></a></div></div></div><div class='lb-dataContainer'><div class='lb-data'><div class='lb-details'><span class='lb-caption'></span><span class='lb-number'></span></div><div class='lb-closeContainer'><a class='lb-close'><img src='" + this.options.fileCloseImage + "'></a></div></div></div></div>").appendTo($('body'));

ЛИНК https://github.com/lokesh/lightbox2/issues/29

Дополнение. Для того, чтобы крестик и подписи к картинкам находились над картинкой, необходимо в lightbox.js
написать

$("<div id='lightboxOverlay'></div><div id='lightbox'><div class='lb-dataContainer'><div class='lb-data'><div class='lb-details'><span class='lb-caption'></span><span class='lb-number'></span></div><div class='lb-closeContainer'><a class='lb-close'><img src='" + this.options.fileCloseImage + "'></a></div></div></div><div class='lb-outerContainer'><div class='lb-container'><img class='lb-image' src='' ><div class='lb-nav'><a class='lb-prev' href='' ></a><a class='lb-next' href='' ></a></div><div class='lb-loader'><a class='lb-cancel'><img src='" + this.options.fileLoadingImage + "'></a></div></div></div></div>").appendTo($('body'));

но при этом при открытии лайтбокса картинка будет прыгать.

@темы: NetCat, Компоненты, Colorbox, Lightbox, jQuery, Ссылки

---

Ссылка на раздел по его id

[Heidel]

$link = $db->get_var("SELECT IF(ExternalURL!='',ExternalURL,Hidden_URL) FROM Subdivision WHERE Subdivision_ID='".$id."' LIMIT 1");

Ссылка на тему на форму нетката link

@темы: NetCat, Разделы, Ссылки

---

Модуль для Неткат Обработка изображений

[Heidel]

http://netcat.ru/products/CatStore/solution_161.html

@темы: Модули, NetCat, Ссылки

---

Вывести инфоблоки в произвольном порядке

[Heidel]

В системных настройках компонента или шаблона прописать

<? $query_order="rand()"; ?>

@темы: NetCat, Компоненты, Шаблоны