Симпотичный и очень удобный вид материалов для ucoz с сайта umania
Установка:
В css:
Code
.materialcolor{border-top:1px solid rgba(255,255,255,0.5);box-shadow:1px 1px 0px #4d4a4d;background:#a57aca;padding:10px;border-radius:3px;}
.material{margin-top:10px;border-radius:3px;border-top:1px solid rgba(0,0,0,0.4);}
.screnn {padding-left:9px;}
.screnn div{background:#fff;border-radius:3px;border:8px solid white;}
.screnn div img{border-radius:3px;}
.titleurlmaterial {float:left;font-size: 10pt;color:white;font-family: tahoma;font-weight: bold;margin-bottom:10px;text-shadow: 1px 1px 0px #4d4a4d;}
.righttitle{float:right;font-size: 9pt;color:white;font-family: tahoma;}
.titlematerial span{padding:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.6);
background:rgba(0,0,0,0.2);color:white;font-family: tahoma;border-bottom:1px solid rgba(255,255,255,0.6);border-radius:3px;}
#textmaterial {font-family: Verdana, Arial, Helvetica, sans-serif!important; font-size: 8pt!important;background:white; border-radius:3px;padding:3px;border:1px solid #dedede;}
#imgmaterial{padding-bottom:5px;}
#pagehead{font-size: 11pt;color:white;font-family: tahoma;margin:13px 0 0 500px}
#pagehead #pagespanhead{padding:5px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.6);
background:rgba(0,0,0,0.2);color:white;font-family: tahoma;border-bottom:1px solid rgba(255,255,255,0.6);border-radius:3px;}
#pagehead #pagespanhead span{color:white;font-family: tahoma;font-size: 11pt;}
.contentmaterial {background:#fff;border-radius:3px;padding:8px;box-shadow:inset 1px 1px 0px #4d4a4d;}
.material{margin-top:10px;border-radius:3px;border-top:1px solid rgba(0,0,0,0.4);}
.screnn {padding-left:9px;}
.screnn div{background:#fff;border-radius:3px;border:8px solid white;}
.screnn div img{border-radius:3px;}
.titleurlmaterial {float:left;font-size: 10pt;color:white;font-family: tahoma;font-weight: bold;margin-bottom:10px;text-shadow: 1px 1px 0px #4d4a4d;}
.righttitle{float:right;font-size: 9pt;color:white;font-family: tahoma;}
.titlematerial span{padding:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.6);
background:rgba(0,0,0,0.2);color:white;font-family: tahoma;border-bottom:1px solid rgba(255,255,255,0.6);border-radius:3px;}
#textmaterial {font-family: Verdana, Arial, Helvetica, sans-serif!important; font-size: 8pt!important;background:white; border-radius:3px;padding:3px;border:1px solid #dedede;}
#imgmaterial{padding-bottom:5px;}
#pagehead{font-size: 11pt;color:white;font-family: tahoma;margin:13px 0 0 500px}
#pagehead #pagespanhead{padding:5px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.6);
background:rgba(0,0,0,0.2);color:white;font-family: tahoma;border-bottom:1px solid rgba(255,255,255,0.6);border-radius:3px;}
#pagehead #pagespanhead span{color:white;font-family: tahoma;font-size: 11pt;}
.contentmaterial {background:#fff;border-radius:3px;padding:8px;box-shadow:inset 1px 1px 0px #4d4a4d;}
В вид материалов:
Code
<div id="entryID286">
<div class="material">
<table cellpadding="0" class="materialcolor" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="titlematerial">
<a href="$ENTRY_URL$"><div class="titleurlmaterial"><a href="$ENTRY_URL$">$TITLE$</a></div></a><div style="float:right;font-size:9px;">$MODER_PANEL$</div>
<div style="float:right;"/>
<div class="righttitle">
<span>$COMMENTS_NUM$</span>
комментария
<span>$READS$</span>
просмотров
</div>
</td>
<td class="screnn" rowspan="2">
<div id="imgmat286" style="float:right;max-width:200px !important; max-height:150px !important; overflow:hidden !important;">
<img alt="$TITLE$" src="$IMG_URL1$" style="float:right;max-width:200px !important; max-height:150px !important; overflow:hidden !important;">
</div>
</td>
</tr>
<tr>
<td valign="top" width="100%" class="contentmaterial">$MESSAGE$</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="material">
<table cellpadding="0" class="materialcolor" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="titlematerial">
<a href="$ENTRY_URL$"><div class="titleurlmaterial"><a href="$ENTRY_URL$">$TITLE$</a></div></a><div style="float:right;font-size:9px;">$MODER_PANEL$</div>
<div style="float:right;"/>
<div class="righttitle">
<span>$COMMENTS_NUM$</span>
комментария
<span>$READS$</span>
просмотров
</div>
</td>
<td class="screnn" rowspan="2">
<div id="imgmat286" style="float:right;max-width:200px !important; max-height:150px !important; overflow:hidden !important;">
<img alt="$TITLE$" src="$IMG_URL1$" style="float:right;max-width:200px !important; max-height:150px !important; overflow:hidden !important;">
</div>
</td>
</tr>
<tr>
<td valign="top" width="100%" class="contentmaterial">$MESSAGE$</td>
</tr>
</tbody>
</table>
</div>
</div>
Категория:
Вид материалов для uCoz
Просмотров:
966