Aspectul intrărilor
|
|
Stapanul | Data: Joi, 2012-06-21, 8:35 PM | Mesaj # 11 |
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Catalog de fişiere - [Aspectul intrărilor] - înlocuim codul de aici cu:
Code <table class="muzz_pleer_by_uwnd" width="100%" style="margin-bottom:20px;border-collapse:collapse;border:1px solid #cccccc;"> <tr> <td rowspan="2" width="40px" style="border:1px solid #cccccc;"><?if($IMG_URL1$)?><img width="40px" src="$IMG_URL1$" border="0" class="proig_img"><?else?><img width="40px" src="http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Muzica/fara_imagine.png" border="0" class="proig_img"><?endif?></td> <td colspan="2" style="padding:3px;"><a href="$ENTRY_URL$" style="text-decoration:none;"><font color="#82A5BF"><b>$TITLE$</b></font></a>$MODER_PANEL$</td> <td align="center" class="muzz_pleer_by_uwnd_categories"><a href="$CATEGORY_URL$" style="text-decoration:none;"><font style="color:#cccccc;text-shadow: 0px 1px 0px#ffffff;"><b>$CATEGORY_NAME$</b></font></a></td> </tr> <tr> <td width="130px" style="padding:2px;"> <object id="audioplayer271" type="application/x-shockwave-flash" data="http://fierbinte.ucoz.ro/swf/Player_muzica_intrare.swf" width="100" height="20"> <param name="bgcolor" value="#F8F8F8"/> <param name="allowScriptAccess" value="always"/> <param name="movie" value="http://fierbinte.ucoz.ro/swf/Player_muzica_intrare.swf"/> <param name="flashvars" value="st=http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Muzica/Pentru_player.txt&;comment=&m=audio&file=$RFILE_URL$"/></object> </td> <td align="left" style="color:#cccccc;font-size:10px;">Încărcat de: <b>$USERNAME$</b> | Descărcări: $LOADS$ </td> <td align="left" style="color:#cccccc;"> <span id="image1"><a class="tooltip_love" style="text-decoration:none;" href="javascript://" id="golike" onclick="<?if($LOG_FORM$)?>_uWnd.alert('Dvs nu puteţi vota piesa','Eroare',{w:270,h:60,t:8000});<?else?>$.get('/load/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('deja evaluat')>-1) _uWnd.alert('Deja aţi evaluat acest cântec!','Eroare',{w:270,h:60,t:8000}); else {_uWnd.alert('Aţi evaluat cu succes!','Succes',{w:270,h:60,t:8000})};});<?endif?>"><img src="http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Muzica/inima_logotip.png" border="0" width="15px"><span><font color="#d2d2d2" size="1">$RATED$</font><small></small></span></a></span> | <span id="image1"><a href="$ENTRY_URL$" class="tooltip_comments" style="text-decoration:none;"><img src="http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Muzica/casti_iconita.png" border="0" width="15px"><span><font color="#d2d2d2" size="1">$READS$</font><small></small></span></a></span> </td> </tr> <tr> <td colspan="4" style="padding:2px;border-top:1px solid #cccccc;background:#E8F1F7;color:#82A5BF;"><?if(len($MESSAGE$)>100)?><?substr($MESSAGE$,0,100)?>...<?else?>$MESSAGE$<?endif?></td> </tr> </table> <style type="text/css"> .muzz_pleer_by_uwnd_categories{width:100px;padding:2px;border:1px solid #cccccc;background:#f2f2f2;} .muzz_pleer_by_uwnd_categories:hover{background:#ffffff;} .muzz_pleer_by_uwnd{background:#ffffff;} .muzz_pleer_by_uwnd:hover{background:#f9f9f9;text-decoration:none;} </style> <style type="text/css"> #image1 a img { 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+*/ } #image1 a:hover img { filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; /* Mozilla 1.6 */ -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */ opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ filter: alpha(opacity=100); /* IE 5.5+ */ } </style>
Pasul 2: Panoul de Control - Catalog de fişiere - Setările modulului - şi bifăm exact ca în imagine. Aici veţi înţelege de ce ->> Apasă
Pomul se cunoaşte după roade, omul după fapte.
|
|
|
|
Stapanul | Data: Sâmbătă, 2012-06-23, 8:36 PM | Mesaj # 12 |
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Catalog de fişiere - [Aspectul intrărilor] - înlocuim codul de aici cu cel de mai jos.
Code <div class="block_content"> <div class="MusicBlock"> <table cellpadding="0" cellspacing="0" height="35" width="100%"> <tr> <td style="text-align: center;float: center;width:10%;" align="center"> <div align="center" class="screenshot"><a target="_blank" href="$SOURCE_URL$" title="$TITLE$"><?if($IMG_URL1$)?><img src="$IMG_URL1$" border="0" alt="" height="31" width="88"/><?else?><img src="http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Promovare/fara_ban.png" border="0" alt="" height="31" width="88"/><?endif?></a></div> </td> <td style="width:78%; padding-left:7px; padding-bottom:1px;"> <a target="_blank" href="$SOURCE_URL$" class="entryLink" title="Mergi spre sait!"> <font color="#36638e" style="font-size:11px;"> <b>$TITLE$</b> </font></a> <div style="font-size:9px; color:#8B8989;" align="left"> <a title="Data: $DATE$ <br> Adresa: $REDIRECTS$<br> Categoria: $CATEGORY_NAME$">Data: $DATE$ | Adresa: $RFILE_DIRECT_URL$ | Categoria: $CATEGORY_NAME$ <?if($MODER_PANEL$)?>| Moderare: $MODER_PANEL$ <?endif?></a> </div></td> <td style="width:12%;" align="center"> <div style="margin-right:5px;float: right;font-size:9px; color:#8B8989;"> <center> <?$RSTARS$('16','http://fierbinte.ucoz.ro/Forum/Aspect/Rating/7.png','1','float')?> <a title="Rating: $RATING$ <br>Voturi: $RATED$">Rating: $RATING$</a> </center></div></td></tr></table> </div> </div> </div>
Pasul 2: Panoul de Control - Catalog de fişiere - Setările modulului - şi bifaţi aceleaşi câmpuri ca în imagine. Iar când adăugaţi o intrare nouă, textul din acele câmpuri trebuie să fie astfel. Rezultatul.
Pomul se cunoaşte după roade, omul după fapte.
|
|
|
|
Stapanul | Data: Sâmbătă, 2012-06-23, 9:08 PM | Mesaj # 13 |
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Catalog de fişiere - [Aspectul intrărilor] - înlocuim tot codul cu:
Code <div style="padding:0px 4px;"> <div class="MusicBlock"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width:4%; border-right:1px solid #cccccc; padding-right:3px;" align="center"><img style="padding-top:1px;" src="http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Muzica/muzica_iconita.png" align="absmiddle" border="0"></td> <td style="width:76%; padding-left:7px; padding-bottom:1px; border-right:1px solid #cccccc;"><a href="$ENTRY_URL$" class="entryLink">$TITLE$</a>$MODER_PANEL$<div style="font-size:10px; color:#000000;" align="left">Data: $DATE$ | Categoria: $CATEGORY_NAME$</div></td> <td style="width:10%; border-right:1px solid #cccccc; font-size:11px; font-family:tahoma; color:#6d6d6d;" align="center">$LOADS$<div style="font-size:10px; color:#c0c0c0;" align="center">Descărcări</div></td> <td style="width:10%; font-size:11px; font-family:tahoma; color:#6d6d6d; padding-left:5px;" align="center">$RFILE_SIZE$<div style="font-size:10px; color:#c0c0c0;" align="center">Mărimea</div></td> </tr> </tbody></table> </div><div style="float:right;" class="MusicShadowR"> </div><div style="height:5px;"> </div> <div style="padding:1px;"></div> </div> <style> .MusicShadowR {background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Muzica/muzicuta.png') no-repeat right bottom; height:5px; width:115px; margin-right:2px;} .MusicBlock {border:1px solid #a8a8a8; padding:3px; background:#ececec; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} div.MusicBlock:hover {border:1px solid #a8a8a8; background:#f1f1f1;} </style> <div style="border:0px solid #cccccc;"> <div id="$ID$"> </div></div>
Pasul 2: Panoul de Control - Catalog de fişiere - Setările modulului - setăm ca pe imagine. Mai departe, probabil o să vă descurcaţi şi singuri.
Pomul se cunoaşte după roade, omul după fapte.
|
|
|
|
Stapanul | Data: Vineri, 2012-06-29, 1:35 PM | Mesaj # 14 |
|
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Ştirile site-ului [Aspectul intrărilor] - înlocuiţi codul de aici cu cel de mai jos.
Code <style> /* Aspectul intrărilor */ .fon_table {font-size:12pt; background: url(http://fierbinte.ucoz.ro/design_pbf/Forum/bg_top.png) repeat scroll 0% 0% transparent; border:1px solid #cccccc; padding-top:4px;padding-bottom:4px;padding-left:2px; }
.title {color:#b42828; text-shadow:1px 1px 0px #fff; font-size:16px;font-weight:bold;text-decoration:none;} .title a {color:#b42828; text-shadow:1px 1px 0px #fff; font-size:16px;font-weight:bold;text-decoration:none;} .title a:hover {color:#b42828; text-shadow:1px 1px 0px #fff; font-size:16px;font-weight:bold;text-decoration:underline;}
.poster {background: #fafafa; border:1px solid #cccccc;padding:4px;} .cont {background: #fafafa; border:1px solid #cccccc;padding:4px;text-shadow:1px 1px 0px #fff;}
.det {background: #fafafa; border:1px solid #cccccc;padding:4px;text-shadow:1px 1px 0px #fff; color:#777777; font-size:13px;} /* Aspectul intrărilor */ </style>
<table class="fon_table" > <tr> <td height="28" colspan="2" class="title"> <a href="$ENTRY_URL$">$TITLE$ </a>$MODER_PANEL$
</td>
</tr>
<tr>
<td width="175" height="250" class="poster"> <img src="$OTHER1$" width="175" height="250"> </td>
<td valign="top" class="cont"> $MESSAGE$ </td>
</tr>
<tr> <td colspan="2" class="det"> Vizualizări: $READS$ | Comentarii: $COMMENTS_NUM$
</td>
</tr> </table>
* Pentru a schimba culoarea fundalului, schimbaţi adresa imaginii din cod.
Pomul se cunoaşte după roade, omul după fapte.
|
|
|
|
Stapanul | Data: Marţi, 2012-07-03, 11:40 AM | Mesaj # 15 |
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Ştirile site-ului [Aspectul intrărilor] - înlocuiţi codul de aici cu cel de mai jos.
Code <div class="shortmovies"> <div class="shortinner"> <div class="clear"></div>
<div class="leftpane"> <div class="movieposter" title="Priveşte filmul $TITLE$"> <img src="$OTHER1$" width="110" height="150" alt="Vezi filmul $TITLE$" title="Vezi filmul $TITLE$" />
<div class="shortname">$TITLE$</div> </div> </div>
<div class="rightpane"> <div style="display:block;overflow:hidden;"> <h2 class="title" title="$TITLE$"><a href="$ENTRY_URL$">$TITLE$</a><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></h2>
<div style="height:105px; overflow:hidden;"> <div class="small"> <div class="cats" title="Categoria">$CATEGORY_NAME$</div> <div class="year" title="Regia">$OTHER2$</div> <div class="actor" title="Actori">$OTHER4$</div> <div class="country" title="Premieră în România">$OTHER3$</div> <div class="imdb" title="Vezi mai multe pe Cinemagia.ro"><a href="$OTHER5$" target="_blank" title="$TITLE$">Pagina oficială Cinemagia</a></div> </div> </div> <div class="clear" style="height:2px;"></div> <div style="float:right">
<a href="$OTHER5$" target="_blank"><span class="shortlinks">Vezi trailerul</span></a> <a href="$ENTRY_URL$"><span class="shortlinksfull">Vezi filmul</span></a> </div> <div class="clear"></div>
</div> </div>
<div class="clear"></div> </div> </div>
Pasul 2: Panoul de Control - Unelte - Manager de fişiere - creaţi un Dosar nou cu numele css. Descărcaţi arhiva şi încărcaţi fişierul din ea în dosarul creat.
Pasul 3: Panoul de Control - Design - Administrarea design-ului (CSS) - aici adăugaţi stilul:
Code /* Stilurile aspectului filmelor */ .shortmovies {width:48%; margin:3px; display:block; float:left;padding:3px;position:relative; background: #444;background: rgba(0,0,0,.5); -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;} .shortmovies .shortinner {margin:3px; padding:4px 4px 4px 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; background: #dfdfdf;background: -moz-linear-gradient(#f5f5f5, #dfdfdf); background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf)); background: -webkit-linear-gradient(#f5f5f5, #dfdfdf);background: -o-linear-gradient(#f5f5f5, #dfdfdf); background: -ms-linear-gradient(#f5f5f5, #dfdfdf);background: linear-gradient(#f5f5f5, #dfdfdf);} .shortmovies .shortinner:hover, .shortmovies .shortinner:focus {background:#eef0fd url(http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/1.gif) repeat-x 0 100%;}
.leftpane {float: left;width: 160px;padding: 0px;position:relative} .rightpane {margin: 0 0 0 160px;zoom: 100%;padding: 0;} .movieposter {width:130px; height:149px; padding:5px 5px 5px 25px !important;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/2.png) no-repeat 0 0} .shortmovies .shortinner .movieposter .shortname {position:absolute;bottom:4px;left:25px;background:#165387; opacity:0.8;width:100px;padding:2px 5px;color:#fff;text-align:center;font-size:11px;display:none} .shortmovies .shortinner:hover .movieposter .shortname {display:block} .shortmovies h2.title{ background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/3.png) no-repeat 0 4px; letter-spacing: -0.05px;position: relative;margin: 0;padding:0 0 0 20px;font-size: 16px; color: #000;font-weight: bold;font-family: "Arial narrow", Arial, Helvetica, sans-serif;text-transform: uppercase;display:block;white-space:nowrap} .small {font:normal 11px Tahoma, Geneva, sans-serif}
/* Detalii filme */
.year, .release {background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/3.png) no-repeat 0 -40px;padding:2px 0 2px 20px} .country {background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/3.png) no-repeat 0 -67px;padding:2px 0 2px 20px} .size {background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/3.png) no-repeat 0 -97px;padding:2px 0 2px 20px} .director, .comments {background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/3.png) no-repeat 0 -124px;padding:2px 0 2px 20px} .imdb {background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/3.png) no-repeat 0 -152px;padding:2px 0 2px 20px} .actor {background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/3.png) no-repeat 0 -180px;padding:2px 0 2px 20px} .cats {background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/3.png) no-repeat 0 -285px;padding:2px 0 2px 20px}
/******** Butoanele trailer-film *****/ .shortlinks {background:url("http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/4.png") no-repeat 0 0;margin:0 3px 0 0;padding:0;text-indent:-99999px;width:140px; height:30px;display:inline-block; cursor:pointer} .shortlinksfull {background:url("http://fierbinte.ucoz.ro/Forum/Aspect/Intrarilor/Filmarie/4.png") no-repeat 0 -30px;margin:0;padding:0;text-indent:-99999px;width:120px; height:30px;display:inline-block;}
Pasul 4: Panoul de Control - Ştirile site-ului - Setările modulului - bifăm aceleaşi câmpuri ca şi pe imagine.
Pasul 5: Panoul de Control - Setări - Înlocuirea frazelor standard - Formular pentru adăugarea de intrări noi la modulul "Ştiri site" - facem aceleaşi modificări ca pe imagine
* La adăugare unei intrări noi, în câmpurile care anterior le-am bifat, adăugaţi informaţia ca în acest exemplu.
Pomul se cunoaşte după roade, omul după fapte.
|
|
|
|