Новостной модуль

голоса: +2

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

а хочу привести в норму чтобы выглядело так:

а в странице материалов и ком к ним сейчас вот так:

а хочу вот так:

при добавлении статей или файлов или новостей всё очень печально, пытался добиться с помощью вспомогательных кодов но я в них не силён, поковырял вышла не до делка, скажем так. Вот обращаюсь к могучим, кто бы мог помочь или если не помочь то хотя бы подсказать. как решить проблему с отображением картинок на скачку и основной картинки внутри новости (по центру) и отображение в каталоге новостей или файлов или статей как указано на скринах ( подставлял решения для наглядности в фотошопе ) чтобы было понятней что хочется и что есть. Заранее спасибо!

| Автор: | Категория: Дизайн сайта
Напишите Ваш адрес сайта. В вашем варианте просто необходимо сверстать шаблон модуля Новости "вид материалов". Во первых смотря каким образом построен шаблон, на таблице или на div, если таблица то все очень просто (сделать картинку нужного размера и поместить в нужную ячейку. Если на div  то также сделать картинку нужного размера и сделать обтекание с необходимо стороны

Ответов: 1

голоса: +3
 
Лучший ответ

Добрый день!

Для того чтобы в каталоге (описание материала) выводилась маленькая картинка слева (справа) от текста:

1.       Закачиваем картинку в файловый менеджер своего сайта.

2.       Заходим в «Добавить новость» на сайте – Верхнее окно –Добавить изображение (иконка картинки с зеленым кружочком и белым крестом).

3.       В открывшемся окне кликаем на кнопку «Добавить изображение» и выбираем нужную картинку из файлового менеджера

4.       Выставляем необходимую высоту и ширину маленькой картинки (по опыту, примерно 70*70 рх);

5.       Если нужна рамка – выставляем ширину рамки.

6.       Выставляем ширину горизонтальных и вертикальных отступов от текста.

7.       Определяем положение картинки по отношению к тексту (справа иди слева).

8.       Сохраняем, пишем текст.

Для того чтобы картинка была выровнена посередине.

Добавляем картинку в полный текст материала. Все тоже самое, что и в предыдущем пункте, но не выставляем параметры отступа от текста и положение картинки по отношению к тексту (то есть, не выполняем п. 6 и п. 7).

Когда картинка добавлена, ставим курсор перед ней и кликаем по кнопке «По центру».

Для того чтобы выводилось название материала заполняем поле «Название материала» или просто в окне «Полный текст» материала вручную прописываем его название и выделяем как Заголовок 1. С точки зрения оптимизации текста второй вариант предпочтительнее. А ниже заголовка вставляем картинку.

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

Вопрос про скачку не совсем поняла, прошу прощения.

| Автор:
Выбор ответа лучшим | | Автор: Сергей
Сделал по вашему примеру. Помог совет с отображением миниатюры в файлах и статьях. Но теперь проблема в другом эта же миниатюра отображается в самой статье или файлах (миниатюра в самой статье не регулируется ). Мне просто надо что бы в модулях Файлы Статьи и Новостях были такие эпизоды как я отобразил на скринах выше. Скачка - такая же картинка "Скачать" с линком на скачку файла мне надо чтобы она (кнопка) тоже была по центру (внутри новости) как и все картинки, но она упорно не ставится по центру, просто смещается влево. А в редакторе отображается по центру...
Что то не могу заскринить что получается. Ну думаю по описанию вы поймёте. просто посмотрите 2 и 4 скрины как задумывается - в старте вопроса а вот линк на сайт http://minecraftwar.at.ua/ . Получается что по сути статей будет много поэтому я хочу уменьшить их размеры отображения на основной странице. Просто в том же ВП над этим голову не надо морочить. Спросите почему я не в ВП делаю. Хочу уже разобраться с Юком. Потому что многие друзья просто просят сделать сайты на фри для кланов и т.п. А извиняюсь ширпотреб делать не хочется, вот пытаюсь освоить простое решение, быстро, бесплатно и т.п. Но тупая правка расположения в визуалке, или в хтмле, не приводит ни к чему удовлетворительному. Алигн Центр команды мне известные... Но вот видите оно просто не работает как надо или я просто не с той колокольни смотрю....
Поверьте, я никогда подобных вопросов не задам :). Ucoz – это очень удобный и простой инструмент. Главное, разобраться в принципах его работы.
Вы добавляете материал в виде таблицы. А в ячейке рисунок выравнивать нужно немного не так, как в тексте. Тем более что у вас и текст, и картинка оказываются в одной ячейке.
Разумнее сделать отдельную ячейку под заголовок, отдельную – под верхнюю картинку и так далее.
Здесь все проще сделать руками. Когда картинки установлены в свои ячейки, надо их выровнять. В визуальном редакторе перейдите во вкладку HTML (простите, если повторяю банальные вещи – я просто не знаю вашего уровня).
Когда вы просто добавили картинку, она выравнивается по левому краю и код выглядит так:
<td >img alt="" src="/1.png" style="width: 300px; height: 300px;" /></td>
Надо добавить атрибут и выровнять по центру:
<td style="text-align: center;"><img alt="" src="/1.png" style="width: 300px; height: 300px;" /></td>
Здесь же при необходимости можно поправить высоту и ширину (width и height).
То есть, весь код вашего материала будет выглядеть так:
<table border="0" cellpadding="1" cellspacing="1" style="width: 500px;">
    <tbody>
        <tr>
            <td>
            <h1>Скачать Minecraft 1.5.2</h1>
            </td>
        </tr>
        <tr>
            <td style="text-align: center;"><img alt="" src="/1.png" style="width: 300px; height: 300px;" /></td>
        </tr>
        <tr>
            <td>Вы всё ещё в поисках Майнкрафта 1.5.2? Вас преследуют битые ссылки, смс, регистрации и тому подобные вещи? Поздравляем вы оказались там где надо! У нас вы сможете быстро скачать нужный вам файл! В этой версии Майнкрафта нового ничего не добавили, исправления застали всякого рода баги предыдущего релиза.<br />
            Ниже приведены исправления произошедшие в 1.5.2:<br />
            Исправлено уменьшение громкости музыкальных сундуков.<br />
            Исправлен ошибочный расчет уровней при переименовывании предметов на наковальне языками, отличающихся от оригинального.<br />
            Исправлена ошибка появления домашних пэтов.<br />
            Исправлена ошибка агрессии странников Края.<br />
            Исправлена ошибка получения активной печки.<br />
            Исправлено неверное отображение достижения Hot Topic.<br />
            Исправлена проблема со стрелами, застряющими в пустоте.<br />
            Исправлена ошибка использования наковален без затраты опыта.</td>
        </tr>
        <tr>
            <td style="text-align: center;"><img alt="" src="/2.jpg" style="width: 196px; height: 54px;" /></td>
        </tr>
    </tbody>
</table>
Результат можно посмотреть на картинке: http://s012.radikal.ru/i320/1411/aa/50490963e190.jpg
Естественно, что заголовок у вас будет выглядеть по другому, в соответствие с вашими стилями. Фона "в клеточку" у вас тоже не будет.
Сделал всё как вы описали результат тот же самый к сожалению... Даже не приложу ума что к чему...
Ну и задачку вы задали))))) У вас в исходном коде есть строчка:
<div style="float:right">
Смотрите, что именно вы выравниваете таким способом и удаляйте.
http://s019.radikal.ru/i603/1411/7c/c0bbc6294815.jpg
Там вообще у вас получилась мешанина кода. Если позволите совет, то создайте новую таблицу в новом документе. Вставьте в нужные ячейки изображения. Только потом вставьте текст. Копируйте не из "ворда" сразу, а сначала в блокнот, а только потом на сайт. Тег <div> в данном случае вообще не нужен ни в каком виде. Тем более с классом.
Дело в том что я код свой который был полностью заменил на ваш который вы предложили - и тогда у меня вообще весь макет порвало...
Такого не может быть. Попробуйте еще раз, пожалуйста. Создайте новый материал («добавить новость»). Скопируйте код, который я дала от тега <table> до тега </table>. Вставьте код в «Блокнот». Скопируйте оттуда и вставьте в визуальный редактор, предварительно перейдя во вкладку «Панель HTML кодов». Сохраните. Обязано получиться. Или сжую свою клавиатуру.
По всей видимости, вы копируете текст с другого сайта или другой страницы. Поэтому «цепляете» лишние теги. Проверьте код материала. Он должен выглядеть так, как я вам дала. Ничего кроме него присутствовать не должно.
И прошу прощения за назойливость.
Нет не выходит, но дело в том что у меня был другой сайт и там всё работает нормально, правда не под этим шаблоном... Наверно придётся ковырять в другом шаблоне, это будет наверно намного проще... Я через нотпад++ смотрю и вставляю ничего лишнего нет, и не работает...
...