Izdomāju ielikt kādu skriptu
Šis skripts izskatās aptuveni šādi ---->
1. Novelkam bildes ---> ŠEIT!
2. Ieliekam bildes savā file manager.
3. Ejam uz Site News- Appearance of entries
4. Veco kodu aizstājam pret š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:11pt;" href="$ENTRY_URL$">$TITLE$</a></td>
<td class="title-right"></td>
</tr></tbody></table>
<div style="padding:3px 0px 3px 5px;">
<img src="/bildes/user.png" align="absmiddle"> Pievienoja: $USERNAME$
<img src="/bildes/views.png" align="absmiddle"> Lasījumi: $READS$
<img src="/bildes/date.png" align="absmiddle"> Pievienots: <span title="$TIME$">$DATE$</span>
<img src="/bildes/comments.png" align="absmiddle"> Komentāri: <b><?if($COMMENTS_URL$)?> <a href="$COMMENTS_URL$">$COMMENTS_NUM$</a><?endif?></b>
</div>
</div>
<div class="white-block" style="margin-bottom:3px;">
<div class="e-message">
<div class="screenshadow">
<div style="display:inline;"><div style="text-align: center;"><font size="3" style="font-size: 12pt; ">$MESSAGE$</font></div></div></div></div></div>
<div style="position:relative; height:30px;">
<div style="position:absolute; top:8px; left:8px;">
<img src="/bildes/category.png" align="absmiddle"> Kategorija: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div>
<a href="$ENTRY_URL$" style="float:right;" class="button"><span>Lasīt visu rakstu...»</span></a>
</div></div>
5. Ejam uz Design- Design Managament (CSS)
6. Pašā apakšā iekopējam šo
Code
.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;}
.ntitle_block {position:relative; background:url('/bildes/menu-bar.png') repeat-x; background-position:0px 34px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; margin-bottom:5px;}
table.news_title {padding:0px; margin:0px; height:38px; background:url('/bildes/maintitle.png') repeat-x center center #CB752F; -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('/bildes/cat_left.png') no-repeat left top;}
table.news_title td.title-right {padding:0px; margin:0px; width:4px; background:url('/bildes/cat_right.png') no-repeat right top;}
table.news_title td.title-content {color:#fff; text-shadow:0px 1px 3px #000; padding-left:2px;}
.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;}
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('/bildes/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('/bildes/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;}
.etitle {padding:6px 8px 6px 8px; background:url('/bildes/gtable.png') repeat-x center center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.etitle a:link, .etitle a:visited {font-size:9pt; color:#fff; text-shadow:0px 0px 5px #fff;}
.etitle a:hover, .etitle a:active {font-size:9pt; color:#fff; text-decoration:underline;}
.eDetails-top {padding:4px 0px 4px 0;text-align:left;font-size:8pt; border-bottom: 1px dotted rgb(169, 169, 169); margin-bottom:5px;}
.eDetails-bottom {padding:2px 3px 3px 3px;text-align:left;font-size:8pt; border-top: 1px solid #D8D8D8; background:#F5F5F5; height:28px;}
.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;}
a.button {display:block; float:left; padding:6px 9px 6px 9px; margin:2px; color:#fff; font-weight:bold; background:url('/bildes/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;}
Ja patika ieliec + reputācijā
Ja kas neiet droši jautājat! :)