Верстание шаблонов от а до я, Все что знаю - здесь :) Опции

[JIopD]

Здравствуйте ! Вот давно хотелось поведать обычным пользователям АС, основные принципы верстки шаблонов, "без наворотов" так сказать. Без не понятных и не кому не нужных умных терминов и техник. Да я написал пару статей по таблицам, но этого очень мало, да и сразу понять тот материал тоже сложновато. Потому расскажу с самого начала, так ска-ть.
Сам я не претендую не на какие звания, потому что я знаю далеко не все, но то чем я владею — с вами поделюсь. ( Мы не Слаед) Т.е как есть, так и расскажу. Потому как сам осваивал это дело обычным методом тыка и чрезмерным любопытством к созданию сайтов. Просто в один прекрасный момент мне жутко стало интересно — как же оно работает? Я всегда считал что это жутко сложно, что нужно долго и нудно учить и читать. Что, в общем я «не осилю». Это далеко не так, поверьте. Абсолютно нечего страшного в этом нет и не было некогда. Скажу только одно — я освоил верстание ТОЛЬКО МЕТОДОМ НАУЧНОГО ТЫКА! Я не читал не какой литературы вообще! Да признаюсь может я не знаю точных определений и терминологии, да и методы мои может не очень верны.... НО! Поверьте лучше самому разобраться чем спросить у кого-то, да, конечно, это путь не легкий — НО! Опыта вы получите куда больше, да и метод самообразование, все запоминается в отличии от советов знающих, хотя последним тоже стоит пользоваться. Если вы решили разобраться самому, далее не читайте

Ладно не буду больше напрягать, ведь тема совсем не о том... и так, что вам нужно для начала?
Macromedia Dreamweaver MX 2004 (ДА! Можно и старше но сам до сиг пор юзаю именно эту версию, и считаю ее лучшей )
TopStyle3 — отличная программа для работы с Css.

Считаю что начинать учение в обычном блокноте — глупость! Конечно можно, но это очень непросто сделать обычному человеку, не владеющему основными принципами верстки. Ведь согласитесь сложно понять то чего не видишь. Вот и используя визуализацию Дримвивера можно увидеть то что делаешь (это касается только табличной верстки)

Понятие и структура шаблонов Антислаеда.

И так с чего же мне начать, хм... Ах да, давайте начнем с простого понятия - «шаблон» - ЧТО ЭТО ТАКОЕ?
Шаблон — исполняет функцию оболочки(обертки) для генерируемого PHP скриптами контента, в данном случае системой (anti) Slaed То есть это средство стилизации контента.

Что нам говорит всеми нами нелюбимый Педро?
Чтобы создать новый шаблон, рекомендуется скопировать папку Default. И переименовав работать с ее содержимым.
Ну может не совсем дословно но в общем так написано в Html_Content'е.
Слушаясь его совета копируем папку Default, переименовываем ее в любое название. НО! Если название содержит более двух слов, рекомендуется между ними ставить символ _ Пример названия папки шаблона:
Super_duper_design
После этого заходим в папку и смотрим:
В папке содержится несколько хтмл-файлов, один Css и папка images.
Ну если с папкой images вопросы не возникают (это набор графики используемых шаблоном... т.е. Сайтом), да и с Css все ясно (это набор стилей, используемых шаблоном и движком, например: шрифты, их размер, цвет и т.д, вообще сейчас все что только можно туда загоняют для увеличения скорости, ну мы еще к этому вернемся...), то с html файлами есть непонятки. Зачем они? - спросит обычный асовец, а фиг его знает — пошучу я )) Ладно шутки в сторону:
Для начала я приведу обычную схему построения шаблонов(в основном использующую в антислаеде)



(IMG:http://artiver.ru/verstka/m1.gif)


Рисунок 1, показывает весь принцип построения шаблонов, и даже человеку далекому от этого может многое сказать.


Глядя на рисунок откроем файл index.html при помощи предустановленого Дримвивера. Переключаемся на визуальное представление (Кнопочка Design, что находится рядом со Split и Code)
И что в итоге мы видим?


(IMG:http://artiver.ru/verstka/m2.gif)

По большому счету то же, что и на моей схеме, только с тегами и hr-рами, столь любимыми Эдуардом
Итак индекс файл — это общая обертка шаблона, именно в индексе задается общий дизайн, фоны, логотипы...
Вот только понятные нам слова типа: левый блок — заменены тегами {%BLOCKS left%} В общем эти теги, не что иное - как ячейки в которые наш движок помещает информацию отображаемую на сайте в левых, правых и т.д. блоках. Для каждого блока в папке шаблона содержится отдельный html файл, в котором можно описать дизайн сего блока индивидуально. (Об этом подробнее мы еще успеем поговорить)
Для начала объясню за что отвечает каждый тег в файле index.html и привязанные к ним остальные файлы шаблона:
{%BLOCKS banner%} - это системный тег(делее - стег) который в основном используется для вывода верхнего баннера (админка-блоки и баннеры-баннер с верху) Т.е. То что вы напишете в админки для баннера вверху, то и будет выводить этот стег.
{%BLOCKS left%} - тег выводящий контент который описывается в файле block-left.html в папке с шаблоном. Т.е. Все что написано в этом файле будет выводить этот стег:
Что же выводит файл block-left.html? Посмотрим: открываем этот файл в дримвивере и смотрим в код:

<fieldset><legend>$title</legend><table width="165" border="0" cellspacing="0" cellpadding="3"><tr><td>$content</td></tr></table></fieldset><br>

Мы имеем несколько стегов и таблицу, что значят эти теги?:
$title — оглавление блока.
$content — содержание блока.

Выводы видны по рисунках 3-4:

(IMG:http://artiver.ru/verstka/m3.gif)

Один из левых блоков на сайте

(IMG:http://artiver.ru/verstka/m4.gif)

Один из левых блоков, схема согласно кода файла block-right.html

Как вы оформите файл block-left.html - то и получите в итоге на сайте от этих блоков. (об этом позже)


{%BLOCKS right%} - тоже что и {%BLOCKS left%} только файл отвечающий за оформление этого стега block-right.html в папке шаблона.

Знаю что повторюсь, но после рассказа про правый и левый блок, хочу разжевать информацию: итак, движок дает информацию заданную в админке для одного из этих блоков, потом сея инфа обрабатывается файлами block-right.html и block-left.html — где описывается их общий стить, а после этого сами блоки вставляются в шаблон посредством тегов {%BLOCKS left%} и {%BLOCKS right%} в файле index.html... думаю по этой части уже вопросов не будет ))

Идем далее:

{%BLOCKS message%} - это тег выводящий информацию которую пишет администратор в пункте админке движка, Сообщения. Его дизайн описывается в файле message-box.htm и тоже имеет два стега:

$title — оглавление блока.
$content — содержание блока.

{%BLOCKS center%} - этот стег выводит блок по центру. (админка-блоки и баннеры-По центру вверху) Его дизайн описывается в файле block-center.html в папке шаблона. Имеет те же стеги:

$title — оглавление блока.
$content — содержание блока.

{%BLOCKS down%} - этот стег выводит блок снизу. (админка-блоки и баннеры-По центру снизу) Его дизайн описывается в файле block-down.html в папке шаблона. Имеет те же стеги:

$title — оглавление блока.
$content — содержание блока.

{%MODULE%} - это контент который выводится в модулях сайта... Т.е. Например есть модуль файлы, - если вы зайдете в этот пункт на сайте, то вся информация которую вы увидите по центру в нем будет выводится этим тегом. (этот тег относится ко всем модулям) Его дизайн описывается в файлах table-open.html и table-close.html, код этого тега открывается в файле open а закрывается в close ! Не имеет стегов, потому как выводит только контент. (подробнее читайте ниже)
{%BLOCKS foot%} - это стег выводящий в основном нижний баннер. (админка-блоки и баннеры-Нижний баннер)
{%BLOCKS time%} - стег выводит информацию о генерация страницы, и обращениях в базу данных. Этот стег функционален, вы можете включить или выключить вывод этих данных в админке — конфигурации. Многие пользователи для удобности просто «комментируют» этот стег, таким образом скрывая эту инфу со страницы сайта, но она видна только если посмотреть ее код.
За комментированный тег выглядит таким образом: <!-- {%BLOCKS time%} -->
{%LICENSE%} - тег выводящий информацию копирайта. Меняется в админке-конфигурация в самом низу. В случае со Слаедом, не меняется, а взламывается. ))) Подробнее об этом писал Халиф...
Остальные теги в файле index'а вам в общем не нужны.

Теперь объясню предназначения остальных файлов в папке шаблона, которые мы не затронули:

-basic.html — этот файл оформление новостей, статей и файлов. Содержит стеги:

$title — оглавление.
$topicimage — это картинка категории новости\файла\статьи.
$content — вообще по идее тег должен называться precontent, так как это демо текст — т.е. Кусочек текста, который полностью выводится при нажатии на «подробнее».
$morelink — этот тег выводит вышеупомянутую ссылку «подробнее» и другую информацию типа: кто разместил, рейтинг и т.д.

-basic-Shop.html — точная копия basic.html, с той же функциональностью. Файл используется для стилизации модуля магазина.

-comment.html — этот файл шаблона оформляет все комментарии на сайте.

Имеет свои стеги:
$name — имя комментирующего.
$info — дата размещения комментария.
$avatar — аватара комментирующего.
$text — текст комментария.
$rate — рейтинг комментирующего.
$link — функции комментария. ( в основном админ-функции)

Не забывайте! — вы можете избавится от ненужной информации, просто удаляя необходимый стег.

Реализацию подробнее вы можете посмотреть на рисунках, без комментариев — по моему все ясно:

(IMG:http://artiver.ru/verstka/m5.gif)


Вид на сайте.

(IMG:http://artiver.ru/verstka/m6.gif)

Визуальный вид кода в дримвивере.


-search.html — отвечает за дизайн поиска. Кстати используется во всех модулях где присутствует поиск вверху. Таких как: файловый архим, документация, новости и тому подобное. Включает в себя форму поиска и стеги:

$name — имя модуля в котором используется.
$navi — кнопки навигации модуля. Такие как: лучшее, популярное, добавить...

В принципе не вижу смысла опять размещать картинки, откройте файл search.html в дримвивере и посмотрите — все предельно просто. Особенно если вы смотрели текст выше )))


warning.html — этот файл отвечает за дизайн блока предупреждений движка. Сравниваем картинки и делаем выводы (IMG:http://antislaed.net/style_emoticons/default/smile.gif)


(IMG:http://artiver.ru/verstka/m7.gif)

до (IMG:http://antislaed.net/style_emoticons/default/smile.gif)


(IMG:http://artiver.ru/verstka/m8.gif)

после (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

ЗЫ: Если возникнут вопросы по структуре, спрашивайте. Ответы будут идти как Faq к статье.

Начинаем смотреть в код.

Итак, разобравшись со структурой шаблонов АС, начинаем потихоньку смотреть, собственно, в код (IMG:http://antislaed.net/style_emoticons/default/smile.gif) И что мы там видим? Открываем главный файл шаблона... какой? Перечитайте статью сначала (IMG:http://antislaed.net/style_emoticons/default/smile.gif) Подсказка, он начинается на букву i... да - верно!, index.html. ... TypoSlaed — возьми пирожок с верхней полки, протри и положи на место (IMG:http://antislaed.net/style_emoticons/default/smile.gif) Итак, постараюсь обяснить смысл написаного в коде от начала и до конца, именно шаблона Default, позже я научу вас основным функциям программы Дримвивер, мы попробуем переделать шаблон под себя, и научимся оптимизации с помощью Css.
Открытый код индекс странички выглядит следующим образом:

КОД

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
{%HEAD%}
</head>

<script language="JavaScript" type="text/javascript">
<!--
function bookmark() {
    if (window.sidebar) {
        window.sidebar.addPanel("$sitename", "$homeurl","");
    } else if (document.all) {
        window.external.AddFavorite("$homeurl", "$sitename");
    }
}
// -->
</script>
<body>
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td align="center" valign="top">
<hr><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<td height="60" width="50%" valign="middle"><a href="index.php" title="$sitename"><img src="images/logos/$site_logo" border="0" alt="$sitename"></a></td>
<td width="50%" valign="middle" align="right">{%BLOCKS banner%}</td>
</tr></table><hr>
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="25%"><b>$theuser</b></td>
<td width="75%" align="right"><a href="index.php" title="$s_home"><b>$s_home</b></a> | <a href="index.php?name=Account" title="$s_profil"><b>$s_profil</b></a> | <a href="index.php?name=Recommend" title="$s_recomm"><b>$s_recomm</b></a> | <a href="index.php?name=Contact" title="$s_feed"><b>$s_feed</b></a> | <a href="#" onClick="java script:bookmark();" title="$s_favoriten"><b>$s_favoriten</b></a> | <b>$startseite $s_startseite</b></a></td></tr></table><hr>
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tr>
<td style="vertical-align: top; width: 165px;">
{%BLOCKS left%}
</td><td style="vertical-align: top; width: 100%;">
{%BLOCKS message%}
{%BLOCKS center%}
{%MODULE%}
{%BLOCKS down%}
</td><td style="vertical-align: top; width: 165px;">
{%BLOCKS right%}
</td></tr></table><hr><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<td align="center"><a href="index.php" title="$s_home"><b>$s_home</b></a> | <a href="index.php?name=News" title="$s_news"><b>$s_news</b></a> | <a href="index.php?name=Album" title="$s_album"><b>$s_album</b></a> | <a href="index.php?name=FAQ" title="$s_faq"><b>$s_faq</b></a> | <a href="index.php?name=Pages" title="$s_pages"><b>$s_pages</b></a> | <a href="index.php?name=Recommend" title="$s_recomm"><b>$s_recomm</b></a> | <a href="index.php?name=Contact" title="$s_feed"><b>$s_feed</b></a></td></tr></table><hr>
{%BLOCKS foot%}
<br /><font class="copyright">
{%BLOCKS time%}
<br />
{%LICENSE%}
</font>
{%BLOCKS variables%}
{%BLOCKS query%}
</body></html>

Итак если со системными тегами мы разобрались и уже ориентируемся где блок слева и справа, то остальной код нам будет непонятен, сейчас постараюсь объяснить его суть:

Для начала запомните что хтмл код — потоковый, т.е. в какой последовательности вы пишите, в такой он и будет отображаться. И еще этот код нечего не рассчитывает в отличии от ПХП, он только выводит заданную информацию, описанную в его коде.
Большую часть текста странички занимает собственно текст, который мы видели в окне браузера. Но что это за слова с символами > (больше) < (меньше) окружающие их?
Эти слова называются тегами. Теги применяются для форматирования текста и вставки в текст нетекстованных элементов: графики, флеш, и другого. Одним словом:
теги - форматируют текст (информацию) внутри хтмл документа.

Самые простые примеры тегов (парные)

Выделение текста жирным: <b>текст</b> - из примера видно что в начале открывается тег <b> (выделение жирным) потом следует текст которому задается это форматирование, и после его окончания, тег </b> закрывается. После закрытия тега </b> весь последующий текст будет иметь свой или стандартный формат. ( текст )

<i>текст</i> - в этом случае текст будет курсивным. (текст )
<u>текст</u> - подчеркнутый текст. (текст)

Если вы до этого обнялись на форумах, например на нашем (IMG:http://antislaed.net/style_emoticons/default/smile.gif) То вам будут знакомы эти теги, бб-теги исполняющиеся на форумах, очень похожи на хтмл, только в хтмл вместо квадратных бб дужек [тег] , используются свои <тег> (Хотя бб код, это не что иное как упрощенный хтмл код)

<a href="http:www.antislaed.net">Ссылка</a> - это просто код ссылки, как мы видим, сам тег ссылки пишется так : <a href="адрес ссылки">Название ссылки</a> Кстати, кавычки можно и не использовать а писать просто: <a href="адрес ссылки">Название ссылки</a> Если вы хотите сделать чтобы при нажатии на ссылку, сайт открывался в отдельном окне, просто прибавте параметр target="blank" Пример:
<a href="http:www.antislaed.net" target="blank">Ссылка</a>

Одним словом парный тег — это тег, каждому открытому тегу которого, должен быть парный, закрывающий его.


Одиночный тег — это тег который не имеет пары, т.е. они не форматируют текст а просто выводят какой то контент и закрываются.

Самые простые примеры тегов (одиночных)

<img src="картинка.gif" /> - этот тег выводит на страничку картинку которая находится в папке со страницей. Знак /> - закрытия можно и не писать. Еще рекомендуется писать параметры
width- ширины и
height - высоты картинки.
Так как говорит добрый дядя Телетехника :

Всё движется в том случае если не верно сделан дизайн. Не поставь размеры на картинку и ты увидиш такое да и загрузка страницы увеличится. А почему? Да потому что браузер 2!!! раза будет смотреть а нет ли размеров на картинку.

С чем я абсолютно согласен ))
Пример:
<img src="картинка.gif" width="100" height="200" /> Да все значения по идее должны идти в лапках, но это не принципиально, хотя и рекомендую писать все таки в них (IMG:http://antislaed.net/style_emoticons/default/wink.gif)

<hr> - это горизонтальная линия, которая кстати используется в этом шаблоне.

<br /> - это переход на следующую строку

и так далее... подробнее на тегах останавливаться не хочется, так как это Огромный объем информации, думаю работающим в ворде, освоится будет очень легко — так как форматирующие теги очень похожи и по смыслу и по виду на обычные вордовские функции, например тег:
<center>текст</center> - просто центрует текст.

Теперь хочется объяснить сам принцип построения хтмл кода:
Смотрим в первые 5 строк нашего кода (index.html)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> - довольно старый тег, который отсылает нас к правилам построения хтмл страниц, просто игнорируйте его...
<html> - это главный тег хтмл страницы, и весь остальной хтмл код пишется только между этими тегами <html>остальной код</html> (спуститесь в низ странички кода и увидите что в конце страницы тег </html> закрывается)
-А почему в остальных хтмл-файлах шаблона не используется этот тег? В принципе, все кто прочел текст выше, должны бы уже давно знать, но ладно, объясню (IMG:http://antislaed.net/style_emoticons/default/smile.gif) - мы выяснили что в индекс файл шаблона имеются стеги, которые импортируют информацию с других файлов шаблона и вставляют в индексе...потому там и не нужен этот тег.
<head> - это голова сайта, теги между которыми в основном пишется разная мета информация, типа автора сайта, ключевые слова сайта, ссылки на джава скрипты, css файлы и на многое другое...
{%HEAD%} - это стег, который выводит мета-информацию сайта, которая задается в админке.
Кстати, по умолчанию с этого стега, выпадает дефолт ссылка на css файл шаблона:
<link rel="stylesheet" href="templates/Default/style.css" type="text/css"> - вот она эта ссылка в коде уже с генерированной странице, если вы хотите использовать свой css файл то просто исправьте эту ссылку и вставьте ее в индекс файле шаблона, между тегами:
<head>
{%HEAD%}
<link rel="stylesheet" href="templates/$ThemeSel/my.css" type="text/css">
-А что значит templates/$ThemeSel/my.css? - это адрес файла, т.е. корневая папка сайта - templates - «выбраный шаблон» - my.css (ЗАДАЕТСЯ ОБЕЗАТЕЛЬНО!)

</head>

Потом идет небольшой джава-скрипт:

КОД

<script language="JavaScript" type="text/javascript">
<!--
function bookmark() {
    if (window.sidebar) {
        window.sidebar.addPanel("$sitename", "$homeurl","");
    } else if (document.all) {
        window.external.AddFavorite("$homeurl", "$sitename");
    }
}
// -->
</script>

Видно что теги <script> </script> тоже парные (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

<body> - это парный тег, так называемое «тело сайта» В этом теге содержится основной код шаблона. С его помощью когда-то задавали, например беграунд:

<body background="templates/$ThemeSel/images/bg.gif">

или фоновый цвет сайта:

<body bgColor="black">

или даже фоновую музыку! (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

<bgsound src="templates/$ThemeSel/bgsound.mp3" loop=-1> ну по понятным причинам, этого лучше не делать, так как кто захочет ждать пока загрузится фоновая музыка? (IMG:http://antislaed.net/style_emoticons/default/smile.gif) Хотя... если сайт локальный, чем бы и не (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

Да и много чего еще можно реализовать этим тегом, запомните только одно, все функции пишутся только единожды, т.е. например так:

КОД

<body background="templates/$ThemeSel/images/bg.gif" bgsound src="templates/$ThemeSel/bgsound.mp3" loop=-1>
остальной код страницы
</body>

Просто сделали пробел и пошли писать дальше (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

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

Таблицы

Известно что основа вед дизайна состоит из таблиц. Трудно представить каким ещё образом можно реализовать дизайн не используя их. Изначально HTML не поддерживал таблицы ни в каком виде. Несчастные Web-дизайнеры пытались как-то выйти из положения используя текст с за даным форматом и заключая его внутри тегов <PRE></PRE>. Получалось конечно некрасиво но что поделаешь. Теперь же они могут создавать какие угодно таблицы что и делают...
Сейчас таблицы используются не только для представления данных но и как элемент оформления Web-страниц. Благодаря таблицам можно очень точно позиционировать текстовые фрагменты и графику создавать элементы оформления линейки и заливки - отступы и выступы почти как в печатных изданиях. Но пожалуй я больше не буду вас заморачивать всякой чепухой перейдём к практике.
И создадим Web-страницу с таблицей. Пока что достаточно простую.

Самые простые таблицы.

Наша первая таблица будет очень проста: всего несколько строк и столбцов. И будет эта таблица умножения (заодно вспомним правила арифметики...шучу, конечно)

Назовём эту страничку tablo.html
КОД

КОД

<html>
<head>
<title>Таблица умножения</title>
</head>
<body>
<h1>Таблица умножения (от 1 до 5)</h1>
<table border="2">
<tr><td></td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>1</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td</tr>
<tr><td>2</td><td>2</td><td>4</td><td>6</td><td>8</td><td>10</td</tr>
<tr><td>3</td><td>3</td><td>6</td><td>9</td><td>12</td><td>15</td</tr>
<tr><td>4</td><td>4</td><td>8</td><td>12</td><td>16</td><td>20</td</tr>
<tr><td>5</td><td>5</td><td>10</td><td>15</td><td>20</td><td>25</td</tr>
</table>
</body>
</html>

Сохраняем как tablo.html и смотрим результат.
Конечно таблица она не очень красива, но сейчас нам важно уяснить сам принцип. А раскрасить ее мы всегда успеем. Простейшая таблица представляет собой множество вложенных друг в друга тегов, образующих сложную многоуровневую структуру. Сначала парой тегов <table> и </table> определяется сама таблица, потом внутрь вкладываются строки, определяемые парой тегов <tr> и </tr>. Внутрь каждой строчки вкладываются ячейки, определяемые парами тегов <td> и </td>. И если вы внимательно посмотрите на приведенный выше листинг, то увидите все это. Собственно, создавать простую таблицу в HTML ничего не стоит. Единственная проблема которая может при этом возникнуть - вы устаните набирать все эти бесконечные вложенные теги. В самом деле сравните объем текста листинга и размеры получившейся таблички. Но HTML-редакторы, работающие по принципу WYYSIWYG, вам помогут...
Итак, разберемся, какими тегами формируется таблица.

Тег таблиц (<table>)

Тег таблицы имеет следующий формат:
<table border="x"> - атрибут border задает толщину рамки таблицы
в пикселях. Если он отсутствует, рамка не видна, но Web-браузер при
отображении таблицы считает, что она имеется. Если дать параметру "x"
атрибуту значение 0, рамки у таблицы не будет вообще.

<table cellpadding="x"> - атрибут cellpadding позволяет задавать размер
в пикселях свободного пространства между рамкой и содержимым ячейки.
Поумолчанию x=1.

<table cellspacing="x"> - атрибут cellspacing позволяет задавать размер в
пикселах свободного пространства между ячейками таблицы.
По умолчани x="2".

<table width="x" heigh="y"> - атрибуты width и heigh позволяют установить
размеры таблицы. Допускается указывать размер и в виде абсолютной величины,
в процентах относительно размеров окна браузера (только не забывайте
добавлять к числу знак "%")
Пример: <table width="100%" heigh="50%">
Если эти атрибуты пропущены, браузер сам задает размеры таблицы так,
чтобы все содержимое поместилось в ней.
Кстати: width-ширина , heigh-высота.
Пример в пикселях:
<table width="155px" heigh="43px">
(оставлять px необезательно)


<table align="x"> - атрибут align задает "обертание" таблицы текстом.
Значения x бывают:
left - это значение заставляет таблицу прижаться к левой границе окна.
right - таблица будет справа.
center - и таблица в центе.


<table bgcolor="x" background="y"> - атрибуты bgcolor и background задают
соответственно цвет фона и адрес фонового ресунка для таблицы.
Примеры:
<table bgcolor="#000000"> - таблица покрашена в черный цвет.
<table background="images/logo.gif"> - рисунок logo является фоновой
картинкой таблицы.

<table bordercolor="x"> - позволяет задать цвет рамки таблицы.
Пример:
<table bordercolor="#000000"> - опять-же рамка таблицы в черном.

<table frame="x"> - атрибут frame определяет, какие части внешней рамки
таблицы будут рисоваться. Доступны следующие значения x :
void - внешний рамки нет вообще(значение по умолчаеию!)
above - рисуется только верхняя линия внешней рамки.
below - рисуется только нижняя линия внешней рамки.
hsides - рисуются только горизонтальные линии внешней рамки, т.е.
верхняя и нижняя.
lhs - рисуется только левая линия внешней рамки.
rhs - рисуется только правая линия внешней рамки.
vsides - рисуются только вертикальные линии внешней рамки, т.е.
левая и правая.
box - рисуются все линии внешней рамки.

<table rules="x"> - атрибут rules задает, как будут рисоваться внутренние
рамки в таблицы. Здесь доступны следущие значения x:
none - никаких внутренних рамок.
rows - рисуются только горизонтальные линии (между строким)
cols - рисуются только вертикальные линии (между столбцами)
all - рисуются все внутринее рамки.

ЗЫ: Атрибуты пишутся в одной строке отделеные пробелами
Пример таблицы:
<table border="1" cellpadding="0" cellspacing="0" width="100" heigh="50">
<tr><td></td></tr></table>

Тег строки

Каждая строка таблицы начинается с метки <tr> и заканчивается меткой </tr>
Метка <tr> может включать следующие атрибуты:

<tr align="x"> - атрибут устанавливает выравнивание текста в ячейках строки.
Допустимые значения x:
left - выравнивание влево.
center - выравнивание по центру.
right -выравнивание вправо.


<tr valign="x"> - атрибут устанавливает вертикальное выравнивание текста в ячейках
строки. Допустимые значения x:
top - выравнивание по верхнему краю.
middle - выравнивание по центру.
bottom - выравнивание по нижнему краю.


Атрибуты bgcolor, bordercolor, height и width ведут себя так же и выполняют те же
функции, что и одноименные атрибуты тега <table> так что не буду повторятся

Тег ячейки

Каждая ячейка таблицы начинается с метки <td> и заканчивается меткой </td>. Как
раз в ячкйках и находится полезное содержимое таблицы.
Метка <td> может включать следующие атрибуты:

<td colspan="x"> - устанавливает "размах" ячейки по горизонтали. Например, colspan=3 означает,
что ячейка простирается на три колонки.

<td rowspan="x"> - устанавливает "размах" ячейки по вертикали. Например, rowspan=2 означает, что ячейка занимает две строки.

Если ячейка таблицы пуста вокруг нее нерисуется рамка. Если ячейка пуста, а рамка нужна, в ячейку можно ввести символьный объект (non-breaking space — не разрывающий пробел). Ячейка по прежнему будет пустой, а рамка вокруг нее будет.
Атрибуты bgcolor, bordercolor, align, height и width ведут себя так же и выполняют те же
функции, что и одноименные атрибуты тега <table> и <tr> так что не буду повторятся опять

Тырим шапку АС (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

Думаю, уже прочтя этот материал вы можете определится в индексе шаблона. Ну по крайней мере работу с таблицами думаю вы усвоили. Теперь хочется показать все это на практике. Для начала хочу объяснить принципы разметки шаблона. Шаблоны бывают:

«Резиновые» - это шаблоны которые растягиваются по всему окну браузера и зависят он разрешения монитора. Т.е. При любом разрешении монитора они всегда будут растягиваться на весь экран, игнорируя количество контента которые они в себя включают. У таких шаблонах все основные таблицы имеют ширину 100% (width=100%)

«Заданные» - это шаблоны которые имеют точно заданную ширину и в основном центрируются. В таком случае, основной фон шаблона, будет растягиваться по ширине экрана, а главная таблица сайта — будет идти по центру.

Ну в том или ином случае все равно для удобности и быстроты будут использоваться — тягучки.
Это картинки-беки которые будут иметь ограничение по широте или высоте и которые повторяются. Да объяснить это довольно сложно, попробую показать...вот например нам нужно сделать шапку сайта:


(IMG:http://artiver.ru/verstka/m9.gif)


ДА! Сначала я тоже думал что нужно тупо вставить вот эту картинку в код и все (IMG:http://antislaed.net/style_emoticons/default/smile.gif) Ну это далеко не так. Для этого нам нужно ровно одна таблица и 3 картинки. Первая картинка — будет логотипом.


(IMG:http://artiver.ru/verstka/m10.gif)

Две остальные картинки будут, верхним и нижним гредиентами, которые будут иметь оригинальную высоту, а ширину в 1 пиксель, - почему? да потому что нам не нужна целая картинка, она будет повторятся по ширине. Потом просто создаем таблицу с двумя строками:

КОД

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="109px" background="m11.gif"><div style="padding-left: 22px;"><img src="logo.gif"></div></td>
  </tr>
  <tr>
    <td height="32px" background="m12.gif"> </td>
  </tr>
</table>

Подробнее ознакомитесь с примером, скачав его.  premer.rar ( 16.15 Кб ) Кол-во загрузок: 192


Вот по такому принципу делается весь шаблон.


Ладно я немного уже под устал, продолжение обязательно будет, я планирую написать примерную статью создания шаблона, а также материал по работе с CSS. Ждите в ближайшее время. Coming Soon...

PS: Задаем вопросы, жмем спасибы =)

[Drozden]

Спсибо огромное!

[SoundLess]

tnx. Слил на винт, огромный респект ;)

[SoundLess]

Надеюсь, пока я рисую макет темы в фотошопе, ты напишешь такойже мануал по CSS и etc. (IMG:http://antislaed.net/style_emoticons/default/wink.gif)

[Yamakasi]

Хорошая штучка, темболее для новичков, будет хорошо если ещё им сюда скинуть словарь тегов )

[bruce]

ребят! объяните, пожалуйста, с чем связан тот факт, что я не могу поставить background на block-left, block-right, comment...
и ещё подскажите, пожалуйста, как можно убрать с модуля News (когда открываешь комментарии) часть, где написано "Файлы Учебники Вопросы и ответы"..... мне это совсем не нужно.... если можно то вообще чтоб сразу "Поиск -> Новость -> Коментарии", т.е. без "Файлы Учебники Вопросы и ответы"
заранее спасибо

[teletehnika]

ребят! объяните, пожалуйста, с чем связан тот факт, что я не могу поставить background на block-left, block-right, comment...

Вообще то это делается в таблице стилей. Для версии 3.2.3 это будет так:
На ходим в left.html строку <table width="165" border="0" cellspacing="1" cellpadding="3" class="bgcolor4">
Вот это класс class="bgcolor4 и отвечает за этот блок (и не только за этот) Что бы изменить только левый блок (фон и др) надо его заменить, ну к примеру на class="bgcolor5 а в таблице стилей добавить .bgcolor5 { background-color: #твой цвет; }
Таким же образом можно сделатьдля правого и центрального блоков.

[bruce]

да нет... с HTML у меня всё хорошо.... учился на "5" =))
я хотел не bgcolor а background image....
но я уже разобрался, всё заработало...
теперь ещё один вопрос... вы будете очень любезны если ответите на него здесь, ибо не знаю куда его написать...
как в блоке Pages сделать так чтобы Статьи отображались в 2 колонки?
СПАСИБО ЗАРАНИЕ!

[JIopD]

bruce
Вопрос абсолютно не поадресу и темболее не к шаблонам относится. В ас технически сделать можно, но нужно кодить в пхп, говори с разработчиками...

[teletehnika]

да нет... с HTML у меня всё хорошо.... учился на "5" =))
я хотел не bgcolor а background image....

Не знаю на что ты учился, я тебе про то и говорил. Там же можно и картинкой ставить background. А если сразу не понял то увы, я не виноват....

[bruce]

я понял... только тупки уже... 3-й день не сплю... =)
но я не каскадными табл делал... а напрямую в коде...
просто у меня опера прожевывала... а ослик нехотел... поэтому кипешь и поднял.. но всё уже благополучно поправлено. =)

[Vix1n]

перезалейте рисунки плз

[JIopD]

Vix1n
Готово (IMG:http://antislaed.net/style_emoticons/default/wink.gif)

[mandriver]

Расскажи пожалуйста как встроить в шаблон вход ? типа чтобы без блока login

[Vix1n]

JIopD
Спасибо (IMG:http://antislaed.net/style_emoticons/default/happy.gif)

[Elf]

JIopD а зачем нужен этот скрипт?

КОД

<script language="JavaScript" type="text/javascript">
<!--
function bookmark() {
    if (window.sidebar) {
        window.sidebar.addPanel("$sitename", "$homeurl","");
    } else if (document.all) {
        window.external.AddFavorite("$homeurl", "$sitename");
    }
}
// -->
</script>

[manyak1988]

Насколько я понял - это java скрипт для добавление сайта в избранное

[QAZ]

вопрос в следующем. Нависовал допустим я для себя дизайн. Но вот с CSS проблемы сколько ни читал нифигакс не понял, мне пример нужен простой.
Вот приклабываю файл BASIC (табличный) и все что нужно для его правильного отображения, пожалуйста кто сможет сделайте для него CSS? просто для примера, чтоб до меня быстрее дошло.

[teletehnika]

Даже при табличной вёрстке тебе никак не обойтись без таблицы стилей CSS потому как туда впихиваем всё что возможно а не оставляем в html файлах. Ещё на заметку. В новых оформлениях от артстудио стали применять несколько файлов CSS, это в корне не верно и сильно тормозит генерирование страниц. Следует использовать ОДИН файл.
QAZ - да почитай повнимательнее, ничего там нет сложного.

[QAZ]

teletehnika блин ну вот такой я человек без конкретного примера не доходит

[GoogleBot]

[teletehnika]

Открываеш тему и вот тебе пример

[QAZ]

teletehnika еслиб дошло я бы наверно тут не постил бы.

[Zloy]

Довольно интересная тема, но где ж продолжение?..

[teletehnika]

Игорь, народ требует разврата, тьфу ты, продолжение темы... Начал, продолжай.
QAZ - я пытаюсь написать тему по дизу слоями но нет времени и возможности. Но всё же примером тебе и должна послужить любая тема выполненная слоями. Последние все. А в описании ты ничего не поймёш а примеры сами темы, прям замкнутый круг.

[JIopD]

Продолжение будет, но немножко пожже... ждите разгребу заказы - напишу (IMG:http://antislaed.net/style_emoticons/default/wink.gif)

[Z1dan3]

Вот вылаживаю документ,который поможет новичкам понять что это такое и с чем его едят (IMG:http://antislaed.net/style_emoticons/default/smile.gif) В нем присуствуют разъяснения тегов,основы CSS,таблица цветов и примеры (IMG:http://antislaed.net/style_emoticons/default/wink.gif)
 tags.zip ( 51.13 Кб ) Кол-во загрузок: 99

[batarej]

Спасибо JIopD. Кое-что нового узнал для себя(IMG:http://antislaed.net/style_emoticons/default/smile.gif)

[teletehnika]

Вот вылаживаю документ,который поможет новичкам понять что это такое и с чем его едят (IMG:http://antislaed.net/style_emoticons/default/smile.gif) В нем присуствуют разъяснения тегов,основы CSS,таблица цветов и примеры (IMG:http://antislaed.net/style_emoticons/default/wink.gif)
 tags.zip ( 51.13 Кб ) Кол-во загрузок: 99

Этот документ не тянет для новичков, да и вообще для изучения слабоват. У меня он давно куда то закинут.
Сегодня скомпилирую уже готовую книгу, посмотрите, там намного лучше все расписано. Немного навигация не нравится, подправлю и дам ссылку.

[obilion]

Помогите разобратся с проблшемой.

Я сделал шаблон на таблицах н онемогу никак вставить фоновый рисунок именно в шапке. Хотя и в других местах с бедой вставил.

Это index

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
{%HEAD%}
</head>

<body class="bgcolor0">
<table width="1110" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="1110" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="1110" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><a href="index.php" title="$sitename"><img src="images/logos/$site_logo" border="0" alt="$sitename"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td class="bgcolor6"><table width="1110" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="15"><font color="#FFFFFF"><b>$theuser</b></font></td>
<td width="75%" align="center"><a href="index.php" title="$s_home"><b>$s_home</b></a> | <a href="index.php?name=Account" title="$s_profil"><b>$s_profil</b></a> | <a href="index.php?name=Recommend" title="$s_recomm"><b>$s_recomm</b></a> | <a href="index.php?name=Contact" title="$s_feed"><b>$s_feed</b></a> | <a href="#" onClick="java script:bookmark();" title="$s_favoriten"><b>$s_favoriten</b></a> | <b>$startseite $s_startseite</b></a></td>
</tr>
</table></td>
</tr>
</table>

<table width="1110" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="vertical-align: top; width: 165px;">{%BLOCKS left%}</td>
<td style="vertical-align: top; width: 104px;" class="bgcolorkol">uaparty.com.ua</td>
<td style="vertical-align: top; width: 100%;">{%BLOCKS message%}
{%BLOCKS center%}
{%MODULE%}
{%BLOCKS down%}</td>
<td style="vertical-align: top; width: 104px;" class="bgcolorkol">uaparty.com.ua</td>
<td style="vertical-align: top; width: 165px;">{%BLOCKS right%}</td>
</tr>
</table>
<table width="1110" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="center" class="bgcolor7"><a href="index.php" title="$s_home"><b>$s_home</b></a> | <a href="index.php?name=News" title="$s_news"><b>$s_news</b></a> | <a href="index.php?name=FAQ" title="$s_faq"><b>$s_faq</b></a> | <a href="index.php?name=Pages" title="$s_pages"><b>$s_pages</b></a> | <a href="index.php?name=Recommend" title="$s_recomm"><b>$s_recomm</b></a> | <a href="index.php?name=Contact" title="$s_feed"><b>$s_feed</b></a></td>
</tr>
<tr>
<td><font color="red" size"+1">Copyright © 2008 <a href="http://uaparty.com.ua">www.UAParty.com.ua</a>. Все права защищены. <br>Копирование материалов с данного сайта допускается только с разрешения администрации. <br>Администрация сайта не несет ответственности за материалы добавленные пользователями.</font>{%BLOCKS time%}<br />{%LICENSE%}</td>
<td>{%BLOCKS foot%}</td>
</tr>
</table>
</td>
</tr>
</table>
{%BLOCKS variables%}
{%BLOCKS query%}
</body>
</html>

Хотел вставить фоновую картинку в шапке но не получилось - не вставляется пришлось сделать всю шапку логотипом

CODE

<td align="center"><a href="index.php" title="$sitename"><img src="images/logos/$site_logo" border="0" alt="$sitename"></a></td>

Пример тут (http://uaparty.com.ua)

Я делал так:
В файле стиле добавлял строчку

CODE

.bgcolor7 {
width: 1100px;
height: 383px;
background-image: url(images/nuzmenu.gif); }

далее в шаблоне делал так

CODE

<td class="bgcolor7"><div align="center"><a href="index.php" title="$sitename"><img src="images/logos/$site_logo" border="0" alt="$sitename"></a></div></td>

пробовал и так:

CODE

<table width="1110" border="0" cellspacing="0" cellpadding="0" class="bgcolor7">
<tr>
<td align="center"><a href="index.php" title="$sitename"><img src="images/logos/$site_logo" border="0" alt="$sitename"></a></td>
</tr>
</table>

Незнаю что делать дальше

Если по простому на как в хтмл мрямо в таблице писать тд беграунд тоже не вставляет

[obilion]

Походу я нашел выход.

Приблизительно вот так:

CODE

<table cellpadding="0" cellspacing="0" border="0" width="100%" height="30" style="background:url('templates/$ThemeSel/images/2.gif');">

[teletehnika]

Можно в таблице (не в ячейке) добавить background="templates/$ThemeSel/images/2.gif"
В третьей таблице. А зачем у тебя все таблицы имеют фиксированное значение? Достаточно указать первой а всем остальным 100%, это раз и второе, 1100 это много, надо где то 998px потому как на разрешении дисплея в 1024 с твоими размерами будет горизонтальный скрол
--------------
Да, фоновый рисунок ставиш в ту таблицу где у тебя лого.

[obilion]

А зачем у тебя все таблицы имеют фиксированное значение? Достаточно указать первой а всем остальным 100%, это раз и второе, 1100 это много, надо где то 998px потому как на разрешении дисплея в 1024 с твоими размерами будет горизонтальный скрол
--------------
Да, фоновый рисунок ставиш в ту таблицу где у тебя лого.

Во всех таблицах это так на всякий случай.

1100 - потому что по другому никак. Просто там колонки розмещены по бокам от контента и мало места для самого контента

[teletehnika]

Ладно, пускай 1100 но ты указал размер таблицы идущей сразу за <body> Тоесть первой таблице-основной. Остальным ничего такого не надо, ставь смело 100% и ок. А так, чтоб браузер верно обрабатывал, по правилам надо ставить и значение высоты.
Колонки можно сделать приемлемыми по ширине, чтоб места для контента хватало. 160-170px вполне достаточно во многих случаях

[DooDleZ]

У меня вот такая проблема-есть модуль опросов, в нем есть опрос. Но как можно вывести сам опрос на главную, допустим в отдельном блоке? Есть какая то переменная у него?

Сообщение отредактировал DooDleZ: Sep 9 2008, 21:52

[obilion]

Блоки и баннеры - > Редактировать блок "Опрос" - > Позиция: По центру вверху или поцентру внизу

[teletehnika]

Уважаемы!!! Учитесь задавать вопросы по теме. Вы читали тему этого топика???

[viktor6]

Сделайте мануальчик на примере по переделки тем допустим из 3,5 на 4,2

[DeeMon]

Есть вопрос по выводу новости в шаблоне. Новость как понимаю это файл basic.html, а какой шаблон отвечает за полный её просмотр? Просто есть рип, там вывод полный криво сделан, с выводом на главной разобрался.

[teletehnika]

Достаточно оформить index.html, style.css и немного поправить для других блоков некоторые данные отвечающие для блоков в файле style.css. Нет необходимости потрошить все файлы.

[DeeMon]

Достаточно оформить index.html, style.css

Они связаны с выводом полного текста новости?

[Shekaa]

А для Myspace можно тоже сделать HTML-cod?если да то какой прогой можно сделать это?
Спасибо заранее за помощь

[obilion]

А для Myspace можно тоже сделать HTML-cod?если да то какой прогой можно сделать это?
Спасибо заранее за помощь

А что такое Myspace?

П.С. Ты уверен что задал вопрос в той теме где нужно?

[Shekaa]

А что такое Myspace?

П.С. Ты уверен что задал вопрос в той теме где нужно?

www.myspace.com/klasrap посматри тама дизайн,он на HTML коде стоит

[obilion]

Ну и что обычный шаблон. Тут тоже все темы на хтмл(почти все)

Кароче твой вопрос непонимаю. В чем проблема? Суть вопроса?

[merlak]

Ребят, помогите пожалуйста, сегодня зациклился на одном вроде простом вопросе, но он оказался оченб проблемным для меня :

Как сделать надпись "НОВОСТИ " над новостями на главной странице сайта. Т.е. когда по умолчан ставишь модуль news, он отображается на главной.

Делал просто полоску с надписью НОВОСТИ в файле "..celestia/index.html" над {%MODULE%}.

Но сами понимаете он юудет отображаться на всех модулях. А мне нужно только чтобы на главной странице..

Помогите кто знает ??

[JIopD]

merlak
Редактируй файл шаблона basic.html

[merlak]

merlak
Редактируй файл шаблона basic.html

(IMG:http://antislaed.net/style_emoticons/default/wink.gif) Ясен пень, вот олько ты вопрос то мой не понял видимо. Если я в файле basic.html поставлю например в самом начале тег <div>Новости </div>, то на главной у меня будет просто циклическое повторение этой строки!.

Правда если будет одна только новость на сайте, то может всё и получится, но создавать сайт с одной новостью это немножко не то (IMG:http://antislaed.net/style_emoticons/default/smile.gif) )

[Shekaa]

Ну и что обычный шаблон. Тут тоже все темы на хтмл(почти все)

Кароче твой вопрос непонимаю. В чем проблема? Суть вопроса?

Короче мне нужен дизайн а майспэйс!!! (IMG:http://antislaed.net/style_emoticons/default/rolleyes.gif)

[teletehnika]

Короче мне нужен дизайн а майспэйс!!! (IMG:http://antislaed.net/style_emoticons/default/rolleyes.gif)

Это что за наглая манера таким образом просить сделать РИП?
Читай правила форума.

[screatch]

Поясню что паренёк имеет ввиду, дело в том что на MySpace, можно ставить свой дизайн, но весь дизайн должен быть полность на хтмл и быть в 1 одном файле.. т.е. ничего загрузить нельзя..

[teletehnika]

Ну и что, что он имел? Слово "Пожалуста" разве отменили? Да и вопрос не в этой теме нужно задавать.

[Shekaa]

Поясню что паренёк имеет ввиду, дело в том что на MySpace, можно ставить свой дизайн, но весь дизайн должен быть полность на хтмл и быть в 1 одном файле.. т.е. ничего загрузить нельзя..

спасибо что разъяснил,я просто не могу объяснить это



Ну и что, что он имел? Слово "Пожалуста" разве отменили? Да и вопрос не в этой теме нужно задавать.

Я вообщето только написал что мне надо а вот если кто откликнется таму и будет спасибо вместе с паклоном впридачу.И благодарность свою я писал уже - смотри мой первый пост!!!

Сообщение отредактировал KIllerInStInkT: Nov 6 2008, 21:50

[merlak]

Ребят, скажите ПОЖАЛУЙСТА как вывести дату размещения в новостях на главной?

[obilion]

Ребят, скажите ПОЖАЛУЙСТА как вывести дату размещения в новостях на главной?

Она и так выводится (ниже самой новости вместе с автором)

[merlak]

Она и так выводится (ниже самой новости вместе с автором)

Надо было поставить в конфигурациях "да" на вывод даты в новостях.

[Zyama]

Народ, подскажите как прикрутить шаблон к определённому модулю. Например в модуле Форум хотелось бы из шаблона вырезать левый и правый блоки и поменять цвет или рисунок шапки.

Я сделал новый файл шаблон forum.html в папке шаблона, но не тут то было, похоже надо делать иначе.

[ATIX]

В админке, идёшь в модули, и находишь модуль форум, жмёшь редактировать, и отключаешь, левые и правые блоки у этого модуля.

[Zyama]

Это понятно, но мне нужно, что бы форум использовал отдельный шаблон, не index.html

[ATIX]

Создание основного шаблона оформления персонально для каждого модуля

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

Пример: Нужно сделать уникальное оформление основного шаблона для модуля news
В таком случае создаём файл оформления в директории темы с названием index-news.html

Система определит его автоматически и будет использовать для модуля news.

[demon9992]

За статью спасибо !
Хотя всё это я знал...

[criminalist]

КОД

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
{%HEAD%}
<!-- *JS* -->
<script type="text/javascript" src="templates/$theme/js/sleight_js.js"></script>
<script type="text/javascript" src="templates/$theme/js/menu.js"></script>
</head>
<body onLoad="externalLinks();">
<table cellpadding="0" cellspacing="0" style="border: 0px none; width: 100%;">
  <tr>
    <td style="width: 100%; vertical-align: left">
      <div class="mainWrapper">
        <div id="header-wrapper">
          <div id="login-wrapper">
            <div class="banner" style="height: 103px">
              <table cellpadding="0" cellspacing="0" style="border: 0px none; width: 100%;">
                <tr>
                  <td style="width: 100%; height: 103px; vertical-align: middle; text-align: right">{%BLOCKS banner%}</td>
                </tr>
              </table>
            </div>
            <div style="padding-left:409px;">{%BLOCKS none, block-login.php%}</div>
          </div>
          <div id="navbarWrapper">
            <div id="nav">
              <div id="nav-right"><!-- --></div>
                <ul class="level1">
                  <li><a class="nav-main" href="index.php">$harg[0]</a></li>
                  <li class="fs-linkSep"><!-- --></li>
                  <li><a class="nav-main" href="index.php?name=news">$harg[1]</a></li>
                  <li class="fs-linkSep"><!-- --></li>
                  <li><a class="nav-main" href="forum/index.php">$harg[2]</a></li>
                  <li class="fs-linkSep"><!-- --></li>
                  <li class="sub"><a class="nav-main" href="index.php?name=links">Ссылки</a>
                    <ul class="sub">
                      <li><a href="index.php">Уровень A2</a></li>
                      <li><a href="index.php">Уровень A3</a></li>
                      <li><a href="index.php" class="sub">Уровень A4</a>
                        <ul>
                          <li><a href="index.php">Подуровень B1</a></li>
                          <li><a href="index.php" class="sub">Подуровень B2</a>
                            <ul>
                              <li><a href="index.php" class="sub">Drop Level C1</a>
                                <ul>
                                <li><a href="index.php" class="sub">Drop Level D1</a>
                                  <ul>
                                    <li><a href="index.php">Drop Level E1</a></li>
                                    <li><a href="index.php">Drop Level E2</a></li>
                                  </ul>
                                </li>
                                <li><a href="index.php">Drop Level D2</a></li>
                              </ul>
                            </li>
                          </ul>
                        </li>
                        <li><a href="index.php">Подуровень B3</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class="fs-linkSep"><!-- --></li>
                <li><a class="nav-main" href="index.php?name=album">$harg[6]</a></li>
                <li class="fs-linkSep"><!-- --></li>
                <li><a class="nav-main" href="index.php?name=pages">$harg[8]</a></li>
              </ul>
            </div>
            <div style="clear: both"><!-- --></div>
          </div>
        </div>
        <div id="site-content">
          {%BLOCKS  center%}
          <table cellpadding="0" cellspacing="0" style="width: 100%; text-align: left;">
            <tr>
              <td id="centerCol" style="vertical-align: top; padding-right: 15px">
                {%MODULE%}
                <div class="dummyH15"><!-- --></div>
                <div class="dummyH10"><!-- --></div>
              </td>
              <td class="vert-sep"><!-- --></td>
              <td id="leftCol" style="vertical-align: top; width: 200px;">{%BLOCKS left%}</td>
              <td class="vert-sep"><!-- --></td>
              <td id="rightCol" style="vertical-align: top; width: 200px;">{%BLOCKS right%}</td>
            </tr>
          </table>
          {%BLOCKS down%}
        </div>
        <div class="dummyH20"><!-- --></div>
        <table cellpadding="0" cellspacing="0" style="background-color: #0000; width: 100%; text-align: center;">
          <tr>
            <td style="vertical-align: middle; text-align: center; padding: 5px 0px">
              <div style="padding: 5px; text-align: center">
                <a href="http://validator.w3.org/check?uri=referer"><img src="templates/$theme/images/free-source_bottom_xhtml.png" alt="XHTML 1.1" style="border: 0px none;" /></a>   
                <a href="http://www.mzrta.ru"><img src="templates/$theme/images/free-source_bottom.png" alt="RTA" /></a>
              </div>
            </td>
          </tr>
        </table>
        <div style="padding: 10px 0px; text-align: center; color: #ffffff">
        
        </div>
      </div>
    </td>
  </tr>
</table>
</body></html>

Может кто нибудь исправить ? скачал тему а у нее левый блок и правые находятся вместе справой стороны(IMG:http://antislaed.net/style_emoticons/default/sad.gif) третий день сижу ни фига не понимаю !!! мне надо что бы они были стандартно левый с лева а правый с права !! и еще там что должно быть в центре все с краю левой стороны (IMG:http://antislaed.net/style_emoticons/default/smile.gif) исправте кому не трудно ! плиз

Сообщение отредактировал criminalist: Dec 20 2008, 16:40

[JIopD]

Примерно так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
{%HEAD%}
<!-- *JS* -->
<script type="text/javascript" src="templates/$theme/js/sleight_js.js"></script>
<script type="text/javascript" src="templates/$theme/js/menu.js"></script>
</head>
<body onLoad="externalLinks();">
<table cellpadding="0" cellspacing="0" style="border: 0px none; width: 100%;">
<tr>
<td style="width: 100%; vertical-align: left">
<div class="mainWrapper">
<div id="header-wrapper">
<div id="login-wrapper">
<div class="banner" style="height: 103px">
<table cellpadding="0" cellspacing="0" style="border: 0px none; width: 100%;">
<tr>
<td style="width: 100%; height: 103px; vertical-align: middle; text-align: right">{%BLOCKS banner%}</td>
</tr>
</table>
</div>
<div style="padding-left:409px;">{%BLOCKS none, block-login.php%}</div>
</div>
<div id="navbarWrapper">
<div id="nav">
<div id="nav-right"><!-- --></div>
<ul class="level1">
<li><a class="nav-main" href="index.php">$harg[0]</a></li>
<li class="fs-linkSep"><!-- --></li>
<li><a class="nav-main" href="index.php?name=news">$harg[1]</a></li>
<li class="fs-linkSep"><!-- --></li>
<li><a class="nav-main" href="forum/index.php">$harg[2]</a></li>
<li class="fs-linkSep"><!-- --></li>
<li class="sub"><a class="nav-main" href="index.php?name=links">Ссылки</a>
<ul class="sub">
<li><a href="index.php">Уровень A2</a></li>
<li><a href="index.php">Уровень A3</a></li>
<li><a href="index.php" class="sub">Уровень A4</a>
<ul>
<li><a href="index.php">Подуровень B1</a></li>
<li><a href="index.php" class="sub">Подуровень B2</a>
<ul>
<li><a href="index.php" class="sub">Drop Level C1</a>
<ul>
<li><a href="index.php" class="sub">Drop Level D1</a>
<ul>
<li><a href="index.php">Drop Level E1</a></li>
<li><a href="index.php">Drop Level E2</a></li>
</ul>
</li>
<li><a href="index.php">Drop Level D2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="index.php">Подуровень B3</a></li>
</ul>
</li>
</ul>
</li>
<li class="fs-linkSep"><!-- --></li>
<li><a class="nav-main" href="index.php?name=album">$harg[6]</a></li>
<li class="fs-linkSep"><!-- --></li>
<li><a class="nav-main" href="index.php?name=pages">$harg[8]</a></li>
</ul>
</div>
<div style="clear: both"><!-- --></div>
</div>
</div>
<div id="site-content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" align="center"><span style="vertical-align: top; width: 200px;">{%BLOCKS left%}</span></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">{%BLOCKS center%} </td>
</tr>
<tr>
<td align="center"><span style="vertical-align: top; padding-right: 15px">{%MODULE%} </span></td>
</tr>
<tr>
<td align="center">{%BLOCKS down%} </td>
</tr>
</table></td>
<td width="200" align="center"><span style="vertical-align: top; width: 200px;">{%BLOCKS right%}</span></td>
</tr>
</table>
</div>
<div class="dummyH20"><!-- --></div>
<table cellpadding="0" cellspacing="0" style="background-color: #0000; width: 100%; text-align: center;">
<tr>
<td style="vertical-align: middle; text-align: center; padding: 5px 0px">
<div style="padding: 5px; text-align: center">
<a href="http://validator.w3.org/check?uri=referer"><img src="templates/$theme/images/free-source_bottom_xhtml.png" alt="XHTML 1.1" style="border: 0px none;" /></a>
<a href="http://www.mzrta.ru"><img src="templates/$theme/images/free-source_bottom.png" alt="RTA" /></a>
</div>
</td>
</tr>
</table>
<div style="padding: 10px 0px; text-align: center; color: #ffffff">

</div>
</div>
</td>
</tr>
</table>


</body></html>

Хотя сложно в слепую редактировать.

[criminalist]

о спс (IMG:http://antislaed.net/style_emoticons/default/smile.gif) щя попробую !! вот сайт ! пока тоько работаю над ним (IMG:http://antislaed.net/style_emoticons/default/smile.gif)


ты просто гений (IMG:http://antislaed.net/style_emoticons/default/smile.gif) все норм только вот правая блока чуть ниже стала !!:) а так все норм ) спасибо

Сообщение отредактировал criminalist: Dec 20 2008, 17:24

[abatsk]

А продолжение будет?! (IMG:http://antislaed.net/style_emoticons/default/wink.gif)

[PZNT]

JIopD, спасибо, полезная статья, но тут впринципи, как я понимаю, достаточно знаний хтмл, вот насчёт ццс хотелось бы поподробнее, т.к. в школе этого не проходили=(

[SafeOn]

отличная стата, лови +, вот только я так и не смог переделать CSS шаблон под AS4.2 (IMG:http://antislaed.net/style_emoticons/default/25.gif)  widgetlike.zip ( 71.24 Кб ) Кол-во загрузок: 3

[Z1dan3]

Вот нашел фичу,если у вас дизайн резиновый,то понадобиться эта штука,она определяет разрешение экрана пользователя и сама определяет какой надо логотип:

КОД

<script language="JavaScript">
<!--
if (self.screen) {
width = screen.width
height = screen.height
}
else if (self.java) {
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}else{
width = height = 'x'
}
if (width == 640) {
document.write("<img src='templates/$ThemeSel/images/640.gif' style='vertical-align:top' alt='IPB' border='0' />") }
else if (width == 800) {
document.write("<img src='templates/$ThemeSel/images/800.gif' style='vertical-align:top' alt='IPB' border='0' />") }
else if (width == 1024) {
document.write("<img src='templates/$ThemeSel/images/1024.gif' style='vertical-align:top' alt='IPB' border='0' />") }
else if (width == 1280) {
document.write("<img src='templates/$ThemeSel/images/1280.gif' style='vertical-align:top' alt='IPB' border='0' />") }
else {
document.write("<img src='templates/$ThemeSel/images/logo.gif' style='vertical-align:top' alt='IPB' border='0' />") }
//-->
</script>

[De7c3L]

подскажите пож-та. У меня в index.html находится следующее. (может я не тот индекс открыл... Хотя это единственный, в которм хоть что-то есть)

КОД

?php
<?php
   ======================================================================
   Copyright © 2007 by Francisco Burzi
   http://phpnuke.org

   AntiSlaed CMS based on:

   RNuke (http://rusnuke.com)
   EdogsNuke (http://edogs.ru)
   XNuke (http://xnuke.info)
   phpBB (http://phpbb.com)
   Code modifications by AntiSlaed Team, June 2008
   http://antislaed.net

   Please contact us, if you have any questions about AntiSlaedCMS
   mailto: admin@antislaed.net

   AntiSlaed CMS is free software. You can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation; either version 2 of the License.
   ======================================================================
*/

define("MODULE_FILE", true);
$start_time = array_sum(explode(" ", microtime()));
include("function/function.php");
$name = (isset($_POST['name'])) ? ((isset($_POST['name'])) ? analyze($_POST['name']) : "") : ((isset($_GET['name'])) ? analyze($_GET['name']) : "");
$op = (isset($_POST['op'])) ? ((isset($_POST['op'])) ? analyze($_POST['op']) : "") : ((isset($_GET['op'])) ? analyze($_GET['op']) : "");
$file = (isset($_POST['file'])) ? ((isset($_POST['file'])) ? analyze($_POST['file']) : "") : ((isset($_GET['file'])) ? analyze($_GET['file']) : "");
$file = ($file) ? $file : "index";
if ($name) {
    $conf['name'] = $name;
    $conf['style'] = strtolower($name);
    $module = 1;
    list($mod_active, $view, $blocks, $blocks_c) = $db->sql_fetchrow($db->sql_query("SELECT active, view, blocks, blocks_c FROM ".$prefix."_modules WHERE title='$name'"));
    if (intval($mod_active) || is_moder($name)) {
        $theme = get_theme();
        if ($view == 0 && file_exists("modules/".$name."/".$file.".php")) {
            include("modules/".$name."/".$file.".php");
        } else if (($view == 1 && (is_user() && is_mod_group($name)) || is_moder($name)) && file_exists("modules/".$name."/".$file.".php")) {
            include("modules/".$name."/".$file.".php");
        } elseif ($view == 1 && !is_moder($name)) {
            $pagetitle = "".$conf['defis']." "._ACCESSDENIED."";
            head();
            title(""._ACCESSDENIED."");
            if (!is_user()) $infotext = ""._MODULEUSERS." ";
            list($gname) = $db->sql_fetchrow($db->sql_query("SELECT name FROM ".$prefix."_modules LEFT JOIN ".$prefix."_groups ON (mod_group=id) WHERE title='$name'"));
            if ($gname) $infotext .= ""._ADDITIONALYGRP.": ".$gname."";
            warning($infotext, "?name=account&op=newuser", 15, 2);
            foot();
            exit;
        } else if ($view == 2 && is_moder($name) && file_exists("modules/".$name."/".$file.".php")) {
            include("modules/".$name."/".$file.".php");
        } elseif ($view == 2 && !is_moder($name)) {
            $pagetitle = "".$conf['defis']." "._ACCESSDENIED."";
            head();
            title(""._ACCESSDENIED."");
            warning(""._MODULESADMINS."", "", 5, 2);
            foot();
            exit;
        } else {
            header("Location: index.php");
            exit;
        }
    } else {
        header("Location: index.php");
        exit;
    }
} else {
    $home = 1;
    $hmodul = explode(",", $conf['module']);
    $hi = mt_rand(0, count($hmodul) - 1);
    $name = $hmodul[$hi];
    $conf['name'] = $name;
    $theme = get_theme();
    if (file_exists("modules/".$name."/".$file.".php")) {
        include("modules/".$name."/".$file.".php");
    } else {
        head();
        warning(""._HOMEPROBLEMUSER."", "", "", 1);
        foot();
    }
}
?>

Собственно вопрос в том, как убрать "Рекомндовать" в верхней навигации со всех страниц?

P.S индекс нашел) Через админку возможно менть эту навигацию?
И еще вопрос. Хочу страничку создать с тарифами. Как это лучше сделать?

Сообщение отредактировал De7c3L: Nov 30 2009, 18:23

[him]

Автор темы, пожалуйста обнови скрины в первом посте, а то не отображаются, а в слепую учиться не оч получается. Спасибо

[obilion]

P.S индекс нашел) Через админку возможно менть эту навигацию?

Нет.

И еще вопрос. Хочу страничку создать с тарифами. Как это лучше сделать?

Через модуль контент

[AnimeFighter]

вопрос на счёт бэсик.хтмл
в версии 4.3.1 там везде

КОД

$arg[4]

где можно узнать что такое арг?

[rAmantiK]

В function/function.php
function basic() {
_____________________________
Если лень искать то вот:
$topicid = $arg[0];
$topicimage = $arg[1];
$topictitle = $arg[2];
$aid = $arg[3];
$title = $arg[4];
$content = $arg[5];
$morelink = $arg[6];

[Wizardy]

Можно глупый вопрос... ща решил поправить свой сайтик и переделать дизайн... ну и AS посвежее поставить... но... при попытке смены скина, в браузере вылетает

КОД

Error in Head!

Из-за чего это и как с этим бороться?

[rocksmart]

{%MODULE%} {%HEAD%} проверь если в index.html темы

[Wizardy]

{%MODULE%} {%HEAD%} проверь если в index.html темы

спасибо... про {%MODULE%} забыл...

[Wizardy]

не подскажете по теме, в чем может быть проблема... поставил горизонтальную менюху, пока ссылки идут локальные, все отображается нормально... но это только если саму страничку шкурки запустить, как только меняю на абсолютные и загружаю страничку с локального сайта - ничего не отображается... менюху делал в Sothink DHTML Menu 9... Подскажите в чем может быть трабла...

tamplate/csspb/index.html

КОД

<table border="0" width="100%" cellspacing="0" cellpadding="0" height="100%">
    <tr>
        <td align="center" valign="top">
<head>
{%HEAD%}
<script type="javascript" src="/js/stmenu.js"></script></head>

<script language="JavaScript" type="text/javascript">
<!--
function bookmark() {
    if (window.sidebar) {
        window.sidebar.addPanel("$sitename", "$homeurl","");
    } else if (document.all) {
        window.external.AddFavorite("$homeurl", "$sitename");
    }
}
// -->
</script>
<body>
</body>
        <br>
        <br>
        <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse">
            <tr>
                <td width="15%"> </td>
                <td width="70%">
<script type="text/javascript">
<!--
stm_bm(["menu6eda",900,"/templates/csspb/img/","blank.gif",0,"","",0,0,250,0,1000,1,0,0,"","",0,0,1,2,"default","hand","",1,25],this);
stm_bp("p0",[0,4,0,0,1,3,0,7,100,"",-2,"",-2,50,0,0,"#999999","transparent","",3,0,0,"#000000"]);
stm_ai("p0i0",[0,"Компания","","",-1,-1,0,"","_self","","","","",0,0,0,"arrow_r.gif","arrow_r.gif",7,7,0,1,1,"#E6EFF9",1,"#FFD602",1,"b-over.png","b.png",3,3,0,0,"#E6EFF9","#000000","#FFFFFF","#0000FF","bold 10pt Verdana","bold 10pt Verdana",0,0,"","","","",0,0,0],117,36);
stm_bpx("p1","p0",[1,4,0,0,1,3,0,0,100,"stEffect(\"slip\")",-2,"stEffect(\"slip\")",-2,90]);
stm_aix("p1i0","p0i0",[0,"О нас","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"9cb8d6",0,"d6dfec",0,"","",3,3,0,0,"#E6EFF9","#000000","#FFFFFF","#0000FF","8pt Verdana","8pt Verdana"],117,0);
stm_aix("p1i1","p0i0",[0,"Координаты","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"9cb8d6",0,"d6dfec",0,"","",3,3,0,0,"#E6EFF9","#000000","#FFFFFF","#0000FF","10pt Verdana","10pt Verdana"],117,0);
stm_aix("p1i2","p1i1",[0,"Вакансии"],117,0);
stm_ep();
stm_aix("p0i1","p0i0",[0,"Новости"],117,36);
stm_bpx("p2","p1",[]);
stm_aix("p2i0","p1i1",[0,"Новости\r\nкомпании"],117,0);
stm_aix("p2i1","p1i1",[0,"Благодарности"],117,0);
stm_aix("p2i2","p1i1",[0,"Новости\r\nсферы"],117,0);
stm_ep();
stm_aix("p0i2","p0i0",[0,"Проекты"],117,36);
stm_bpx("p3","p1",[]);
stm_aix("p3i0","p1i1",[0,"Общественно-\r\nделовые\r\n"],132,0);
stm_aix("p3i1","p1i1",[0,"Торгово -\r\nразвлекательные\r\n"],132,0);
stm_aix("p3i2","p1i1",[0,"Производственно-\r\nскладские\r\n"],132,0);
stm_aix("p3i3","p1i1",[0,"Жилые"],132,0);
stm_ep();
stm_aix("p0i3","p0i0",[0,"Услуги"],117,36);
stm_bpx("p4","p1",[]);
stm_aix("p4i0","p1i1",[0,"Наши услуги"],117,0);
stm_aix("p4i1","p1i1",[0,"Цены"],117,0);
stm_ep();
stm_aix("p0i4","p0i0",[0,"Информация"],117,36);
stm_bpx("p5","p1",[]);
stm_aix("p5i0","p1i1",[0,"Menu Item 1"],117,0);
stm_aix("p5i1","p1i1",[0,"Menu Item 2"],117,0);
stm_ep();
stm_ep();
stm_em();
//-->
</script>
</td>
                <td width="15%"> </td>
            </tr>
            <tr>
                <td width="15%" bgcolor="#0000FF" height="10"></td>
                <td width="70%" bgcolor="#0000FF" height="10">
                <p align="center"></td>
                <td width="15%" bgcolor="#0000FF" height="10"></td>
            </tr>
            <tr>
                <td width="15%"> </td>
                <td width="70%">{%BLOCKS message%}</td>
                <td width="15%"> </td>
            </tr>
            <tr>
                <td width="15%"> </td>
                <td width="70%">{%BLOCKS center%}</td>
                <td width="15%"> </td>
            </tr>
            <tr>
                <td width="15%"> </td>
                <td width="70%">{%MODULE%}</td>
                <td width="15%"> </td>
            </tr>
            <tr>
                <td width="15%"> </td>
                <td width="70%">{%BLOCKS foot%}</td>
                <td width="15%"> </td>
            </tr>
        </table>
        <p> </p>
        <p>{%LICENSE%}</td>
    </tr>
</table>

В скрипте там сам черт ногу сломит, маскирует код програмка, поэтому не выкладываю...

[turbu]

а чем плоха работа с CSS в Dreamweaver?
что такого интересного TopStyle3 делает с css?

[Wizardy]

хм... не знаю... я в CSS - полный ноль... киньте пожалуйста код хотя бы одной графической кнопки с выпадающим вниз меню на 3 пункта... буду очень благодарен...

Сообщение отредактировал Wizardy: Aug 2 2010, 16:29

[rAmantiK]

хм... не знаю... я в CSS - полный ноль... киньте пожалуйста код хотя бы одной графической кнопки с выпадающим вниз меню на 3 пункта... буду очень благодарен...

Бесплатный mini-КУРС ВЕРСТКА CSS МЕНЮ
Бесплатные CSS меню - 10 открытых источников

[Wizardy]

Бесплатный mini-КУРС ВЕРСТКА CSS МЕНЮ
Бесплатные CSS меню - 10 открытых источников

спасибо... курс отличный... почти сразу нашел ответы на вопросы...

[600112]

У меня маленький порос я как обычно солнечной ночью писал табличку для оформления блоков:

КОД

<table align="center" cellpadding="0" cellspacing="0" width="300">
<tr>
<td background="templates/$ThemeSel/images/vista1.png" height="120">
</td>
</tr>
<tr>
<td background="templates/$ThemeSel/images/vista2.png">

<style type="text/css">
#easyTooltip{
}
body {
margin: auto;
}
.menu_list {
padding-left:10px;
width: 280px;
}
.menu_head {
opacity:0.5;
font-weight:bold;
cursor: pointer;
text-decoration:none;
width:280px;
height:55px;
}
.menu_body {
display:none;
}
.menu_body a{
opacity:0.5;
display:block;
font-weight:bold;
color:#ededed;
font-weight:bold;
text-decoration:none;
}
.menu_body a:hover{
}
</style>
<script type="text/javascript">
$(document).ready(function()
{
$("#firstpane div.menu_head").click(function()
{
$(this).next("div.menu_body").slideToggle(1000).siblings("div.menu_body").slideUp("slow");
$(this).siblings();
});
});
</script>
<div align="center" id="firstpane" class="menu_list">
            <div>
                 <h3>$title</h3>
                $content
            </div>
</div>
</td>
</tr>
<tr>
<td background="templates/$ThemeSel/images/vista3.png" height="170">
</td>
</tr>
</table>

счастливо радовался как обычно схранил запскаю а там шляпа картинки не рябят их не видно а если их вставить в главный шаб этот же коб все ЗБ в чем прикол что моя тупая джамшута не так сделал???

[vitalik1972]

Эт тебе к DJSalamander`у
Такие вопросы ТОЛЬКО он может понять.
Ром, расскажи мне потом, что он имел в виду, ок?

[teletehnika]

счастливо радовался как обычно схранил запскаю а там шляпа картинки не рябят их не видно а если их вставить в главный шаб этот же коб все ЗБ в чем прикол что моя тупая джамшута не так сделал???

Научись писать внятно а не жаргоном, понятным только тебе

[DjSalamander]

Эт тебе к DJSalamander`у
Такие вопросы ТОЛЬКО он может понять.
Ром, расскажи мне потом, что он имел в виду, ок?

Жжжош Виталь? (IMG:http://antislaed.net/style_emoticons/default/laugh.gif)

счастливо радовался как обычно схранил запскаю а там шляпа картинки не рябят их не видно а если их вставить в главный шаб этот же коб все ЗБ в чем прикол что моя тупая джамшута не так сделал???

но попытаюсь перевести, хотя я не русский по национальности и грамоте тоже (IMG:http://antislaed.net/style_emoticons/default/biggrin.gif)

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


Воть- ну типо так я это понимаю.

[Korobasow]

Следующий раз обещаю написать версию системы и название шаблона, ну и если не в лом будет добавлю скрины, и адрес сайта.
Воть- ну типо так я это понимаю.

жжёшь Ром!
Это перевод 3-х последних знаков вопроса!!!
(IMG:http://antislaed.net/style_emoticons/default/laugh.gif) (IMG:http://antislaed.net/style_emoticons/default/laugh.gif) (IMG:http://antislaed.net/style_emoticons/default/laugh.gif)
PS: ты только представь сколько ему ща придётся переводить то что ты написал в конце.

Сообщение отредактировал Korobasow: Nov 12 2010, 06:28

[vitalik1972]

DjSalamander
я в шоке!!! Как ты все это понял?
Вот уж на самом деле только нерусский может понять, что написал такой русский...(IMG:http://antislaed.net/style_emoticons/default/smile.gif)
Ржу ни магу (IMG:http://antislaed.net/style_emoticons/default/smile.gif)
Ромка - молодец!!!

[DjSalamander]

Патамушто, штобы вот!

[teletehnika]

Патамушто, штобы вот!

ПЛЮС АДЫН!!!!!!!!!! (IMG:http://antislaed.net/style_emoticons/default/biggrin.gif)

[600112]

Хе хе обычный язык ДДОСЕРА чем вам не нравится)))) Странный вы народ))) Все ЗБ дал пизды вашему коду и он заробил!!!

За матюк вам предупреждение!!!

[vitalik1972]

судя по сленгу, кривым понтам и предполагаемому возрасту ддосишь массовым пингом наверное?

[vitalik1972]

хотя нет... ддосером ты являешь наверное тогда, когда хакеры, управляющие троянами на твоем компе, приказывают им ддосить кого-либо (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

Я бы на твоем месте тоже почуствовал сопричастность к ДДОСу (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

[600112]

А если я ваш сайт убью полностью плакать не будешь *****???


Поледнее китаиское, за ругань и.т.д, здесь не форум с быдлами, а приличными культурными людьми.

Причины изменения: Еще чего подобное и будет бан, пока предупреждение

[vitalik1972]

vit1972.ru
ВПЕРЕД!!!

Модератор, уведомляю Вас о том, что меня публично оскорбили. Примите меры

Кстати не слабо ли будет с мегафоновского модема убить мой сайт у ведущего хостера в россии?
И еще: в понедельник мне друзья из Мегафон Поволжье (ты же ведь их услугами пользуешься) дадут твой номер телефона, ФИО и адрес.
А еще советую запомнить дружок, что я ведущий системный инженер у самого крупного беспроводного провайдера в России, и у нас почти 100 городов. И если ты СЛУЧАЙНО из того города, где есть наш филиал и с моим сайтом что-то случится - то мне будет достаточно одного звонка своим коллегам по работе чтобы у тебя СЛУЧАЙНО сломались руки или ноги.
Я внятно выразился?

[DjSalamander]

Так как тема не по теме, а перерасло в конфликт, тему закрываю, есть желание выяснить отношения(цивилизованно)- http://antislaed.net/index.php?showforum=48 милости просим!