|
   |
| Comunitatea uCoz » Configurări ale sistemului uCoz » Configurarea design-ului » problema design aspect intrari in catalog fisier (imagine hover si link) |
| problema design aspect intrari in catalog fisier |
Salut! am o mica problema cu design-ul si nu ma prea descurc cu php-ul sau ce limbaj o fi asta...
acesta este codul meu de la aspectul intrarii la modului Catalog Fisiere: Cod <table style="width:210px;height:130px;border:1px dotted gray; margin:5px; background-color:#C0C0C0;" cellpadding="0" cellspacing="0" width="30%" align="left" > <tr> <td style="padding:3px;"> <center> <a href="$ENTRY_URL$"><img title="$TITLE$" src="$IMG_URL1$" border="0" width="150" height="111"></a> </center> <br> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?> <a href="$ENTRY_URL$">$TITLE$</a> <br> Views $READS$ | Rating: $RATING$ </td> </tr> </table> pe site-ul meu pun anime video cu embed... vreau sa modific acest cod astfel incat imaginea la intrari sa fie transparenta iar la hover(trecerea cursorului peste imagine) sa fie normala, de asemenea as dorii sa modific putin si textul link-ului afisat sub imagine astfel incat la hover sa nu mai fie underline si sa aiba culoarea verde... multumesc anticipat! |
1. da da php-ul" asta e foarte complicat
 vrei ca toate link-urile sa fie verzi sau doar repectivul ?! |
incearca asta:
creezi in CSS o clasa noua Cod .playh { width: 125px; height: 80px; } .playh a { text-decoration: none; display:block; } .playh a img { border: solid 1px #ccc; padding: 1px;} ii mai adaugi urmatoarele pt a aparea butonul play cand ai mouseul peste Cod .playh a span.play { display:none; background: url('[color=red]link imagine cu buton play hover[/color]') center center no-repeat; margin: -80px 10px 0 0; height: 80px; position: relative; z-index: 100; opacity: 0.8; filter: alpha(opacity=80); } .playh a:hover span.play { display:block; } iar in aspect in loc de: Cod <a href="$ENTRY_URL$"><img title="$TITLE$" src="$IMG_URL1$" border="0" width="150" height="111"></a> pui: Cod <div class="playh"> <a href="$ENTRY_URL$" title="$TITLE$"> <img src="$IMG_URL1$"> <span class="play"></span> </a> </div> |
nu stiu ce sa zic despre asta. probabil nu ai inteles ce vreau sa fac pentru ca nu prea functioneaza.
in primul rand daca nu mai pun height si width la imagine o arata la dimensiunea ei originala, si hover-ul nu functioneaza. iar la faza cu textul doar il inrautatesc cu aia. adica eu vreau la hover sa fie verde. si nu nu vreau sa fie verzi toate link-urile. vreau doar link-urile de la catalogul de fisiere... Evollution nu e vorba doar ca php-ul e complicat, dar am abea 16 ani si nu am de unde sa invat. totusi am priceput ceva, si multi spun ca termenii limbajului seamana mult cu ceii de la c++. ma rog eu fac Pascal la scoala si php voi face abea in clasa a XII-a. In schimb m-am descurcat destul de bine cu html-ul si css-ul invatandu-le de unul singur... inca nu ma prea descurc la combinarea php-ului cu html si respectiv css. adica ma refer in general la codurile acelea de genul $IMG_URL$, $TITLE$ p.s.: vina mea... am incurcat conturile. Material modificat de Naruto(admin) - Miercuri, 13/02/2013, 5:51 PM
|
admin9894, http://maxrom.net/forum/16-169-1 stilizezi stilul:
Cod strev:hover...... iar in aspect la imagine adaugi Cod class='strev'   |
ok, am reusit sa modific link-urile. voi incerca si la imagini acum...
Adăugat (24/02/2013, 11:33 AM) --------------------------------------------- nu functioneaza la imagine... adica o pot face transparenta dar nu pot sa o fac sa fie transparenta doar la hover sau invers... asta-i clasa pe care am facut-o in css. Cod .ifimg{opacity:1.0; filter:alpha(opacity=100); } ifimg:hover{ opacity:0.4; filter:alpha(opacity=40); } Material modificat de admin9894 - Duminică, 24/02/2013, 1:35 PM
|
normal ca le-am sters daca nu functionau. pentru ce le-as tine acolo. class-urile de la imagine le-am sters pentru ca nu functionau dar erau puse asa cum am scris mai sus.
acum le-am pus inapoi. Material modificat de admin9894 - Duminică, 24/02/2013, 8:30 PM
|
Ce ai pus in CSS schimbi cu:
Cod a.ifimg:hover { filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; /* Mozilla 1.6 */ -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ filter: alpha(opacity=50); /* IE 5.5+*/ } |
Salut, as vrea si eu aspectul intrarilor de la director de fisiere sa fie asemanator cu a lui admin9894 de pe siteul lui http://animesage.ucoz.ro/ , adica acele thumb-uri cu imagini ... acesta este codul meu de la aspectul intrarii la modului director de fisiere
Cod <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;"> <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div> <?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?><div class="eDetails" style="clear:both;"> <?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?> <?if($CATEGORY_NAME$)?><a class="e-category" href="$CATEGORY_URL$">$CATEGORY_NAME$</a><span class="ed-sep"> | </span><?endif?> <span class="e-reads"><span class="ed-title">Vizualizări:</span> <span class="ed-value">$READS$</span></span><span class="ed-sep"> | </span> <span class="e-loads"><span class="ed-title">Descărcări:</span> <span class="ed-value">$LOADS$</span></span><span class="ed-sep"> | </span> <?if($USERNAME$)?><span class="e-author"><span class="ed-title">Adăugat de:</span> <span class="ed-value"><a href="$PROFILE_URL$">$USERNAME$</a></span></span><span class="ed-sep"> | </span><?endif?> <span class="e-date"><span class="ed-title">Data:</span> <span class="ed-value" title="$TIME$">$DATE$</span></span> <?if($COMMENTS_URL$)?><span class="ed-sep"> | </span><a class="e-comments" href="$COMMENTS_URL$">Comentarii ($COMMENTS_NUM$)</a><?endif?> </div></td></tr></table><br /> folosesc sablonul 805 , si nu imi arata postarile cu thumb-uri ... se poate modifica aspectul intrarilor de la sablonul meu si sa fie asematator cu al lui admin9894 de pe siteul http://animesage.ucoz.ro/ ? Siteul meu http://cartoons.ucoz.ro
|
| |||
| |||