• Lappuse 1 no 1
  • 1
Forums » uCoz sistēma » Vizuālie skripti » Materiālu izskats #5
Materiālu izskats #5
Spanky
Datums: Ceturtdiena, 09.08.2012, 09:53 | Ziņa # 1
Grupa: Administrators
Foruma posti: 543
Reputācija: 88


Dodamies: CP -> Customize design -> $MODULE_NAME$ -> Appearance of entries -> kur veco kodu aizstājam ar šo:
Code
<div class="gray-block" style="margin-bottom:10px;">
<div class="ntitle_block">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="news_title">
<tbody><tr>
<td class="title-left"></td>
<td class="title-content"><a class="elink" style="font-size:9pt;" href="$ENTRY_URL$">$TITLE$</a>$MODER_PANEL$</td>
<td class="title-right"></td>
</tr></tbody></table>
</div>
<div class="white-block" style="margin-bottom:1px;">
<div class="e-message">
  <div style="display:inline;"><font color="000000"><table style="border-collapse:collapse;width:100%;"><tbody><tr><td><img src="$IMG_URL1$" width="150" height="150"></td><td>$MESSAGE$</td></tr></tbody></table></font></div></div></div>
<div style="position:relative; height:30px;">
<div style="position:absolute; top:8px; left:8px;">
  <font color="000000"><img src="http://ucoz-script.do.am/imgs/category.png" align="absmiddle"> Kategorija: <b>$CATEGORY_NAME$</b>    
  <img src="http://ucoz-script.do.am/imgs/user.png" align="absmiddle"> Pievienoja: <b>$USERNAME$</b>    
  <img src="http://ucoz-script.do.am/imgs/date.png" align="absmiddle"> Datums: <b>$DATE$</b>    
  <img src="http://ucoz-script.do.am/imgs/comments.png" align="absmiddle"> Komentāri: <b>$COMMENTS_NUM$</b>    </font>
</div>
<div style="position:absolute; top:8px; left:340px; max-width:500px; height:16px; overflow:hidden; "></div>
<a href="$ENTRY_URL$" style="float:right;" class="button"><span>Skatīt visu »</span></a>
</div> </div>

<style>
.white-block {background:#fff; padding:6px; border:1px solid #EAEAEA; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.gray-block {background:#F8F8F8; padding:6px; border:1px solid #D2D2D2; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
table.news_title {padding:0px; margin:0px; height:38px; background:url('http://ucoz-script.do.am/imgs/title-bg.png') repeat-x center center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
table.news_title td.title-left {padding:0px; margin:0px; width:4px; background:url('') no-repeat left top;}
table.news_title td.title-right {padding:0px; margin:0px; width:4px; background:url('') no-repeat right top;}
table.news_title td.title-content {color:#fff; text-shadow:0px 1px 3px #000; padding-left:2px; padding-top:4px}
a.elink:link, a.elink:visited {color:#fff; padding:3px 6px 3px 6px;}
a.elink:hover {color:#fff; padding:2px 5px 2px 5px; border:1px solid #fff; background:url('http://ucoz-script.do.am/imgs/hover-glass.png') repeat-x center top; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
a.elink:active {color:#fff; padding:2px 5px 2px 5px; border:1px solid #fff; background:url('http://ucoz-script.do.am/imgs/hover-glass.png') repeat-x center top; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:0px 0px 7px #000 inset;}
a.button {display:block; float:left; padding:6px 9px 6px 9px; margin:2px; color:#fff; font-weight:bold; background:url('http://ucoz-script.do.am/imgs/button-black.png') #4E4E4E; background-position:100% 0px; border:1px solid #2D2D2D; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0px 0px 1px #fff inset; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; text-shadow:0px -1px 0px #000;}
a.button:hover {border:1px solid #5D5016; color:#fff; background-position:100% -28px;}
a.button:active {border:1px solid #5D5016; color:#fff; background-position:100% -28px; box-shadow:0px 0px 5px #000 inset; -moz-box-shadow:0px 0px 5px #000 inset; -webkit-box-shadow:0px 0px 5px #000 inset;}
.e-message {margin-bottom:10px; font-size:9pt;}
.e-message a img, .e-message img {padding:5px; margin:3px; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 0px 5px #666; -moz-box-shadow:0px 0px 5px #666; -webkit-box-shadow:0px 0px 5px #666;}
.e-message a img:hover {-moz-box-shadow:0px 0px 4px #FF7800; -webkit-box-shadow:0px 0px 4px #FF7800; box-shadow:0px 0px 4px #FF7800;}
</style>


Pielikumā saglabāju arī bildītes! smile



Pielikumi: imgs.zip(81.3 Kb) · 8720660.png(54.0 Kb)
Girtascharles
Datums: Sestdiena, 26.01.2013, 18:27 | Ziņa # 2
Grupa: Lietotājs
Foruma posti: 10
Reputācija: 0
ew, kpc man burti ir kā 3D? Lūdzu palīdzat


Pielikumi: 9076988.png(96.4 Kb)
Spanky
Datums: Sestdiena, 26.01.2013, 19:12 | Ziņa # 3
Grupa: Administrators
Foruma posti: 543
Reputācija: 88
Quote (Girtascharles)
ew, kpc man burti ir kā 3D? Lūdzu palīdzat

Man tev būs tāda atbilde, kā tev konkursā - nez. biggrin

Nezinu... tev dizainam lkm 3D burti. biggrin

Skreen?

Girtascharles
Datums: Sestdiena, 26.01.2013, 23:01 | Ziņa # 4
Grupa: Lietotājs
Foruma posti: 10
Reputācija: 0
Quote (Spanky)
ew, kpc man burti ir kā 3D? Lūdzu palīdzat

Man tev būs tāda atbilde, kā tev konkursā - nez.

Nezinu... tev dizainam lkm 3D burti.

Skreen?


:DD nūu, screens ir pielikumā

Forums » uCoz sistēma » Vizuālie skripti » Materiālu izskats #5
  • Lappuse 1 no 1
  • 1
Meklēšana: