|
   |
| 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 |
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
|
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
|
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> |
Multumesc frumos bigblog cu ajutorul tau am reusit
Siteul meu http://cartoons.ucoz.ro
|
| |||
| |||