Форум поддержки «ЖивыеФорумы.ру»

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Фотоальбомы

Страница: 1

Сообщений 1 страница 10 из 10

1

  • Автор: Gluk
  • Активный участник
  • Зарегистрирован: 2010-11-16
  • Приглашений: 0
  • Сообщений: 149
  • Уважение: +1
  • Позитив: +2
  • Провел на форуме:
    12 дней 18 часов
  • Последний визит:
    2019-12-03 19:24:56

Можно ли сделать страницу с фотоальбомами пользователей - хотя бы по типу ВКонтакте или как-то так http://forum.myjane.ru/album.php что ли.

Я почитала тему - про создание собственных страниц  Создание СОБСТВЕННЫХ СТРАНИЦ на форуме Можно, наверное и таким способом организовать.

Единственное, что не поняла - где можно найти подходящий шаблон для галереи или фотоальбома, чтобы он правильно работал на форуме...

0

2

  • Автор: Admin
  • With a beard and a tambourine
  • Admin
  • Зарегистрирован: 2007-12-18
  • Приглашений: 0
  • Сообщений: 2116
  • Уважение: +79
  • Позитив: +21
  • Пол: Мужской
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2021-05-14 18:01:03

С помощью собственных страниц фотоальбом не сделать.
Проще сделать раздел категории какой-либо и назвать его "фотоальбом".
Там пользователи смогут открывать темы и выкладывать фотографии.
Вот, например, так: http://edytapiecha.liveforums.ru/viewforum.php?id=15

0

3

  • Автор: Gluk
  • Активный участник
  • Зарегистрирован: 2010-11-16
  • Приглашений: 0
  • Сообщений: 149
  • Уважение: +1
  • Позитив: +2
  • Провел на форуме:
    12 дней 18 часов
  • Последний визит:
    2019-12-03 19:24:56
Босс ЖивыеФорумы.ру написал(а):

С помощью собственных страниц фотоальбом не сделать.

Жалко. Хотелось, чтобы в главном меню была ссылка "фотоальбом" или "галерея", и чтобы она выходила на отдельную страничку с превью альбомов пользователей.

Шаблоны персональных галерей в интернете не трудно найти... ( http://www.antworks.su/templates.php ) Но вот как их присобачить к форуму???

0

4

  • Автор: Admin
  • With a beard and a tambourine
  • Admin
  • Зарегистрирован: 2007-12-18
  • Приглашений: 0
  • Сообщений: 2116
  • Уважение: +79
  • Позитив: +21
  • Пол: Мужской
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2021-05-14 18:01:03

Установите код в в собственную страницу:

Код:
<LINK href="http://www.antworks.su/examples/HSBlack/HSBlack_files/dark.css" type=text/css rel=stylesheet>

<script type="text/javascript" src="http://www.antworks.su/examples/HSBlack/highslide/highslide-full.js"></script><link rel="stylesheet" type="text/css" href="http://www.antworks.su/examples/HSBlack/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'http://www.antworks.su/examples/HSBlack/highslide/graphics/';
hs.showCredits = false;
hs.flushImgSize = true;
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
if (hs.addSlideshow) hs.addSlideshow({
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
hs.dimmingOpacity = 0.75;
hs.outlineType = 'glossy-dark';
hs.wrapperClassName = 'dark';
</script>
<div class="highslide-gallery">

<DIV id=container>
<DIV id=header>
<p>  
</p>

<H1>Галерея: <SPAN style="COLOR: #ffffff">Дикая природа</SPAN></H1>
Пример галереи с использованием Highslide JS, созданной в программе AntWorks FotoAlbum. Здесь используется черное обрамление фотографий и возможность открытия толькой одной штуки. <br>


</DIV>
<DIV id=description>Профессиональные фотографии дикой природы.
</DIV>
<DIV id=thumbcontainer>

<table border="0">
          <tr>
            <td width="30" height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000000.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000000.jpg"  alt="wild_lif"></a>
<div class="highslide-caption">wild_lif</div></div></td>
            <td width="30" height="100">&nbsp;</td>
            <td width="30" height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000001.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000001.jpg"  alt="wild_lig"></a>
<div class="highslide-caption">wild_lig</div></div></td>

            <td width="30" height="100">&nbsp;</td>
            <td width="30" height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000002.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000002.jpg"  alt="wild_lih"></a>
<div class="highslide-caption">wild_lih</div></div></td>
            <td width="30" height="100">&nbsp;</td>
            <td width="30" height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000003.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000003.jpg"  alt="wild_lii"></a>
<div class="highslide-caption">wild_lii</div></div></td>
            <td width="30" height="100">&nbsp;</td>

          </tr>
          <tr>
            <td colspan="3"><div align="center">400x266<br></div></td>
            <td colspan="3"><div align="center">400x266<br></div></td>
            <td colspan="3"><div align="center">400x266<br></div></td>
            <td colspan="3"><div align="center">400x266<br></div></td>
          </tr>

          <tr>
            <td colspan="12">&nbsp;</td>
          </tr>
          <tr>
            <td height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000004.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000004.jpg"  alt="wild_lij"></a>
<div class="highslide-caption">wild_lij</div></div></td>
            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>

            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000005.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000005.jpg"  alt="wild_lik"></a>
<div class="highslide-caption">wild_lik</div></div></td>
            <td height="100">&nbsp;</td>
            <td width="30" height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000006.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000006.jpg"  alt="wild_lil"></a>
<div class="highslide-caption">wild_lil</div></div></td>
            <td width="30" height="100">&nbsp;</td>
            <td width="30" height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000007.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000007.jpg"  alt="wild_lim"></a>

<div class="highslide-caption">wild_lim</div></div></td>
            <td width="30" height="100">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="3"><div align="center">400x265<br></div></td>
            <td colspan="3"><div align="center">400x270<br></div></td>
            <td colspan="3"><div align="center">400x266<br></div></td>

            <td colspan="3"><div align="center">400x265<br></div></td>
          </tr>
          <tr>
            <td colspan="12">&nbsp;</td>
          </tr>
          <tr>
            <td height="100">&nbsp;</td>
            <td height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000008.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000008.jpg"  alt="wild_lin"></a>

<div class="highslide-caption">wild_lin</div></div></td>
            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000009.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000009.jpg"  alt="wild_lio"></a>
<div class="highslide-caption">wild_lio</div></div></td>
            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000010.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000010.jpg"  alt="wild_lip"></a>
<div class="highslide-caption">wild_lip</div></div></td>

            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000011.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000011.jpg"  alt="wild_liq"></a>
<div class="highslide-caption">wild_liq</div></div></td>
            <td height="100">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="3"><div align="center">400x269<br></div></td>

            <td colspan="3"><div align="center">400x266<br></div></td>
            <td colspan="3"><div align="center">400x266<br></div></td>
            <td colspan="3"><div align="center">400x276<br></div></td>
          </tr>
          <tr>
            <td colspan="12">&nbsp;</td>
          </tr>

          <tr>
            <td colspan="12"><div align="center"><font color="#333333">Профессиональные фотографии дикой природы.<br></font></div></td>
          </tr>
        </table>
</DIV>
</DIV>
</div>

Должно работать.
Потом просто смените ссылки на картинки на свои.

0

5

  • Автор: Gluk
  • Активный участник
  • Зарегистрирован: 2010-11-16
  • Приглашений: 0
  • Сообщений: 149
  • Уважение: +1
  • Позитив: +2
  • Провел на форуме:
    12 дней 18 часов
  • Последний визит:
    2019-12-03 19:24:56

Спасибо, попробую...

0

6

  • Автор: Gluk
  • Активный участник
  • Зарегистрирован: 2010-11-16
  • Приглашений: 0
  • Сообщений: 149
  • Уважение: +1
  • Позитив: +2
  • Провел на форуме:
    12 дней 18 часов
  • Последний визит:
    2019-12-03 19:24:56

Вот что получилось. :)  http://otrazhenie2t.liveforums.ru/pages/galereya

Но осталось море вопросов.

1. Что нужно сделать, чтобы пункт меню был не просто буквами... а реальной ссылкой?

2. Какой параметр в коде нужно поправить, чтобы галерея вмещалась в размер страницы?

3. Где (и главное как?) вставить возможность добавления фотографий со своего компьютера?

0

7

  • Автор: Admin
  • With a beard and a tambourine
  • Admin
  • Зарегистрирован: 2007-12-18
  • Приглашений: 0
  • Сообщений: 2116
  • Уважение: +79
  • Позитив: +21
  • Пол: Мужской
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2021-05-14 18:01:03
Gluk написал(а):

реальной ссылкой?

Очень просто

Код:
<a href="http://otrazhenie2t.liveforums.ru/pages/galereya">Галерея</a>

Это в начале:

Код:
<DIV id=thumbcontainer>
<table border="0">

сменить на:

<DIV id=thumbcontainer>
<table border="0" style="width:80% !important;">

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

0

8

  • Автор: Gluk
  • Активный участник
  • Зарегистрирован: 2010-11-16
  • Приглашений: 0
  • Сообщений: 149
  • Уважение: +1
  • Позитив: +2
  • Провел на форуме:
    12 дней 18 часов
  • Последний визит:
    2019-12-03 19:24:56
Босс ЖивыеФорумы.ру написал(а):

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

Спасибо. Но хотелось бы наоборот. :) Залить все картинки в галерею, а потом - использовать в сообщениях.

0

9

  • Автор: Gluk
  • Активный участник
  • Зарегистрирован: 2010-11-16
  • Приглашений: 0
  • Сообщений: 149
  • Уважение: +1
  • Позитив: +2
  • Провел на форуме:
    12 дней 18 часов
  • Последний визит:
    2019-12-03 19:24:56
Босс ЖивыеФорумы.ру написал(а):

сменить на:

<DIV id=thumbcontainer><table border="0" style="width:80% !important;">

Не помогло. :(

0

10

  • Автор: Admin
  • With a beard and a tambourine
  • Admin
  • Зарегистрирован: 2007-12-18
  • Приглашений: 0
  • Сообщений: 2116
  • Уважение: +79
  • Позитив: +21
  • Пол: Мужской
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2021-05-14 18:01:03

Тогда так:

Код:
<LINK href="http://www.antworks.su/examples/HSBlack/HSBlack_files/dark.css" type=text/css rel=stylesheet>

<script type="text/javascript" src="http://www.antworks.su/examples/HSBlack/highslide/highslide-full.js"></script><link rel="stylesheet" type="text/css" href="http://www.antworks.su/examples/HSBlack/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'http://www.antworks.su/examples/HSBlack/highslide/graphics/';
hs.showCredits = false;
hs.flushImgSize = true;
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
if (hs.addSlideshow) hs.addSlideshow({
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
hs.dimmingOpacity = 0.75;
hs.outlineType = 'glossy-dark';
hs.wrapperClassName = 'dark';
</script>
<div class="highslide-gallery">
<div id=container>
<div id=header>
<H1>Галерея: <SPAN style="COLOR: #ffffff">Дикая природа</SPAN></H1>
Пример галереи с использованием Highslide JS, созданной в программе AntWorks FotoAlbum. Здесь используется черное обрамление фотографий и возможность открытия толькой одной штуки. <br>


</div>
<div id=description>Профессиональные фотографии дикой природы.
</div>
<div id=thumbcontainer>

<table border="0">
          <tr>
            <td height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000000.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000000.jpg"  alt="wild_lif"></a>
<div class="highslide-caption">wild_lif</div></div></td>
            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000001.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000001.jpg"  alt="wild_lig"></a>
<div class="highslide-caption">wild_lig</div></div></td>

            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000002.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000002.jpg"  alt="wild_lih"></a>
<div class="highslide-caption">wild_lih</div></div></td>
            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000003.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000003.jpg"  alt="wild_lii"></a>
<div class="highslide-caption">wild_lii</div></div></td>
            <td height="100">&nbsp;</td>

          </tr>
          <tr>
            <td colspan="3"><div align="center">400x266<br></div></td>
            <td colspan="3"><div align="center">400x266<br></div></td>
            <td colspan="3"><div align="center">400x266<br></div></td>
            <td colspan="3"><div align="center">400x266<br></div></td>
          </tr>

          <tr>
            <td colspan="12">&nbsp;</td>
          </tr>
          <tr>
            <td height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000004.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000004.jpg"  alt="wild_lij"></a>
<div class="highslide-caption">wild_lij</div></div></td>
            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>

            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000005.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000005.jpg"  alt="wild_lik"></a>
<div class="highslide-caption">wild_lik</div></div></td>
            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000006.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000006.jpg"  alt="wild_lil"></a>
<div class="highslide-caption">wild_lil</div></div></td>
            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td width="120" height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000007.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000007.jpg"  alt="wild_lim"></a>

<div class="highslide-caption">wild_lim</div></div></td>
            <td height="100">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="3"><div align="center">400x265<br></div></td>
            <td colspan="3"><div align="center">400x270<br></div></td>
            <td colspan="3"><div align="center">400x266<br></div></td>

            <td colspan="3"><div align="center">400x265<br></div></td>
          </tr>
          <tr>
            <td colspan="12">&nbsp;</td>
          </tr>
          <tr>
            <td height="100">&nbsp;</td>
            <td height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000008.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000008.jpg"  alt="wild_lin"></a>

<div class="highslide-caption">wild_lin</div></div></td>
            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000009.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000009.jpg"  alt="wild_lio"></a>
<div class="highslide-caption">wild_lio</div></div></td>
            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000010.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000010.jpg"  alt="wild_lip"></a>
<div class="highslide-caption">wild_lip</div></div></td>

            <td height="100">&nbsp;</td>
            <td height="100">&nbsp;</td>
            <td height="100"><div align="center"><a href="http://www.antworks.su/examples/HSBlack/HSBlack_files/original_images/p0000011.jpg" class="highslide" onClick="return hs.expand(this)"><img src="http://www.antworks.su/examples/HSBlack/HSBlack_files/thumbnails/tb_p0000011.jpg"  alt="wild_liq"></a>
<div class="highslide-caption">wild_liq</div></div></td>
            <td height="100">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="3"><div align="center">400x269<br></div></td>

            <td colspan="3"><div align="center">400x266<br></div></td>
            <td colspan="3"><div align="center">400x266<br></div></td>
            <td colspan="3"><div align="center">400x276<br></div></td>
          </tr>
          <tr>
            <td colspan="12">&nbsp;</td>
          </tr>

          <tr>
            <td colspan="12"><div align="center"><font color="#333333">Профессиональные фотографии дикой природы.<br></font></div></td>
          </tr>
        </table>
</div>
</div>
</div>

Отредактировано Босс ЖивыеФорумы.ру (2011-08-07 00:21:45)

0

Страница: 1