Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «overlay»
Бегущая строка на Jquery с эффектом набора текста 2014-03-05 23:29:35
Представляю вам еще одну бегущую строку.В ней реализована пауза,листание вперед и назад. ...
+ развернуть текст сохранённая копия
Представляю вам еще одну бегущую строку.В ней реализована пауза,листание вперед и назад. Приступим. 1.Скачиваем архив [isnt-logged] Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам jquery_news_ticker.zip (11.08 Kb)[/is-logged], распаковываем и заливаем в папку с шаблоном.
2.В head файла main.tpl подключаем скрипты и стили
Код: <link href="{tpl_url}/styles/style.css" rel="stylesheet" type="text/css" />
<link href="{tpl_url}/styles/ticker-style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>/*если jquery подключен повторно подключать не надо*/
<script src="{tpl_url}/js/jquery.ticker.js" type="text/javascript"></script>
<script src="{tpl_url}/js/site.js" type="text/javascript"></script>3.И туда где хотите видеть бегущую строку ставите этот код
Код: <ul id="js-news" class="js-hidden">
<li class="news-item">jQuery News Ticker now has support for multiple tickers per page!</li>
<li class="news-item">jQuery News Ticker now has support for right-to-left languages!</li>
<li class="news-item">jQuery News Ticker now has support for loading content via an RSS feed!</li>
<li class="news-item">jQuery News Ticker now has an optional fade effect between items!</li>
<li class="news-item">New updates have been made to jQuery News Ticker! Check below for more details!</li>
<li class="news-item">jQuery News Ticker is now compatible with jQuery 1.3.2! See below for further details and for latest download.</li>
<li class="news-item">Further updates to jQuery News Ticker are coming soon!</li>
</ul> 3.Здесь также можно подключить RSS ленту,плагин xnews.Если надо будет могу выложить подключение плагина.
Тэги: lightbox,, overlay, диалоги,, интерфейс,, меню, навигация,, ссылками,, текстом, эффекты
Открытие нового окна на js 2014-02-07 20:58:51
Иногда возникает необходимость при клике по ссылке не переходить по соответствующему адресу, а ...
+ развернуть текст сохранённая копия
Иногда возникает необходимость при клике по ссылке не переходить по соответствующему адресу, а просто открывать новое окно, куда подгружать страницу. Скрипт позволяет открыть страницу в новом окне при клике по ссылке с помощью JavaScript. Вы можете это переделать под клик по изображению, по блоку и так далее. Все просто 1.Сам скрипт вставляем между тегами head: Код: <script type="text/javascript">
function go(addr) {
window.open(addr,"Имя окна", "menubar=yes,width=1024,height=768");
}
</script> В скрипте можете изменить имя окна,ширину и высоту окна. 2.Ссылка вызова скрипта добавляем между body: Код: <a href = '' onclick="go('http://ngcmshak.ru/'); return false;">Жми меня</a>здесь измените ссылку на ту которую хотите открыть. Как видите все просто. Этот скрипт я использовал для Вывода радио на сайте http://naraione.org/ в разделе меню есть раздел радио
Тэги: js,, lightbox, overlay, диалоги,
Исправляем ошибки с помощью пользователей 2014-01-05 03:27:48
Вот вчера подсмотрел новость у знакомого,и зацепила почему я еще не поставил у себя,я человек не ...
+ развернуть текст сохранённая копия
Вот вчера подсмотрел новость у знакомого,и зацепила почему я еще не поставил у себя,я человек не очень грамотный,по русскому имел трояк,и решил поставить,заодно и выложить с подробным описанием. 1.Ну для начала скачаем архив [isnt-logged] Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам mistakes.zip (6.62 Kb)[/is-logged],распакуем и зальем в папку с шаблоном.
2.Далее подключим стиль и скрипт :
Код: <script type="text/javascript" src="{tpl_url}/mistakes/mistakes.js"></script>
<link href="{tpl_url}/mistakes/mistakes.css" rel="stylesheet" type="text/css" />3.Открываем файл mistakes.js и в сроке 10 пропишите полный путь до файла mistakes.php вот пример
Код: var loc = window.location;
var mis;
nN = navigator.appName;
function createMessage() {
// Измените следующую строку. Здесь нужно указать путь к файлу mistakes.php
var misphploc = 'http://ngcmshak.ru/templates/vektor/mistakes/mistakes.php'
var container = document.createElement('div')
var scroll = dde.scrollTop || db.scrollTop;
var mtop = scroll + 100 + 'px';
var mleft = Math.floor(dde.clientWidth/2) - 175 + 'px';
container.innerHTML = '<div id="mistake">\
<div id="m_window" style="top:' + mtop + '; left:' + mleft + '";>\
<iframe frameborder="0" name="mis" id="m_frame" src="' + misphploc + '"></iframe></div> \
</div></div>'
return container.firstChild
} 4.Далее открываем файл mistakes.php и в нем изменяем :
$title - заголовок сообщения,
$to, - email, на который будут отправлятся сообщения,
$mymail - email, от кого пришло сообщение.
("yousite.ru")- ваш сайт.
5.Ну и, для того чтобы посетитель знал, что он может посодействовать в исправлении ошибок, нужно разместить на страницах вашего сайта, например, такую фразу:
Цитата:
На сайте работает система проверки ошибок. Обнаружив неточность в тексте, выделите ее и нажмите Ctrl + Enter.
Также открыть окошко отправки сообщения можно, кликнув по ссылке:
Отправить сообщение об ошибке
Вот код ссылки
Код: <a href="javascript:void(0)" onclick="PressLink()">Отправить сообщение об ошибке</a> Ну и картинку можно скопировать
вот и все пользуемся
Тэги: lightbox,, overlay, диалоги,, интерфейс,
Вот еще один скрипт подсветки кода использующий SyntaxHighlighter 2014-01-04 23:58:10
Этоту подсветку кода используют большинство сайтов,сегодня обьясню как поставить эту подсветку на NG ...
+ развернуть текст сохранённая копия
Этоту подсветку кода используют большинство сайтов,сегодня обьясню как поставить эту подсветку на NG. 1.Скачиваем архив [isnt-logged] Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам syntaxhighlighter_2_1_382.zip (65.25 Kb)[/is-logged] ,распаковываем и заливаем в папку с шаблоном.
2.В хеад подключаем стили скрипты:
Код: <script type="text/javascript" src="{tpl_url}/scripts/shCore.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="vscripts/shBrushPlain.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="{tpl_url}/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="{tpl_url}/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="{tpl_url}/styles/shThemeDefault.css"/>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = '{tpl_url}/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>3. Идем в директорию Идем в директорию /engine/includes/classes и открываем файл parse.class.php и ищем код
Код: // Special BB tag [code] - blocks all other tags inside
while (preg_match("#\[code\](.+?)\[/code\]#ies", $content, $res)) {
$content = str_replace($res[0], '<pre>'.str_replace(array('[', '<'), array('[', '<'), $res[1]).'</pre>', $content);
}
//$content = preg_replace("#\[code\](.+?)\[/code\]#is", "<pre>$1</pre>",$content); и заменяем на
Код: // Special BB tag [code] - blocks all other tags inside
while (preg_match("#\[code\](.+?)\[/code\]#ies", $content, $res)) {
$content = str_replace($res[0], '<div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Код:</div><pre class="brush: html;" style="border:1px inset;max-height:200px;overflow:auto;">
'.str_replace(array('[', '<','{','/'), array('[', '<','{','/'), $res[1]).'</pre>', $content);
}
//$content = preg_replace("#\[code\](.+?)\[/code\]#is", "<pre>$1</pre>",$content); Вроде все пользуемся.
Тэги: lightbox, overlay, диалоги,, интерфейс,
Подсветка синтаксиса в статьях от google-code-prettify 2014-01-04 23:24:07
Выкладываю свой вариант подсветки кода который я использую 1.Скачиваем архив [isnt-logged]< ...
+ развернуть текст сохранённая копия
Выкладываю свой вариант подсветки кода который я использую 1.Скачиваем архив [isnt-logged] Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам js.zip (6.86 Kb)[/is-logged] и заливаем в папку с шаблоном.
2.Подключаем в хеад стиль подсветки кода:
Код: <link href="{tpl_url}/js/google-code-prettify/prettify.css" rel="stylesheet">3.Перед /body подключаем скрипты :
Код: <script src="{{ tpl_url }}/js/google-code-prettify/prettify.js"></script>
<script src="{{ tpl_url }}/js/application.js"></script>4.Идем в директорию /engine/includes/classes и открываем файл parse.class.php и ищем
Код: // Special BB tag [code] - blocks all other tags inside
while (preg_match("#\[code\](.+?)\[/code\]#ies", $content, $res)) {
$content = str_replace($res[0], '<pre>'.str_replace(array('[', '<'), array('[', '<'), $res[1]).'</pre>', $content);
}
//$content = preg_replace("#\[code\](.+?)\[/code\]#is", "<pre>$1</pre>",$content); и заменяем на этот
Код: // Special BB tag [code] - blocks all other tags inside
while (preg_match("#\[code\](.+?)\[/code\]#ies", $content, $res)) {
$content = str_replace($res[0], '<div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Код:</div><pre class="prettyprint linenums" style="border:1px inset;max-height:200px;overflow:auto;">
'.str_replace(array('[', '<','{','/'), array('[', '<','{','/'), $res[1]).'</pre>', $content);
}
//$content = preg_replace("#\[code\](.+?)\[/code\]#is", "<pre>$1</pre>",$content); Вот и все теперь при добавлении статьи содержимое code будет подсвечиваться,если что не понятно пишите комментарии.
Тэги: lightbox, overlay, диалоги,, интерфейс,
Главная / Главные темы / Тэг «overlay»
|
|
