Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Вчера в 19:52
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Ноябрь 26th 2024, 23:23
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14
» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
Галерея картинок
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Галерея картинок
автор Леший Декабрь 8th 2012, 12:09
Здравствуйте . Этот вопрос затрагивался в скользь в соседней теме ( но тема по другому вопросу) и чтоб не забивать чужую открою эту тему . Очень понравилось решение http://domovoy.forumy2x2.ru/h2-page . Вот как сделать так же ???
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Ilya Декабрь 8th 2012, 12:12
А что именно вам понравилось и вы хотите видеть у себя? То что наводя на картинки, высвечивается текст?
Ilya- Помощник
-
Сообщения : 3249
Регистрация : 2011-10-29
Благодарности : 1519
-
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 12:15
Полностью так как там сделано хотел применить . Когда нажимаешь на любую картинку запускается просмотр фото . В общем весь этот функционал для ВВ3
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Ilya Декабрь 8th 2012, 12:18
Извиняюсь, сразу не заметил, что особенного на этой странице. Вот, как выглядит код:
Это коды картинок
Сам скрипт, который идет сразу после кода картинок.
- Код:
</head><body><center>
<a href="http://www.snapsnap.ru/i/12817987001254214561.jpg" rel="iLoad|Альбом №1" title="Гламур"> <img src=" http://www.snapsnap.ru/i/12817987001254214561.jpg " height="80" width="121" title="Гламур"></a>
<a href="http://www.snapsnap.ru/i/pep.png" rel="iLoad|Альбом №1" title="Розы"> <img src=" http://www.snapsnap.ru/i/pep.png " height="80" width="77" title="Розы"></a>
<a href="http://savepic.org/445226.jpg" rel="iLoad|Альбом №1" title="Водопад"> <img src=" http://savepic.org/445226.jpg " height="80" width="110" title="Водопад"></a>
<a href="http://www.snapsnap.ru/i/3rir.jpg" rel="iLoad|Альбом №1" title="Тигр в прыжке"><img src="http://www.snapsnap.ru/i/3rir.jpg" height="80" width="97" title="Тигр в прыжке"></a>
<a href="http://savepic.org/418602.jpg" rel="iLoad|Альбом №1" title="Друзья"><img src=" http://savepic.org/418602.jpg " height="80" width="110" title="Друзья"></a>
<a href="http://www.snapsnap.ru/i/wallpapersbyrokodtd.jpg" rel="iLoad|Альбом №1" title="Девушка 1"><img src=" http://www.snapsnap.ru/i/wallpapersbyrokodtd.jpg " height="80" width="108" title="Девушка 1"></a>
<a href="http://savepic.org/411434.jpg" rel="iLoad|Альбом №1" title="Ушастый"><img src=" http://savepic.org/411434.jpg " height="80" width="110" title="Ушастый"></a>
<br/>
<a href="http://www.snapsnap.ru/i/wallpapersbyrokoplp.jpg" rel="iLoad|Альбом №1" title="Девушка 2"><img src=" http://www.snapsnap.ru/i/wallpapersbyrokoplp.jpg " height="80" width="129" title="Девушка 2"></a>
<a href="http://savepic.org/406314.jpg" rel="iLoad|Альбом №1" title="В полёте"><img src=" http://savepic.org/406314.jpg " height="80" width="110" title="В полёте"></a>
<a href="http://www.snapsnap.ru/i/ovo.jpg" rel="iLoad|Альбом №1" title="Хвостатая"><img src=" http://www.snapsnap.ru/i/ovo.jpg " height="80" width="65" title="Хвостатая"></a>
<a href="http://www.snapsnap.ru/i/7525599200001ror.png" rel="iLoad|Альбом №1" title="Девушка 3"><img src=" http://www.snapsnap.ru/i/7525599200001ror.png " height="80" width="54" title="Девушка 3"></a>
<a href="http://savepic.org/447277.jpg" rel="iLoad|Альбом №1" title="Язык мой враг мой"><img src=" http://savepic.org/447277.jpg " height="80" width="110" title="Язык мой враг мой"></a>
<a href="http://www.snapsnap.ru/i/ngn.png" rel="iLoad|Альбом №1" title="На цветке"><img src=" http://www.snapsnap.ru/i/ngn.png " height="80" width="110" title="На цветке"></a>
<a href="http://www.snapsnap.ru/i/mzmmzm.jpg" rel="iLoad|Альбом №1" title="Любовь"><img src=" http://www.snapsnap.ru/i/mzmmzm.jpg " height="80" width="124" title="Любовь"></a>
</center>
Это коды картинок
- Код:
<script type='text/javascript' src='http://www.patmax.eu/J1/120330111849.js'></script>
</body></html>
Сам скрипт, который идет сразу после кода картинок.
Ilya- Помощник
-
Сообщения : 3249
Регистрация : 2011-10-29
Благодарности : 1519
-
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 12:20
Тоесть , если я правильно понял , это размещается на странице , сменить ссылки картинок , добавить в конец скрипт ???
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Ilya- Помощник
-
Сообщения : 3249
Регистрация : 2011-10-29
Благодарности : 1519
-
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 12:27
Понял . буду пробовать . Спасибо . Результат чуть позже напишу .
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 12:30
И фон для страничке ещё подскажите в какую часть кода вставлять ???
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 12:46
Работает 
Смотрится отлично . Домовому спасибо за идею , Ilya Спасибо за выполнение .
Добавить только фон , а так Супер .
Смотрится отлично . Домовому спасибо за идею , Ilya Спасибо за выполнение .Добавить только фон , а так Супер .
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Ilya Декабрь 8th 2012, 14:59
вставьте после тега
- Код:
<body>
- Код:
<style>
body {
background : url(ссылка на изображение)!important;
}
</style>
Ilya- Помощник
-
Сообщения : 3249
Регистрация : 2011-10-29
Благодарности : 1519
-
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 15:12
ок . И ещё один вопрос .
Я впихнул адрес html в виджет на главной , присвоил картинку . всё нормально , но как сделать так , чтоб по клику на виджете открывалась галерея в новом окне ???
И самое главное , нужна надпись . Для просмотра , нажми на фото
Я впихнул адрес html в виджет на главной , присвоил картинку . всё нормально , но как сделать так , чтоб по клику на виджете открывалась галерея в новом окне ???
И самое главное , нужна надпись . Для просмотра , нажми на фото
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Домовой Декабрь 8th 2012, 16:27
- Код:
<a href="ссылка" target="_blank">Название ссылки</a>
а это исходник галереи
http://studioad.ru/index/0-8
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 16:28
И уважаемый Домовой . Скажите пожалуйста , это решение галереи сильно грузит форум . ? Я к тому , чтоб решить сколь фотографий закидывать и в каком качестве ???
За ранее Спасибо
За ранее Спасибо
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 16:31
а это исходник галереи
http://studioad.ru/index/0-8
Я думаю надо там ещё чего нибуть покопать
И подскажите пожалуйста как сделать текст над фотками ??? Последний раз редактировалось: Леший (Декабрь 8th 2012, 16:32), всего редактировалось 1 раз(а)
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Домовой Декабрь 8th 2012, 16:31
На форуме это не скажется, грузи пока не посинеешь.
Последний раз редактировалось: Домовой (Декабрь 8th 2012, 18:14), всего редактировалось 1 раз(а)
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 16:35
Домовой пишет:На форуме это не скажется, грузи пока не посинеешь.
Вот фотоальбом у меня на форуме
Не будите возрожать , если стяну несколько фото ???
Последний раз редактировалось: Леший (Декабрь 8th 2012, 16:54), всего редактировалось 1 раз(а)
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 16:52
<a href="ссылка" target="_blank">Название ссылки</a>
Я наверное не так поставил вопрос . Нужно что бы эта галерея запускалась в отдельном окне из этого виджета
- Код:
<a href="http://black-kat.forum2x2.ru/h1-page"><img src="http://www.snapsnap.ru/i/36056beautifuleynen.jpg"></a>
или я готов выслушать Ваши варианта размещения этой ссылки .
Необходимо ещё сделать надпись над фотками , как у Вас .
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Домовой Декабрь 8th 2012, 16:55
- Код:
<a href="http://black-kat.forum2x2.ru/h1-page" target="_blank"><img src="http://www.snapsnap.ru/i/36056beautifuleynen.jpg"></a>
какую надпись?Необходимо ещё сделать надпись над фотками , как у Вас .
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 17:02
Красота то кака 
Теперь открывает всё как надо .
Здесь у Вас
Фотогалерея
Для просмоттра кликни на изображение
Теперь открывает всё как надо . Здесь у Вас
Фотогалерея
Для просмоттра кликни на изображение
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: Галерея картинок
автор Домовой Декабрь 8th 2012, 18:03
Блин, показал на свою голову.
Вот то что установлено у меня, дерзай на свой вкус
Примечание : на данный момент скрипт iLoaD
Вот то что установлено у меня, дерзай на свой вкус
- Код:
<!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" dir="ltr" lang="ru" xml:lang="ru" ><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon"href="http://www.patmax.eu/C1/110731112220.ico" type="image/vnd.microsoft.icon">
</head><body>
<div style="position:absolute;right:8%;top:10px;">
<a href="ссылка на форум" class="dom">Вернуться на форум</a>
</div>
<!--стиль ссылки-->
<style>
.dom{
color : #A61F00 !important;
font-weight: bold;
font-size: 17px;
}
.dom:hover{
color : #ff0000 !important;
}
</style>
<!--Блок инструкции-->
<div style="position:absolute;left:8%; top:10px;">
<a href="javscript://" class="informLink">Как пользоваться альбомом? Инструкция.</a><div class="informCont">
<span style="color:#FF0000;font-size:18px;"><b><u>Не большая инструкция по пользованию фотогалереей.</u></b></span><br/><br/>
Для просмотра фотографий предусмотрено три варианта.<br/>
1. В режиме слайдшоу.<br/>
2. В режиме перелистывания фотографий вручную.<br/>
3. Выборочный просмотр выбранной фотографии.<br/><br/>
Для начала просмотра всего альбома кликните мышкой на первую фотографию.<br/>
Для просмотра определённой фотографии кликните мышкой именно на ту которую хотите посмотреть.<br/>
При клике фотография откроется в полный размер и под ней появится блок управления галереей<br/>
На изображении показаны кнопки блока управления и описание их функций.<br/><br/>
<img src="http://i40.servimg.com/u/f40/14/80/95/87/2012-112.jpg">
</div></div>
<!--Оформление блока инструкции-->
<style>
.informLink{
color : #A61F00;
font-weight: bold;
font-size: 17px;
}
.informLink:hover{
color : #ff0000;
}
.informCont{
display:none;
border: solid 4px #AF815B;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius:6px;
padding:5px;
margin-top: 15px;
background-color:#fff;
height: auto;
width: 600px;
}
.foto{
border: solid 2px #D4894A;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:4px;
padding:1px;
}
</style>
<!--Скрипт для работы блока инструкции-->
<script type="text/javascript">
$(document).ready(function(){
$('.informLink').click(function(){
$(this).parent().children('div.informCont').slideToggle(900);
return false;
});
});
</script>
<center>
<span style="color:#7E3B21;font-family:Times New Roman;font-size:28px;"><b><i>Фотоальбом</i></b></span>
<br/>
<span style="color:#FF0000;font-family:Times New Roman;font-size:14px;"><u>Для просмотра слайдшоу кликни по картинке</u></span>
<br/><br/>
<div style="overflow: scroll; overflow-x: hidden; height: 600px; width: 56%; border: solid 4px #FADBBC;-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px; -webkit-box-shadow: 0px 0px 10px 3px #FADBBC;-moz-box-shadow: 0px 0px 10px 3px #FADBBC;box-shadow: 0px 0px 10px 3px #FADBBC; padding:5px; background: url(http://i40.servimg.com/u/f40/14/80/95/87/fxf10.jpg);">
<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a>
<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a>
<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a>
<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a>
<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a>
<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a>
<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a>
<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a>
</div>
</center>
<!--Скрипт галереи-->
<script type='text/javascript' src='http://studioad.ru/iload/iLoad.js'></script>
<!--Фон страницы-->
<style>
body {
background:url(http://www.snapsnap.ru/i/pred03.jpg)repeat-y top left fixed;
}
</style>
</body></html>
- Код:
& nbsp;
Примечание : на данный момент скрипт iLoaD
- Код:
http://www.patmax.eu/J1/120330111849.js
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Галерея картинок
автор Леший Декабрь 8th 2012, 18:06
Тему можно тогда вообще удалить ))) Огромное спасибо . Вопросов больше не имею . Повтарюсь , Галерея просто супер .
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
