starshina написал(а):Ага, сказал умный дурню... А куда это всё вставлять?
В сторону:Два месяца назад, случайно, свои заставили сделать форум (на три прошлых наложили вето ... ну, короче, в/на 404 живём).Так меня эта тема зацепила. Пытаюсь в чём-то сам разобраться. Иду по шаблонам и по граблям. Пока - интересно.
Вижу много интересного, но, как правильно что делать... вопрос.
На самом деле всё не так сложно как кажется со стороны, но базово надо понимать:
<style></style> - это НТМЛ теги внутри которых вставляются каскадные (стилевые) таблицы (CSS)
<script type="text/javascript"></script> - это НТМЛ теги, внутри которых вставляются скрипты
<table> - это НТМЛ тег таблица
<tr> - это строка таблицы
<td> - это ячейка таблицы
<tr><td></td><td></td></tr> - это две ячейки внутри строки, ячейки без строки не бывают, ячейки идут горизонтально..
<span> - это инлайновый НТМЛ тег, всегда идет горизонтлаьно, точно так же как <img src="ссылка"> и как <a href="Адрес ссылки">Ссылка</a>
<img src="ссылка"> - это НТМЛ тег картинки
<a href="Адрес ссылки">Ссылка</a> - это НТМЛ тег ссылки
<div> - это блоковый НТМЛ тег, он всегда идет вертикально, то есть друг под другом, если через css не назначено ему другое свойство
<p> - это тоже блковый элемент, но предназначен для форматирования текста, хотя как и <div> и <span> можно использовать в различных вариантах..
Всё что могут эти НТМЛ теги можете почитать по ссылке, что я вам дал...
Возвращаясь к вашему коду: Ваш портал представляет собой таблицу с тремя колонками:
<table style="height: auto; width: 100%;" frame="void" rules="none">
<tr>
<td class="left" valign="top" widht="20%"><div class="structure"><h1><center>Заголовок</center></h1>
<div class="box">Текст</div></div>
<br>
<div class="structure"><h1><center>Заголовок</center></h1>
<div class="box">Текст</div></div></td>
<td class="center" valign="top" width="60%"><div class="structure"><h1><center>Новостная лента</center></h1>
<div class="boxrss" style="height: auto;">
Выделить код
<script type="text/javascript">
$(function(){
$('div.boxrss').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$.get('/export.php','',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
} });
</script>
<noscript><div class="noscriptmod"><center><img src="http://s3.uploads.ru/BPXfo.png"></center></div></noscript>
</div></div>
</td>
<td class="right" valign="top" width="20%"><div class="structure"><h1><center>Правый заголовок</center></h1>
<div class="box">Текст</div></div>
<br>
<div class="structure"><h1><center>Правый заголовок</center></h1>
<div class="box">http://sa1967.mybb.ru/viewforum.php?id=1</div></div>
</td>
</tr>
</tbody>
</table>
Синий блок - это который слева, Красный по центру с скриптом, который выводит последние темы с форума, зеленый - это блок справа.. Блоки справа и слева одинаковые по сути, поэтому берем к примеру справа, там куда вы пытались поставить ссылку:
<td class="right" valign="top" width="20%"><div class="structure"><h1><center>Правый заголовок</center></h1>
<div class="box">Текст</div></div>
<br>
<div class="structure"><h1><center>Правый заголовок</center></h1>
<div class="box">http://sa1967.mybb.ru/viewforum.php?id=1</div></div>
</td>
Красным - это заголовок, зеленым - это блок, в который как раз и вставляем ссылки:
kolobdur74 написал(а):<a href="http://sa1967.mybb.ru/viewforum.php?id=3" target="_blank">Новый форум </a><br>
<a href="http://sa1967.mybb.ru/viewforum.php?id=1" target="_blank">Тестовый форум </a><br>
К слову сказать: <h1> - это блоковый тег заголовков их бывает 6 вариантов - от: <h1> до: <h6>
Синим - это блок, в который обернуты и заголовок и блок с текстом...