Перейти к публикации

некое подобие фотогалереи


Рекомендованные сообщения

облазил весь форум но ответа так и не нашёл

необходимо чтобы на странице http://petropavlovsk.kamchatka.ru:83/children пятая фотография располагалась бы первой во втором ряду, ну и так далее

чтобы в каждом ряду было не больше 4 фоток

для вывода новостей в этой категории использую шаблон короткой новости:

<table align="left" cellpadding="0" cellspacing="0" width="160">

  <tr> 

	<td>

<table cellpadding="0" cellspacing="0" width="100%">

  <tr> 

	<td background="{THEME}/images/f3.png" width="1"></td>

	<td class="menu1" background="{THEME}/images/f2.png">{title}</td>

	<td background="{THEME}/images/f3.png" width="1"></td>

  </tr>

</table>


<table cellpadding="0" cellspacing="0" width="100%">

  <tr>

	<td width="1" background="{THEME}/images/f3.png"></td>

	<td height="150" align="center" valign="middle">[full-link]<img src="/uploads/posts/thumbs/[xfvalue_foto]"border="0">[/full-link]</td>

	<td width="1" background="{THEME}/images/f3.png"></td>

  </tr>

</table>


<table cellpadding="0" cellspacing="0" width="100%">

  <tr>

	<td background="{THEME}/images/f3.png" height="1"></td>

  </tr>

</table>


<table cellpadding="0" cellspacing="0" width="100%">

  <tr> 

	<td width="1" background="{THEME}/images/f3.png"></td>

	<td class="newsbody" align="left"><img src="{THEME}/images/punkt.gif" align="absmiddle" border="0"> Просмотров: {views} </td>

	<td width="1" background="{THEME}/images/f3.png"></td>

  </tr>

</table>


<table cellpadding="0" cellspacing="0" width="100%">

  <tr>

	<td background="{THEME}/images/f3.png" height="1"></td>

  </tr>

  <tr>

	<td height="1"></td>

  </tr>

</table>

	</td>

  </tr>

</table>

подскажите что не так и как сделать правильно?

Ссылка на сообщение
Поделиться на других сайтах
  • 2 недели спустя...

Может кому будет интересно, проблема решилась заменой таблицы

<table align="left" cellpadding="0" cellspacing="0" width="160">

  <tr> 

	<td>

на

<div style="float: left; width: 167">

теперь картинки с кратким описанием располагаются по 4 штуки в строку

посмотреть можно здесь: http://petropavlovsk.kamchatka.ru:83/children

Ссылка на сообщение
Поделиться на других сайтах

Я делал через переменную $i

						if ($i%4==1)

						{

							$cont_ru .= '</tr><tr>';

							$cont_en .= '</tr><tr>';

				   		}

N. Matveev, в мозилле по приведённой вами ссылке показывается по 2 фотки в ряду.

Разрешение экрана 1280х1024

Ссылка на сообщение
Поделиться на других сайтах

Спасибо за найденый глюк

в опере нормально показывает

а в мазиле ещё и меню не самораскрывается, буду искать в чем трабл

Ссылка на сообщение
Поделиться на других сайтах

Здравствуй, N. Matveev. Подскажи пожалуйста, как ты все это организовал в дле? Я имею в виду картинки: где они хранятся, как указывать ссылки на них, и самое главное как указать нужное количество в строке?

P.S. Я только начинаю изучать дле и многое еще не понятно. Если не сложно стукнись в аську для более детальной беседы: 37-90-37-466

Заранее спасибо!

Ссылка на сообщение
Поделиться на других сайтах

Привет Titoo.

Создаёшь категорию например фото

создаёшь для неё отдельный шаблон коротких новостей


<div style="float: left; width: 165">


<table cellpadding="0" cellspacing="0" width="100%">

  <tr> 

	<td background="{THEME}/images/f3.png" width="1"></td>

	<td class="menu1" background="{THEME}/images/f2.png">{title}</td>

	<td background="{THEME}/images/f3.png" width="1"></td>

  </tr>

</table>


<table cellpadding="0" cellspacing="0" width="100%">

  <tr>

	<td width="1" background="{THEME}/images/f3.png"></td>

	<td height="155" align="center" valign="middle">[full-link]<img src="/uploads/posts/thumbs/[xfvalue_foto]"border="0">[/full-link]</td>

	<td width="1" background="{THEME}/images/f3.png"></td>

  </tr>

</table>


<table cellpadding="0" cellspacing="0" width="100%">

  <tr>

	<td background="{THEME}/images/f3.png" height="1"></td>

  </tr>

</table>


<table cellpadding="0" cellspacing="0" width="100%">

  <tr> 

	<td width="1" background="{THEME}/images/f3.png"></td>

	<td class="newsbody" align="left"><img src="{THEME}/images/punkt.gif" align="absmiddle" border="0"> Просмотров: {views} </td>

	<td width="1" background="{THEME}/images/f3.png"></td>

  </tr>

</table>


<table cellpadding="0" cellspacing="0" width="100%">

  <tr>

	<td background="{THEME}/images/f3.png" height="1"></td>

  </tr>

  <tr>

	<td height="1"></td>

  </tr>

</table>


</div>

кроме того создаёшь дополнительное поле к данной категории например foto в которое при добавлении новости помещаешь название картинки

количество блоков в строке определяешь опытным путём (зависит от размера превьюшек и ширины твоего сайта)

вроде и всё

Ссылка на сообщение
Поделиться на других сайтах

Привет, N. Matveev. С картинкой разобрался! Грузится! Не пойму только каким образом регулировать их количество в одной строке?

И как сделать, чтобы для каждой маленькой картинки открывалась большая с подробным ее описанием?

Изменено пользователем Titoo
Ссылка на сообщение
Поделиться на других сайтах

Привет Titoo.

Ты картинки в новость как загружаешь?

Если через загрузку файлов на сервер (есть такая кнопка при создании новости), то в соответствии с настройками твоего сайта загружается полная фотка и создаётся её уменьшенная копия

[thumb=left]http://твой сайт/uploads/posts/твоя_фотка.jpg[/thumb]
вот её ты и помещаешь в доп поле только без пути (если используешь мой код) только сам файл твоя_фотка.jpg а чтобы у тебя по клику на превьюшке открылась полная фотка перепиши код
<td height="155" align="center" valign="middle">[full-link]<img src="/uploads/posts/thumbs/[xfvalue_foto]"border="0">[/full-link]</td>
на
<td height="155" align="center" valign="middle"><a href="/uploads/posts/[xfvalue_foto]"><img src="/uploads/posts/thumbs/[xfvalue_foto]"border="0"></a></td>

по идее должно работать

Ссылка на сообщение
Поделиться на других сайтах

Привет, N. Matveev. Спасибо! Все предельно понятно.

Но я имел в виду чтобы в короткой новости были маленькие картинки в несколько рядов (как на твоем сайте), а при нажатии на какую-либо открывалось бы ее подробное описание, полная новость (опят таки как на твоем сайте).

И еще одно: никак не пойму, как сделать несколько фоток в одном ряду?

Заранее спасибо! :)

P.S. Если не трудно стукнись все таки в аську: 37-90-37-466. Через форум как-то долго получается...

Изменено пользователем Titoo
Ссылка на сообщение
Поделиться на других сайтах

N. Matveev, я окончательно разобрался. Огромное спасибо! :-)

Но есть еще маленький вопросик: как ты сделал, чтобы перед новостями (короткими) идет текст?

И как сделать, чтобы короткие новости (т.е. строки) были бы по центру?

Изменено пользователем Titoo
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...