|
   |
| Comunitatea uCoz Configurări ale sistemului uCoz Configurarea design-ului Aspect intrarii modificare (site anime) |
| Aspect intrarii modificare |
Salut! Acesta este codul meu din Aspectul Intrarii la modulul File Catalog:
Cod <table style="width:200px;height:130px;" cellpadding="0" cellspacing="0" width="30%" align="left" > <tr> <td style="padding:20px"> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?> <center><a href="$ENTRY_URL$"><img title="$TITLE$" class="ifimg" id="imgpro" src="$IMG_URL1$" border="0" width="175" height="125"></a> </center> <a href="$ENTRY_URL$" class="strev">$TITLE$</a><br> Vizualizari: $READS$ | Comentari: $COMMENTS_NUM$ </td> </tr> </table> vreau sa modific astfel incat imaginea si link-ul sa fie pozitionate ca in imaginea de mai jos:  comentariile de asemenea vreau sa-mi apara ca in printscreen-ul de mai sus, adica peste imagine. nu mai am nevoie de Cod Vizualizari:$READS$ partea cu link-ul am incercat eu cu 2 td-uri sau colspan dar nu am reusit sa-l pun asa aproape de imagine. eu presupun ca e nevoie de un text wrap sau ceva de genul si nu stiu cum se face... butonul cu 'Vizualizare' de asemenea nu este necesar... rezolv eu acolo. la fel si cu data intrari. Adăugat (28/02/2013, 9:29 PM) Material modificat de admin9894 - Miercuri, 27/02/2013, 10:06 PM
|
da mai este. inca nu am reusit sa pun comentariile asa peste imagine... ma poti ajuta?
Adăugat (09/03/2013, 3:09 PM) |
admin9894, poti adauga codul de mai jos direct in Panoul de Control -> Modulul (de ex: Stiri, Video ....) - Aspectul intrarilor
<style>.ve-screen { position: relative; height: 157.5px; width:210px; margin: 5px 0; border-radius: 10px; vertical-align: middle; background-repeat: no-repeat; background-position: center center; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .ve-screen a {display:block;width:210px;height: 160px;} .ve-screen img { vertical-align: middle; border: 0; border-radius: 10px; } .ve-length { position: absolute; bottom: 50px; right: 10px; padding: 0 5px; background: #000; background: green; font: bold 12px/16px 'Arial'; color: #fff; border-radius: 3px; }</style> <div class="v-entry"> <div class="ve-screen" title="$TITLE$" style="float: left; margin: 3px 5px 3px 0px;padding: 1px;background-image: url(http://lu-art.ucoz.com/220x90.png);"><a href="$ENTRY_URL$"></a><div class="ve-length">$COMMENTS_NUM$</div></div> <p style="text-align: justify;padding: 0px;margin:0px;">$MESSAGE$</p> <br> <div style="text-align:right;"><a href="$ENTRY_URL$">$TITLE$</a></div> Good things come to those who wait!
|
tu n-ai inteles deloc ce am vrut sa spun. am mai zis si ca am rezolvat problemele, mai trebuie sa rezolv doar comentariile peste imagine...
|
pai am pus codurile alea pe care mi le-ai dat tu si in loc de imaginile normale imi pune niste imagini ciudate de la ucoz, ceva bannere si nu-mi pune nici comentariile cum trebuie. vreau doar sa pun comentariile peste imagine in partea dreapta putin mai jos de jumatate asa cum e in imaginea de mai sus si sa aiba un background verde s-au albastru. am facut deja si casuta pentru comentarii dar nu stiu cum sa o pun peste imagine...
am modificat putin aspectul intrarilor: Cod <table style="width:800px;height:95px;" cellpadding="0" cellspacing="0" width="30%" align="left"> <tbody><tr> <td width="35%" style="padding-bottom:0px; padding-top:0;"><center> <a href="$ENTRY_URL$"><img title="$TITLE$" class="ifimg" id="imgpro" src="$IMG_URL1$" border="0" width="170" height="90"></a><br> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?> </center> </td> <td width="65%"> <a href="$ENTRY_URL$" class="strev"></a><div style="padding: 0px 2px 15px 0px; margin: 0px 2px 15px 0px; width: 500px; height: 130px;"><a href="$ENTRY_URL$" class="strev"></a><div style="padding: 0px 2px 15px 0px; margin: 0px 2px 15px 0px; width: 500px; height: 130px;"><a href="$ENTRY_URL$" class="strev"></a><div style="padding-top: 5px;"><br></div><div style="padding-top: 5px;"><a href="$ENTRY_URL$" class="strev" style="margin-top: 1px;">$TITLE$</a></div><div style="padding-top: 5px;"><span style="font-size: x-small;">Postat $WDAY$ $DATE$</span></div><div style="padding-top: 5px;"><span style="font-family: Tahoma; font-size: 11px; background-color: rgb(255, 255, 255);"> <font color="white" style="background-color:#0099FF;" class="comentariu" size="-1"> <img src="http://img706.imageshack.us/img706/2784/1364862590comment.png" width="12" height="10"> $COMMENTS_NUM$ </font> </span></div><div style="padding-top: 5px;">$TITLE$ in romana.</div><div style="padding-top: 5px;"><div style="padding-top: 5px;"><br><br><a href="$ENTRY_URL$" class="strev"></a></div></div><div style="padding-top: 1px;"><div style="padding-top: 5px;"><div style="padding-top: 5px;"><a href="$ENTRY_URL$" class="strev"></a></div></div></div><div style=""><div style="padding-top: 1px;"><div style="padding-top: 1px;"><div style="padding-top: 6px;"> </div></div></div></div><div style="padding-top: 1px;"><div style="padding-top: 1px;"><div style="padding-top: 6px;"> </div></div></div></div></div> </td> </tr> </tbody></table> si am mai adaugat asta in css: Cod .comentariu{ padding-top:2px; padding-bottom:2px; padding-right:12px; padding-left:12px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:-1px -1px -1px #a4a4a4; -moz-box-shadow:-1px -1px -1px #a4a4a4; box-shadow:-1px -1px -1px #a4a4a4;} ca sa fac cutia aia de la comentariu dar nu am reusit sa o pun peste imagine... am incercat deja cu Cod position:absolute; top:... left... Material modificat de admin9894 - Luni, 01/04/2013, 11:40 PM
|
site-ul ala nu e al meu, deci nu vad ce rost are sa dau link-ul. era facut cu wordpress dar acum nu mai exista. dar tema acelui site, in schimb am gasit-o...
am facut print screen ca sa va arat cum vreau sa fac sa-mi apara mie intrarile. dar am reusit eu sa fac aproape totul, doar comentariile daca imi poti spune cum sa le pun peste imagine... Material modificat de admin9894 - Joi, 04/04/2013, 0:20 AM
|
| |||
| |||