В системе ucoz существует возможность изменять заголовок размещаемых на сайте материалов. После ознакомление с такой возможнотью можно посмотреть итог на данном сайте или на сайте ijcosmos.ucoz.ru.
Итак нас не устраивает размер заголовка материала. Для этого переходим в панель управления сайтом. Далее заходим в раздел управление дизайном. Выбираем нужный подраздел, например, "Новости сайта". Нажимаем "Страница материала и комментариев к нему" и находим в html шаблона выделенное:
<table class="eBlock" border="0" cellpadding="2" cellspacing="1" height="107" width="800"> <tbody><tr><td width="90%"><div class="eTitle"><div style="float: right; font-size: 9px;">$ADD_TIME$ $MODER_PANEL$</div>$ENTRY_NAME$</div></td></tr> <tr><td class="eMessage">$MESSAGE$ <div style="text-align: left;" class="eAttach"><!--<s3172>-->Прикрепления<!--</s>-->: $ATTACHMENTS$</div></td></tr> <tr><td colspan="2" class="eDetails">
После этого впечатываем нужный нам размер шрифта, как пример, <h2>...</h2> нажимаем кнопку сохранить и смотрим результат. В основном этот заголовок будут видеть Ваши читатели. У Вас должно получиться следующее:
<table class="eBlock" border="0" cellpadding="2" cellspacing="1" height="107" width="800"> <tbody><tr><td width="90%"><div class="eTitle"><div style="float: right; font-size: 9px;">$ADD_TIME$ $MODER_PANEL$</div><h2>$ENTRY_NAME$</h2></div></td></tr> <tr><td class="eMessage">$MESSAGE$ <div style="text-align: left;" class="eAttach"><!--<s3172>-->Прикрепления<!--</s>-->: $ATTACHMENTS$</div></td></tr> <tr><td colspan="2" class="eDetails">
Чтобы заголовок на главной странице и последующих соответствовали Вашим желаниям, переходим в подраздел "Вид материала". Находим в html шаблона:
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;"> <div style="float:right">$MODER_PANEL$</div> <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
После этого впечатываем нужный нам размер шрифта, как пример, <h1>...</h1> нажимаем кнопку сохранить и смотрим результат. У Вас должно получиться следующее:
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;"> <div style="float:right">$MODER_PANEL$</div> <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$"><h1>$TITLE$</h1></a></div>
Таким же образом можно изменить размер в описание фотографии. Заходим в панель управления сайта. Далее управление дизайном сайта. Находим в " Фотоальбом" нужную нам " Страница с полной фотографией и коментариями". Находим в html шаблона выделенное:
<td bgcolor="#e9ecf5"><img src="/.s/t/111/5.gif" border="0" height="21" width="320"></td> </tr> <tr> <td colspan="3" class="topBorder" style="padding: 3px;" height="100%" valign="top" width="600"><!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5169>-->Фотоальбом<!--</s>--></a> » <a href="$SECTION_URL$">$SECTION_NAME$</a> » <a href="$CAT_URL$">$CAT_NAME$</a> » $PHOTO_NAME$ <hr> <table border="0" cellpadding="2" cellspacing="1" height="221" width="1000"> <tbody><tr><td colspan="2" align="center">$PHOTO_DESCR$</td></tr>
Далее печатаем нужный нам шрифт, например, <h2>...</h2> нажимаем кнопку сохранить и смотрим результат. Не забывайте обновлять страницу. У Вас должно получиться следующее:
<td bgcolor="#e9ecf5"><img src="/.s/t/111/5.gif" border="0" height="21" width="320"></td> </tr> <tr> <td colspan="3" class="topBorder" style="padding: 3px;" height="100%" valign="top" width="600"><!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5169>-->Фотоальбом<!--</s>--></a> » <a href="$SECTION_URL$">$SECTION_NAME$</a> » <a href="$CAT_URL$">$CAT_NAME$</a> » $PHOTO_NAME$ <hr> <table border="0" cellpadding="2" cellspacing="1" height="221" width="1000"> <tbody><tr><td colspan="2" align="center"><h2>$PHOTO_DESCR$</h2></td></tr>
Также следует помнить, что, например, браузер cooge chrome позволяет просматривать код выделенного элемента. Это может стать хорошим подспорьем в понимании языков программирования.
|