Пример замены шаблона

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%

<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>

<br>
%/NONE%

Isida

Дата: Пятница, 20.01.2006, 6:40 PM | Сообщение # 5

Распорядитель

Группа: Администраторы

Сообщений: 1064

Статус:

Вот левая колонка целиком. Если есть ошибки, то укажи где.

<table border="0" width="200" cellpadding="0" cellspacing="0"><tr><td>
%NONE%

<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>

<br>
%/NONE%

%NONE%

<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>

<br>
%/NONE%

%NONE%

<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>

<br>
%/NONE%

%NONE%

<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>

<br>
%/NONE%

%NONE%

<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>

<br>
%/NONE%

%NONE%

<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>

<br>
%/NONE%

%NONE%

<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>

%/NONE%
</td> </tr>
</table>

Isida

Дата: Пятница, 20.01.2006, 6:51 PM | Сообщение # 6

Распорядитель

Группа: Администраторы

Сообщений: 1064

Статус:

Возможно так будет лучше...

%NONE%

<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>

<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

может выглядеть так

Code

Isida

Дата: Пятница, 20.01.2006, 10:24 PM | Сообщение # 12

Распорядитель

Группа: Администраторы

Сообщений: 1064

Статус:

Frozen, а как class="lin" будет выглядеть в виде строчки в CSS? biggrin

Делаю бланк для этого шаблона. Тогда всё будет гораздо проще.

У меня какая-то точечка появилась на боковой рамке...

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

Статус:

Выдержал.

Страница 1 из 3 1 2 3 »	Архив - только для чтения
Модератор форума: Леголайз, Кински

Полигон