Среда, 24.04.2024, 3:09 AM
Приветствую Вас Гость | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 5
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Архив - только для чтения
Модератор форума: Леголайз, Кински  
Форум » Основной форум » Изменения дизайна стандартных шаблонов » Оформление статей (Примеры оформления статей с разбором технологии)
Оформление статей
IsidaДата: Воскресенье, 18.12.2005, 7:31 PM | Сообщение # 1
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус:
Рассматриваем 21 дизайн. Там статьи по умолчанию идут без рамочки.

На сайте Краснознамённый Алакурттинский Пограничный Отряд статьи очень симпатично оформлены в рамочку с закруглёнными краями.

 
FrozenДата: Воскресенье, 18.12.2005, 7:34 PM | Сообщение # 2
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Code
<table border="0" cellspacing="0" cellpadding="0" class="photoTable">
    <tr>
    <td class="photoTopLeft"><img class="topImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
    <td class="photoTopCenter"><img border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
    <td class="photoTopRight"><img class="topImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
    </tr>
    <tr>
    <td class="photoMiddleLeft"><img class="middleImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
    <td class="photoMiddleCenter">
 
    Сюда нужно поместить то, что будет внутри рамки.
 
    </td>
    <td class="photoMiddleRight"><img class="middleImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
    </tr>
    <tr>
    <td class="photoBottomLeft"><img class="bottomImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
    <td class="photoBottomCenter"><img border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
    <td class="photoBottomRight"><img class="bottomImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
    </tr>
    </table>

Ну вот ваш код - именно с вашего сайта


Сообщение отредактировал Frozen - Воскресенье, 18.12.2005, 7:35 PM
 
IsidaДата: Воскресенье, 18.12.2005, 7:39 PM | Сообщение # 3
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус:
Мы на ты? biggrin

Можно чуть разжевать - я СSS только начинаю осваивать.

 
FrozenДата: Воскресенье, 18.12.2005, 7:49 PM | Сообщение # 4
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Тут не CSS (таблицы стилей) - это HTML. В нем описана таблица. Как она строится и чего в не заносится http://abba.ucoz.ru/forum/2-2-9-16
А к стилям тут относится только class= после объявления класса идет его имя. Это имя нужно искать в таблице стилей для нужной страницы
для этой страницы
<link type="text/css" rel="StyleSheet" href="http://src.ucoz.ru/src/fr/211.css">
для страницы со статьями
<link type="text/css" rel="StyleSheet" href="http://src.ucoz.ru/src/pu/211.css">

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


Сообщение отредактировал Frozen - Воскресенье, 18.12.2005, 7:50 PM
 
IsidaДата: Воскресенье, 18.12.2005, 7:54 PM | Сообщение # 5
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус:
Я поставила в указанное место $BODY$ , но в рамочке оказались только комментарии, хотя цвет белый стал и у статьи и у комментарев. А комментарии у меня вне таблицы...
 
FrozenДата: Воскресенье, 18.12.2005, 8:26 PM | Сообщение # 6
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Замени таблицу с рамками на эту.
Code

<table border="0" width="100%" cellspacing="0" cellpadding="0" class="commTable1">
<tr>
<td class="commTopLeft"><img class="topImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
<td width="100%" class="commTopCenter"><img border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
<td class="commTopRight"><img class="topImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
</tr>
<tr>
<td class="commMiddleLeft"><img class="middleImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
<td class="commMiddleCenter">
 
Сюда то, что должно быть в рамке
 
</td>
<td class="commMiddleRight"><img class="middleImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
</tr>
<tr>
<td class="commBottomLeft"><img class="bottomImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
<td class="commBottomCenter"><img border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
<td class="commBottomRight"><img class="bottomImg" border="0" src="http://src.ucoz.ru/img/1px.gif" width="1" height="1"></td>
</tr>
</table>

Попробовал на своем - работает. Если ты посто добаляешь $BODY$ то в рамке будет только текст введенный через форму.
попробуй поставить этот код в новую статью, ни чего не дописывая и не выкидывая.
Переносы строк - галку снять, а HTML - галку оставить.


Сообщение отредактировал Frozen - Воскресенье, 18.12.2005, 8:34 PM
 
FrozenДата: Воскресенье, 18.12.2005, 9:11 PM | Сообщение # 7
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Code
<!-- /Poll -->
%/NONE%
<!-- Counter -->
<br><div align="center">$COUNTER$
<a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!"></a>
</div>
<!-- /Counter -->
</td>
<td valign="top" class="mFrame">
<!--таблица с рамками-->
<table border="0" width="100%" cellspacing="0" cellpadding="0" class="commTable1">
<tr>
<td class="commTopLeft"><img class="topImg" border="0" src="1px00000.gif" width="1" height="1"></td>
<td width="100%" class="commTopCenter"><img border="0" src="1px00000.gif" width="1" height="1"></td>
<td class="commTopRight"><img class="topImg" border="0" src="1px00000.gif" width="1" height="1"></td>
</tr>
<tr>
<td class="commMiddleLeft"><img class="middleImg" border="0" src="1px00000.gif" width="1" height="1"></td>
<td class="ConCon">
<!--таблица с рамками-->
<!-- Body -->
<a href="$HOME_PAGE_LINK$"><img title="Главная страница" border="0" src="http://src.ucoz.ru/t/213/home.gif" align="absmiddle" width="17" height="16"></a>
» <a href="$MAIN_PAGE_LINK$">Каталог статей</a>
» <a href="$CAT_LINK$">$CAT_NAME$</a>
 
FrozenДата: Воскресенье, 18.12.2005, 9:12 PM | Сообщение # 8
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Code
<hr>
<div class="entryTitle1" style="margin-top:8px;">$ENTRY_NAME$</div>
$BODY$
<!--таблица с рамками-->
</td>
<td class="commMiddleRight"><img class="middleImg" border="0" src="1px00000.gif" width="1" height="1"></td>
</tr>
<tr>
<td class="commBottomLeft"><img class="bottomImg" border="0" src="1px00000.gif" width="1" height="1"></td>
<td class="commBottomCenter"><img border="0" src="1px00000.gif" width="1" height="1"></td>
<td class="commBottomRight"><img class="bottomImg" border="0" src="1px00000.gif" width="1" height="1"></td>
</tr>
</table>
<!--таблица с рамками-->
%NONE%<br>
<!-- Comments -->
$COMMENTS$
<!-- /Comments -->
%/NONE%
<!-- /Body -->
</td>
 
FrozenДата: Воскресенье, 18.12.2005, 9:15 PM | Сообщение # 9
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Все править не нужно, найди в коде первое вхождение <!--таблица с рамками--> и последнее <!--таблица с рамками--> и посмотри что я включил в них. Этих вхождений должно быть 4
Т.е. тебе нужны два сообщения
http://abba.ucoz.ru/forum/2-3-17-16
http://abba.ucoz.ru/forum/2-3-19-16

Отступы правятся через CSS, но это, если получится с рамками.


Сообщение отредактировал Frozen - Воскресенье, 18.12.2005, 9:17 PM
 
IsidaДата: Воскресенье, 18.12.2005, 9:42 PM | Сообщение # 10
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус:
Я всё, что заключено между комментариями <!-- Body --> и <!-- /Body --> привела. На всякий случай. biggrin
 
IsidaДата: Воскресенье, 18.12.2005, 9:54 PM | Сообщение # 11
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус:
Нет. Разберусь завтра. Сейчас что-то голова не варит. Пока всё получилось, пусть так и остаётся до утра.
 
FrozenДата: Воскресенье, 18.12.2005, 9:57 PM | Сообщение # 12
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Я только вечерами могу.
Надеюсь теперь стал понятен принцип.
 
IsidaДата: Воскресенье, 18.12.2005, 10:08 PM | Сообщение # 13
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус:
Frozen, Принцип я поняла. Тем более на http://html.krsk.ru/windows/roundedframe.asp картинка дана. biggrin
С таблицами у меня особых проблем не было. А вот с калассами надо разбираться.

Спасибо за терпение и настойчивость.

 
FrozenДата: Воскресенье, 18.12.2005, 11:29 PM | Сообщение # 14
Постоянный
Группа: Проверенные
Сообщений: 235
Статус:
Так я вроде не наставивал. А с классами, точней со стилями - попробуем завтра вечером, если получится вырваться
 
IsidaДата: Воскресенье, 18.12.2005, 11:36 PM | Сообщение # 15
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус:
Я заодно так же оформила и статьи в Дневнике. Получилось сразу. biggrin

Жду завтра вечером.

 
Форум » Основной форум » Изменения дизайна стандартных шаблонов » Оформление статей (Примеры оформления статей с разбором технологии)
  • Страница 1 из 5
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Поиск: