|
Пример замены шаблона
|
|
| Isida | Дата: Четверг, 19.01.2006, 0:31 AM | Сообщение # 1 |
 Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус:  |
На тестовой странице Тест2 осуществлёна полная замена стандартного шаблона Юкоз на один из распространяемых в сети шаблонов. Правда пришлось переделать шапку и кое-что добавить.
Результат смотреть здесь
|
| |
| |
| Isida | Дата: Пятница, 20.01.2006, 6:22 PM | Сообщение # 2 |
|
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус: |
Вот второй день бьюсь с шаблоном explossion. Никак таблица не хочет вести себя как нужно. Я вне понятия в чём тут дело. Уже четвёртый вариант пробую и всё-равно левая колонка центрируется по вертикали, а правая не хочет прижиматься к праваму краю. Я уже молчу о том, что наличие в контенте таблиц напрочь сносит шаблон.
А шаблончик красивый получается...
|
| |
| |
| Frozen | Дата: Пятница, 20.01.2006, 6:30 PM | Сообщение # 3 |
|
Постоянный
Группа: Проверенные
Сообщений: 235
Статус: |
Isida, ну на этой странице содержимое левой колонки прижато к верху - нормально. Это в дневнике не прижато. А невозможность втавки таблиц, в тело сообщений - много ошибок в таблицах.
|
| |
| |
| Isida | Дата: Пятница, 20.01.2006, 6:35 PM | Сообщение # 4 |
|
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус: |
Где здесь ошибка? %NONE%
<!-- Login Form -->
<table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://abba.ucoz.ru/explossion/menu-up3.gif" width="200" height="39"></td></tr>
<tr> <td><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr> <td width="14" background="http://abba.ucoz.ru/explossion/menu-left.gif"> </td>
<td width="172"><table width="172" border="0" cellpadding="0" cellspacing="0" bgcolor="#555555">
<tr><td bgcolor="#555555">$LOGIN_FORM$</td></tr>
</table></td>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-right.gif"> </td> </tr>
</table></td></tr>
<tr> <td><img src="http://abba.ucoz.ru/explossion/menu-down3.gif" width="200" height="40"></td></tr>
</table>
<!-- /Login Form -->
<br>
%/NONE%
|
| |
| |
| Isida | Дата: Пятница, 20.01.2006, 6:40 PM | Сообщение # 5 |
|
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус: |
Вот левая колонка целиком. Если есть ошибки, то укажи где. <table border="0" width="200" cellpadding="0" cellspacing="0"><tr><td>
%NONE%
<!-- Site Menu -->
<table width="200" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-up3.gif" width="200" height="39"></td>
</tr>
<tr>
<td><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-left.gif"></td>
<td width="172"><table width="172" border="0" cellpadding="0" cellspacing="0" bgcolor="#555555">
<tr><td bgcolor="#555555">$SITE_MENU$</td>
</tr>
</table></td>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-right.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-down3.gif" width="200" height="40"></td>
</tr>
</table>
<!-- /Site Menu -->
<br>
%/NONE% %NONE%
<!-- Blog Menu -->
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-up3.gif" width="200" height="39"></td>
</tr>
<tr>
<td><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-left.gif"> </td>
<td width="172"><table width="172" border="0" cellpadding="0" cellspacing="0" bgcolor="#555555">
<tr><td bgcolor="#555555">$CATEGORIES$</td>
</tr>
</table></td>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-right.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-down3.gif" width="200" height="40"></td>
</tr>
</table>
<!-- /Blog Menu -->
<br>
%/NONE% %NONE%
<!-- Blog Search -->
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-up3.gif" width="200" height="39"></td>
</tr>
<tr>
<td><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-left.gif"> </td>
<td width="172"><table width="172" border="0" cellpadding="0" cellspacing="0" bgcolor="#555555">
<tr><td bgcolor="#555555">$SEARCH_FORM$</td>
</tr>
</table></td>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-right.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-down3.gif" width="200" height="40"></td>
</tr>
</table>
<!-- /Blog Search -->
<br>
%/NONE% %NONE%
<!-- Blog Calendar -->
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-up3.gif" width="200" height="39"></td>
</tr>
<tr>
<td><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-left.gif"> </td>
<td width="172"><table width="172" border="0" cellpadding="0" cellspacing="0" bgcolor="#555555">
<tr><td bgcolor="#555555"><center>$CALENDAR$</center></td></tr>
</table></td>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-right.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-down3.gif" width="200" height="40"></td>
</tr>
</table>
<!-- /News Calendar -->
<br>
%/NONE%
%NONE%
<!-- Login Form -->
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-up3.gif" width="200" height="39"></td>
</tr>
<tr>
<td><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-left.gif"> </td>
<td width="172"><table width="172" border="0" cellpadding="0" cellspacing="0" bgcolor="#555555">
<tr><td bgcolor="#555555"> $LOGIN_LINK$ </td>
</tr>
</table></td>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-right.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-down3.gif" width="200" height="40"></td>
</tr>
</table>
<!-- /Login Form -->
<br>
%/NONE% %NONE%
<!-- Friends -->
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-up3.gif" width="200" height="39"></td>
</tr>
<tr>
<td><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-left.gif"> </td>
<td width="172"><table width="172" border="0" cellpadding="0" cellspacing="0" bgcolor="#555555">
<tr><td bgcolor="#555555">$FRIENDS$</td>
</tr>
</table></td>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-right.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://abba.ucoz.ru/explossion/menu-down3.gif" width="200" height="40"></td>
</tr>
</table>
<!-- /Friends -->
<br>
%/NONE% %NONE%
<!-- Counter -->
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr> <td><img src="http://abba.ucoz.ru/explossion/menu-up3.gif" width="200" height="39"></td> </tr>
<tr> <td>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr> <td width="14" background="http://abba.ucoz.ru/explossion/menu-left.gif"> </td>
<td width="172"><table width="172" border="0" cellpadding="0" cellspacing="0" bgcolor="#555555">
<tr><td bgcolor="#555555"><center>$COUNTER$</center></td> </tr>
</table></td>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-right.gif"> </td> </tr>
</table></td> </tr>
<tr> <td><img src="http://abba.ucoz.ru/explossion/menu-down3.gif" width="200" height="40"></td> </tr>
</table>
<!-- /Counter -->
%/NONE%
</td> </tr>
</table>
|
| |
| |
| Isida | Дата: Пятница, 20.01.2006, 6:51 PM | Сообщение # 6 |
|
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус: |
Возможно так будет лучше... %NONE%
<!-- Login Form -->
<table width="200" border="1" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://abba.ucoz.ru/explossion/menu-up3.gif" width="200" height="39"></td></tr>
<tr> <td><table width="200" border="1" cellspacing="0" cellpadding="0">
<tr> <td width="14" background="http://abba.ucoz.ru/explossion/menu-left.gif"> </td>
<td width="172" bgcolor="#555555">$LOGIN_FORM$ </td>
<td width="14" background="http://abba.ucoz.ru/explossion/menu-right.gif"> </td></tr>
</table></td></tr>
<tr> <td><img src="http://abba.ucoz.ru/explossion/menu-down3.gif" width="200" height="40"></td></tr>
</table>
<!-- /Login Form -->
<br>
%/NONE%
|
| |
| |
| Frozen | Дата: Пятница, 20.01.2006, 7:09 PM | Сообщение # 7 |
|
Постоянный
Группа: Проверенные
Сообщений: 235
Статус: |
| Quote (Isida) | | Возможно так будет лучше... |
На много лучше (конечно рамки на 0) и желательно в пустых ячейках вписывать пробел.
Про ошибки - обязательно посмотрю и скажу.
|
| |
| |
| Isida | Дата: Пятница, 20.01.2006, 7:28 PM | Сообщение # 8 |
|
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус: |
| Quote (Frozen) | | желательно в пустых ячейках вписывать пробел. |
а вот фиг! Появилась полоска.
|
| |
| |
| Frozen | Дата: Пятница, 20.01.2006, 8:25 PM | Сообщение # 9 |
|
Постоянный
Группа: Проверенные
Сообщений: 235
Статус: |
Isida, Вот таблица для твоих менюшек. Попробуй заменить на нее. Если будут глюки, то ошибки в том содержимом, которое будешь втавлять в них. И еще, если есть желание, то вынеси все стили (style) в отдельный файл, ведь таких таблиц у тебя будет много.
| Code |
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" style="background-image: url(http://abba.ucoz.ru/explossion/menu-up3.gif); background-repeat: no-repeat; height: 39px;">
пробел
</td>
</tr>
<tr>
<td style="background-image: url(http://abba.ucoz.ru/explossion/menu-left.gif); background-repeat: repeat-y; width: 14px;">
<img src="http://abba.ucoz.ru/explossion/menu-left.gif" width="14" height="4" border="0">
</td>
<td style="width: 172px; background-color: #555555;">
Сюда вставлять содержимое не превышающее 172рх
</td>
<td style="background-image: url(http://abba.ucoz.ru/explossion/menu-left.gif); background-repeat: repeat-y; width: 14px;">
<img src="http://abba.ucoz.ru/explossion/menu-left.gif" width="14" height="4" border="0">
</td>
</tr>
<tr>
<td colspan="3" style="background-image: url(http://abba.ucoz.ru/explossion/menu-down3.gif); background-repeat: no-repeat; height: 40px;">
пробел
</td>
</tr>
</table>
|
Остальное нужно будет смотреть после изменений.
P.S. тут не отображаются неразрывные пробелы, ну ты поняла...
Сообщение отредактировал Frozen - Пятница, 20.01.2006, 8:27 PM |
| |
| |
| Isida | Дата: Пятница, 20.01.2006, 9:30 PM | Сообщение # 10 |
|
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус: |
Frozen, а в чём прелесть такого описания? Что всего одна таблица? Теперь стили. Опять же - а что сократится?
|
| |
| |
| Frozen | Дата: Пятница, 20.01.2006, 9:44 PM | Сообщение # 11 |
|
Постоянный
Группа: Проверенные
Сообщений: 235
Статус: |
| Quote (Isida) | | а в чём прелесть такого описания? Что всего одна таблица? |
Да, одна таблица - меньше вложеных таблиц, быстрей идет обработка. | Quote (Isida) | | Теперь стили. Опять же - а что сократится? |
Например эта сторка
| Code | | <td colspan="3" style="background-image: url(http://abba.ucoz.ru/explossion/menu-up3.gif); background-repeat: no-repeat; height: 39px;"> |
может выглядеть так | Code | | <td colspan="3" class="lin"> |
|
| |
| |
| Isida | Дата: Пятница, 20.01.2006, 10:24 PM | Сообщение # 12 |
|
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус: |
Frozen, а как class="lin" будет выглядеть в виде строчки в CSS? 
Делаю бланк для этого шаблона. Тогда всё будет гораздо проще.
У меня какая-то точечка появилась на боковой рамке...
|
| |
| |
| Frozen | Дата: Пятница, 20.01.2006, 10:30 PM | Сообщение # 13 |
|
Постоянный
Группа: Проверенные
Сообщений: 235
Статус: |
| Quote (Isida) | | а как class="lin" будет выглядеть в виде строчки в CSS |
Я специально написал так, чтоб просто перенести в CSS.
берем эту часть | Code |
style="background-image: url(http://abba.ucoz.ru/explossion/menu-up3.gif); background-repeat: no-repeat; height: 39px;"
|
создаем в файле со стилями нужный класс, например .lin и, в фигурные скобки, переносим все, чему равно. Получаем: | Code |
.lin {
background-image: url(http://abba.ucoz.ru/explossion/menu-up3.gif);
background-repeat: no-repeat;
height: 39px;
}
|
|
| |
| |
| Isida | Дата: Пятница, 20.01.2006, 11:21 PM | Сообщение # 14 |
|
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус: |
Уф! теперь всё нормально... попробую тиснуть табличку - выдержит ли шаблон такое издевательство?
|
| |
| |
| Isida | Дата: Пятница, 20.01.2006, 11:29 PM | Сообщение # 15 |
|
Распорядитель
Группа: Администраторы
Сообщений: 1064
Статус: |
Выдержал.
|
| |
| |
