Lappuse 1 no 11
Forums » uCoz sistēma » Vizuālie skripti » Materiālu izskats #7
Materiālu izskats #7
Spanky
Datums: Piektdiena, 01.02.2013, 19:13 | Ziņa # 1
Grupa: Administrators
Foruma posti: 550
Reputācija: 88


* Failu menedžerī izveidojam jaunu mapi ar nosaukumu "images" un ielādējam pielikumā pievienotās bildes!
* Dodamies: CP -> Customize design -> $MODULE_NAME$ -> Appearance of entries -> kur veco kodu aizstājam ar šo:
Code
<style>
/* style news */   
.clear {   
   clear:both;   
}   
.news {   
   width:auto;   
   position:relative;   
   margin-bottom:20px;   
   padding:15px;   
   background:#fff;   
   border:1px solid #d3d3d3;   
   font-family:helvetica, arial, sans-serif;   
}   
.news_l {   
   padding-right:145px;   
   min-height:150px;   
}   
.news_r {   
   width:140px;   
   height:100%;   
   background:#f4f4f4;   
   position:absolute;   
   top:0;   
   right:0;   
   text-align:center;   
}   
.news h2 {   
   margin:0;   
   background:url(/images/stripe.png) 0px 7px repeat;   
   height:20px;   
   overflow:hidden;   
   margin:10px 0 15px 0;   
   position:relative;   
}   
.news h2 a {   
   background:#fff;   
   padding:2px 10px 2px 0;   
   text-decoration:none;   
   color:#89a0af;
   font-size:16px;   
}   
.news h2 span a {   
   padding-right:0;   
}   
.img_news {   
   float:left;   
   display:inline-block;   
   margin:0 14px 5px 0;   
   padding:5px;   
   background:#EDF1F2;   
   border:1px solid #DDE1E2;   
}   
.img_news img {   
   width:120px;   
   border:1px solid #DDE1E2;   
}   
.message {   
   padding:0 0 10px 0;   
   margin:0;   
   font-size:12px;   
   line-height:19px;   
   text-align:justify;   
}   
.news_r .date {   
   display:inline-block;   
   position:relative;   
   font-size:13px;   
   padding:7px 10px 4px 10px;   
   margin:18px 0 -5px 0;   
   background:#6099bf;  
   border:1px solid #fff;   
   color:#fff;   
   text-align:center;   
}   
.news_r ul {   
   list-style:none;   
   margin:0;   
   padding:0;   
   text-align:left;   
   width:100px;   
   margin:18px auto 0 auto;   
   font-size:12px;   
}   
.news_r ul li {   
   padding:3px 0 3px 5px;   
   border-bottom:1px dotted #BEBEBE;   
}   
.news_r ul li img {   
   margin-right:10px;   
   position:relative;   
   top:4px;   
}   
.news_r ul li a, .news_r ul li span {   
   color:#707070;   
   text-decoration:none;   
} </style>

<div class="news">   
<div class="news_l">   
   <h2>$MODER_PANEL$ <a href="$ENTRY_URL$">$TITLE$</a></h2>   
   <?if($IMG_URL1$)?><div class="img_news">   
   <img src="$IMG_URL1$" width="100" alt="$TITLE$"/>   
   </div><?endif?>   
   <p class="message"><?if($MESSAGE$)?>$MESSAGE$<?else?><?endif?></p>   
   <div class="clear"></div>   
</div>   
<div class="news_r">   
<div class="date" title="$WDAY$ в $TIME$">$DATE$</div>   
<ul>   
   <li><img src="/images/user.png" alt=""/><a href="$PROFILE_URL$" title="Materiālu pievienoja">$USERNAME$</a></li>   
   <?if($CATEGORY_NAME$)?><li><img src="/images/cat.png" alt=""/><a href="$CATEGORY_URL$" title="Kategorija">$CATEGORY_NAME$</a></li><?endif?>   
   <li><img src="/images/comm.png" alt=""/><a href="$COMMENTS_URL$" title="Komentāri">$COMMENTS_NUM$</a></li>   
   <li><img src="/images/eye.png" alt=""/><span title="Skatījumi">$READS$</span></li>   
</ul>   
</div>   
</div><!--/news-->



Pielikumi: 7611668.png(85Kb) · images.rar(7Kb)
Spenky
Datums: Piektdiena, 01.02.2013, 20:20 | Ziņa # 2
Grupa: Lietotājs
Foruma posti: 255
Reputācija: 33
Nedaudz pielabojot sanāktu ļoti seksīgs biggrin


Ziņu rediģēja - Spenky - Piektdiena, 01.02.2013, 20:20
Forums » uCoz sistēma » Vizuālie skripti » Materiālu izskats #7
Lappuse 1 no 11
Meklēšana: