Новый вид новостей от
http://1x.do.am сверстал mdbaner Хотел изобразить метал с заклепками ну на скрине вы видите что получилось)
Данный набор сделал резиновым или по другому можно сказать динамический от
1x.do.am Растягивается он под любой размер сайта и монитора, что очень удобно для наших пользователей.
Если будет интерес то я буду изготавливать еще виды материалов. Пример живой на
сайте
Вид материала
Code
<table
style="width: 100%;border: 0px;left top repeat-x;margin: 3px 0px 0px
0px;" border="0" cellpadding="0" cellspacing="0">
<tr> <td> <img src="http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_01.png" width="22" height="36"></td>
<td
style="background-image:
url(http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_02.png);" width="100%"
height="36"><div class="eDetails_VID1" style="clear:
both;"><center><a href="$ENTRY_URL$"
class="altlink_white"><b>$TITLE$</a></b>$MODER_PANEL$</center></div></td>
<td> <img src="http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_03.png" width="24" height="36"></td>
</tr>
<tr> <td style="background-image:
url(http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_04.png);" width="22"
height="100%"></td><td>
<div class="eMessage" style="text-align: left; clear: both; padding-top: 1px; padding-bottom: 1px;">
<img
src="$IMG_URL1$$OTHER1$"
style="border: medium none ;" width="160" align="left" border="5">
$MESSAGE$ <br></div></td>
<td
style="background-image:
url(http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_06.png);" width="24"
height="100%"></td> </tr> <tr> <td>
<img src="http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_07.png" width="22" height="30" alt=""></td>
<td style="background-image: url(http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_08.png);" width="100%" height="30">
<div class="eDetails_VID1" style="clear: both;">
<div style="float:right"></div>
Категория: <a href="$CATEGORY_URL$"
class="altlink_white">$CATEGORY_NAME$</a> |
Просмотров: $READS$ | Добавил: <a href="$PROFILE_URL$"
class="altlink_white">$USERNAME$</a> | Дата:
<span>$DATE$</span> | <a href="$COMMENTS_URL$"
class="altlink_white">Комментарии ($COMMENTS_NUM$)</a>
</div></td>
<td> <img
src="http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_09.png" width="24"
height="30"></td> </tr></table>
Залейте картинки на свой саит и замените ссылки, так как при тестирование новго вида материала я возможно их удалю
эти же картинки так же и для блоков, смотрите скрин.
Я сделал вид резиновым так как чтоб можно было под любой сайт построить
Вид блоков
Code
<table
style="width: 100%;border: 0px;left top repeat-x;margin: 3px 0px 0px
0px;" border="0" cellpadding="0" cellspacing="0">
<tr><td>
<img src="http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_01.png" width="22" height="36"></td>
<td
style="background-image:
url(http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_02.png);" width="100%"
height="36"><center><font
color="#ffffff"><b><span style="font-size: 11pt;">Меню
сайта</span></b></font></center><br></td>
<td> <img
src="http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_03.png" width="24"
height="36"></td> </tr> <tr>
<td
style="background-image:
url(http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_04.png);" width="22"
height="100%"></td><td>
$SMENU_1$<!--ТУТ вставляем то что будет в блоке--></td>
<td
style="background-image:
url(http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_06.png);" width="24"
height="100%"></td> </tr><tr>
<td><img src="http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_07.png" width="22" height="30" alt=""></td>
<td
style="background-image:
url(http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_08.png);" width="100%"
height="30"></td>
<td><img
src="http://test-1x.ucoz.ru/diz/img/vidon_mdbaner_09.png" width="24"
height="30"></td></tr></table>
Залейте картинки на свой саит и замените ссылки, так как при тестирование новго вида материала я возможно их удалю
В таблицу стилей вставить данный код, при помощи него вы можете изменять цвет текста, расположение размер и тип шрифта.
Code
/* ====== Вид материала mdbaner ====== */
.eDetails_VID1
{font-family:Tahoma,Arial,Sans-Serif;color:#FFF;padding-bottom:3px;padding-top:1px;text-align:left;font-size:8pt;}
.eDetails_VID0
{font-size: 16px;vertical-align: middle;color: #fff;cursor: default;padding: 0px 4px 8px 0px;}
a.altlink_white:link, a.altlink_white:visited {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
a.altlink_white:hover {
text-decoration: none;
color: #e0e0e0;
}
/* ====== /Вид материала mdbaner ====== */
Внимание автор материала вида, верстки и изготовления PSD сайт
www.1x.do.am Копировать разрешено при условие указывания автора и его сайт то есть http://1x.do.am. таковы условия при копирование материала на другие сайты
Если новость будет найдена без копирайта на наш сайт то подается прямая жалоба что повлечет закрытия сайта.