Суббота, 24.10.2020, 2:38 AM
Приветствую Вас Гость | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Архив - только для чтения
Модератор форума: Леголайз, Кински  
Форум » Основной форум » Нестандартные шаблоны » Пример замены шаблона
Пример замены шаблона
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? 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
Статус:
Выдержал. biggrin
 
Форум » Основной форум » Нестандартные шаблоны » Пример замены шаблона
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск: