• Pagina 1 din 1
  • 1
Comunitatea uCoz » Configurări ale sistemului uCoz » Editorul de pagini » La hoverul peste imaginea postarii sa apara un buton play (La hoverul peste imaginea postarii sa apara un buton play)
La hoverul peste imaginea postarii sa apara un buton play
Fenomenul-thephenom
Postări: 52
Reputație: 1
Mesaj # 1 | 5:15 PM
Sall vă mai deranjez cu un ultim lucru, aş dorii ca la trecerea cursorului peste imaginea postarii să apară acest buton de play http://i.imgur.com/zUdmtmL.png .... acesta e codul meu din aspectul intrarii ... dacă nu aţi înteles ceva sau mai doriţi vreo informatie să îmi spuneţi.
Cod
<div class="viewn_loop">
<h4 class="viewn_title"><a href="$ENTRY_URL$">$TITLE$</a></h4>
<div class="viewn_cont">
<div class="viewn_detail">
<div class="viewn_date"><span>$DATE$, $TIME$</span></div>
Categoria: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>
</div>
<noindex><div class="viewn_pict"><span><a href="$ENTRY_URL$"><img title="$TITLE$" src="$IMG_URL1$" width="198" border="0" width="170" height="111"></a></span></div></noindex>
<div class="viewn_text">
<div id="news-id-293" style="display:inline;">

<a href="$ENTRY_URL$">Mai mult...</a>$MESSAGE$
</div>
</div>
</div>
<div class="viewn_bottom">

<div class="viewn_link"><a href="$ENTRY_URL$">Detalii</a></div>
Comentarii <b>($COMMENTS_NUM$)</b> Vizualizari: <b>$READS$</b> Adaugat de: <b><a href="$PROFILE_URL$">$USERNAME$</a></b>
</div>
  </div>

Siteul meu http://cartoons.ucoz.ro
bigblog
Postări: 766
Reputație: 41
Mesaj # 2 | 9:11 PM
Fenomenul-thephenom, te rog, trimite un link exact unde apare acest buton, căci eu am căutat prin tot site-ul, dar nu am găsit nicăieri astfel de buton. Eventual, trimite şi un screenshot, unde marchezi poziţia acestuia.
Fenomenul-thephenom
Postări: 52
Reputație: 1
Mesaj # 3 | 11:04 AM
Salut bigblog , am gresit eu termenul de buton play .... practic e o simpla imagine cu play in format .png transparent (http://cartoons.ucoz.ro/Phenom/hjgzjhjhgjhj.png) si aceasta imagine de play vreau să apară peste imaginile postarii la trecerea curosrului peste ele. voi face o editare in photoshop c-am cum vreau să apara . (http://i.imgur.com/p9qOxSs.png)
Siteul meu http://cartoons.ucoz.ro
bigblog
Postări: 766
Reputație: 41
Mesaj # 4 | 8:13 PM
Fenomenul-thephenom, în CSS adaugi:

Cod
.viewn_pict span .playgomb_overlay {position:relative;}
.viewn_pict span .playgomb_overlay .playgomb {position:absolute;top:0;left:0;right:0;bottom:0;background:url('http://cartoons.ucoz.ro/Phenom/hjgzjhjhgjhj.png') center center;opacity:0;}
.viewn_pict span div:hover .playgomb {opacity:1;}


Iar noul cod pentru aspectul intrării va fi:

Cod
<div class="viewn_loop">  
<h4 class="viewn_title"><a href="$ENTRY_URL$">$TITLE$</a></h4>  
<div class="viewn_cont">  
<div class="viewn_detail">  
<div class="viewn_date"><span>$DATE$, $TIME$</span></div>  
Categoria: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>  
</div>  
     <noindex><div class="viewn_pict"><span><div class="playgomb_overlay"><a href="$ENTRY_URL$"><div class="playgomb"></div></a><a href="$ENTRY_URL$"><img title="$TITLE$" src="$IMG_URL1$" width="198" border="0" width="170" height="111" /></a></div></span></div></noindex>  
<div class="viewn_text">  
<div id="news-id-293" style="display:inline;">  

<a href="$ENTRY_URL$">Mai mult...</a>$MESSAGE$  
</div>  
</div>  
</div>  
<div class="viewn_bottom">  

<div class="viewn_link"><a href="$ENTRY_URL$">Detalii</a></div>  
Comentarii <b>($COMMENTS_NUM$)</b> Vizualizari: <b>$READS$</b> Adaugat de: <b><a href="$PROFILE_URL$">$USERNAME$</a></b>  
</div>  
   </div>
Fenomenul-thephenom
Postări: 52
Reputație: 1
Mesaj # 5 | 9:38 PM
Multumesc frumos bigblog cu ajutorul tau am reusit happy
Siteul meu http://cartoons.ucoz.ro
Comunitatea uCoz » Configurări ale sistemului uCoz » Editorul de pagini » La hoverul peste imaginea postarii sa apara un buton play (La hoverul peste imaginea postarii sa apara un buton play)
  • Pagina 1 din 1
  • 1
Căutare: