   |
| Comunitatea uCoz Altele Instrumente şi Script-uri Informer materiale |
| Informer materiale |
Instalare :
Cp (control panel ) --> informers --> create informer --> Informer name: Nume Section: File catalog Data type: Entries Sorting mode: Entry date D Number of entries: 20 Number of columns: 1 Dam creare informer si schimbam tot continutul cu : Code <div class="rndEntry"> <a href="$ENTRY_URL$" title="$TITLE$"class="rnllink">$TITLE$</a> <div class="lBlDv"><div class="blDcat TheCatbl">Categoria:</div> <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div></div> <style type="text/css"> .rndEntry {border: 1px solid #e4e4e4; padding: 4px 6px; margin: 3px 0px; background: #fdfdfd;} .rndEntryHover {border: 1px solid #549fc2; background: #f5ffeb;} .anotherRndEntr {border: 1px solid #e4dbdb; text-align: center; cursor: pointer; padding: 4px;} a.rnllink{background: url(http://s39.ucoz.net/.s/img/icon/pu.png) no-repeat; height: 16px; padding: 2px 2px 2px 18px;} .blDcat {clear:left;float:left;width:100px; padding: 2px 2px 2px 18px; height: 16px; color: #6b6b6b;} .TheCatbl {background: url(http://s39.ucoz.net/.s/img/icon/bd.png) no-repeat;} </style> Creati un block nou unde puneti codul urmator : Code $MYINF_1$ <script type="text/javascript" src="http://webo4ka.ru/Ucoz4/podgruzka_materialov_afterbody.js"></script> <div class="anotherRndEntr" onclick="anotherRndEntr();">Ascunde/Arata</div> $MYINF_1$- schimbati cu informerul dumneavostra Rezultat : 
 |
As dori si eu informerul acesta cu "ultimele comentarii" pentru site-ul meu,ma poate ajuta cineva?
(am incercat sa-l iau din sursa paginii dar nu imi merge) http://udesign.do.am/load/ucoz_zone/dominion_tradusa/2-1-0-2 |
Imi placea acela de pe site-ul zis de mine
|
Mir3LLuTzZa, uite aici informerul:
Code <table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="border-width: 1px; border-style: dashed; border-color: rgb(30, 144, 255); letter-spacing: 0pt; word-spacing: 0pt;"> <div class="osninf"><div class="inftitl"></div><a href="/index/8-19"><b>$USERNAME$ a spus :</b></a><hr> <div class="infmes"><img src="http://filmsbaze.ucoz.net/KomentaruLogo.png"> <a href="$ENTRY_URL$">$MESSAGE$</a></div></div><br></td></tr></tbody></table> |
Mersi frumos! >:D<
|
Cum as putea sa-mi fac cate un "informer" cu imagine (la fiecare articol) pentru fiecare sectiune care o am pe site si sa mi le pun pe prima pagina ca pe acest site?? :
http://www.radiohitfm.ro/Acasa |
Inainte de a incepe te rog sa imi confirmi daca am inteles exact ceea ce doresti, adica ceea ce este in aceasta imagine nu?
 asta doresti tu? Atașamente:
5681157.jpg
(238.3 Kb)
|
Mirella, Creezi un informer cu urmatoarele setari , vezi poza:
 apoi introduci in css acest cod Code .nsp { position: relative; } .nspMain { overflow:hidden; } .nspBotInterface, .nspTopInterface { overflow:hidden; margin:5px 0; clear: both; } .nspBotInterface div, .nspTopInterface div { float:right; } /* Interface - for different looking Top and Bottom interface use the following classes: .nspTopInterface and .nspBotInterface (e.g.: .nspTopInterface .nspPagination li ...) */ .nspPagination { list-style-type:none !important; margin:3px 0 0 !important; padding:0 !important; float:left; } .nspPagination li { float:left; width: 8px; height: 8px; margin: 0 4px 0 0 !important; background: url('../images/interface.png') no-repeat 50% 0; text-indent:-999em; cursor:pointer; } .nspPagination li:hover, .nspPagination li.active { background-position: 50% -8px; } .nspNext, .nspPrev { float:left; width: 14px; height: 14px; margin:0 0 0 4px; background: url('../images/interface.png') no-repeat 0 -16px; text-indent:-999em; cursor:pointer; } .nspPrev { background-position: 0 -44px } .nspNext:hover, .nspPrev:hover { background-position: 0 -30px } .nspPrev:hover { background-position: 0 -58px } .nspCounter { float:left; margin:0 0 0 8px; padding:1px 4px; border: 1px solid #ddd; border-radius:2px 2px; -moz-border-radius:2px 2px; -webkit-border-radius:2px 2px; color: #878787; font-size:9px;cursor:pointer; } .nspCounter span { } .nspBotInterface .nspCounter strong, .nspTopInterface .nspCounter strong { } .nspArts { overflow:hidden; } .nspArtPage { float: left; } .nspArt { float:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .nspArt div { overflow: hidden; } .nspArt h4.nspHeader { } .nspArt h4.nspHeader a { text-decoration: none } .nspArt h4.nspHeader a:hover { } .nspArt img.nspImage { border: none } .nspArt p.nspText { float:none; } .nspArt p.nspText a { } .nspArt p.nspText a:hover { } .nspArt p.nspInfo { font-size:90% } .nspArt p.nspInfo a { } .nspArt p.nspInfo a:hover { } .nspArt .tleft { text-align:left; } .nspArt .tright { text-align:right; } .nspArt .tcenter { text-align:center; } .nspArt .tjustify { text-align:justify; } .nspArt .fleft { float:left; } .nspArt .fright { float:right; } .nspArt .fnone { clear:both; width:100%; float:none; } .readon.left, .readon.right, .readon.center { clear:both; } .readon.left { float:left; } .readon.right { float:right; } .readon.center { display:inline; float:none; } .nspAvatar { } .nspLinks { } .nspList { float: left; } .nspLinks ul { padding:0 !important; list-style-type:none !important; } .nspLinks ul li { margin: 0 30px 0 0 !important } .nspLinks ul li:hover { } .nspLinks ul li h4 { } .nspLinks ul li h4 a { text-decoration: none } .nspLinks ul li h4 a:hover { } .nspLinks ul li p { } /* positioning */ .nspArts.left { float:right; } .nspLinksWrap.left { float:left; } .nspArts.right { float:left; } .nspLinksWrap.right { float:right; } /* make element unvisible */ .nspMain .unvisible { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; } /* font-size classes */ .nspFs80 { font-size:80%; } .nspFs90 { font-size:90%; } .nspFs100 { font-size:100%; } .nspFs110 { font-size:110%; } .nspFs120 { font-size:120%; } .nspFs130 { font-size:130%; } .nspFs140 { font-size:140%; } .nspFs150 { font-size:150%; } .nspFs160 { font-size:160%; } .nspFs170 { font-size:170%; } .nspFs180 { font-size:180%; } .nspFs190 { font-size:190%; } .nspFs200 { font-size:200%; } /* New responsive layout */ .gkResponsive img.nspImage, img.nspImage.gkResponsive { width: 100%!important; height: auto; } .nspArt img.nspImage { max-width: 100%; } .nspArtScroll1, .nspLinkScroll1 { width: 100%; } .nspPages1 { width: 100%; } .nspPages2 { width: 200%; } .nspPages3 { width: 300%; } .nspPages4 { width: 400%; } .nspPages5 { width: 500%; } .nspPages6 { width: 600%; } .nspPages7 { width: 700%; } .nspPages8 { width: 800%; } .nspPages9 { width: 900%; } .nspPages10 { width: 1000%; } .nspCol1 { width: 100%; } .nspCol2 { width: 50%; } .nspCol3 { width: 33.3%; } .nspCol4 { width: 25%; } .nspCol5 { width: 20%; } .nspCol6 { width: 16.66%; } .nspCol7 { width: 14.285%; } .nspCol8 { width: 12.5%; } .nspCol9 { width: 11.1%; } .nspCol10 { width: 10%; } .nspCol11 { width: 9.09%; } .nspCol12 { width: 8.33%; } .nspCol13 { width: 7.69%; } .nspCol14 { width: 7.14%; } .nspCol15 { width: 6.66%; } .nspCol16 { width: 6.25%; } .nspCol17 { width: 5.88%; } .nspCol18 { width: 5.55%; } .nspCol19 { width: 5.26%; } .nspCol20 { width: 5%; } /* VM elements */ .nspVmStore .PricesalesPrice { margin: 0; padding: 0; float: left; } .nspVmStore .PricediscountAmount { font-size: 11px; line-height: 12px; color: #b6b6b6; float: left; clear: left; } .nspVmStore .PricetaxAmount { font-size: 11px; line-height: 12px; color: #b6b6b6; float: left; clear: left; } .nspVmStore input.addtocart-button { width: 30px; height: 30px; background: transparent url('../images/nsp_add_to_cart.png') no-repeat 0 0; margin: 0; float: right; text-indent: -999em; } .nspVmStore input.addtocart-button:hover { background-position: 0 bottom!important; } .nspVmStore div.PricesalesPrice { font-size: 18px; line-height: 22px; } .nspVmStore { height: 40px; padding: 12px 0 0;border-top: 1px solid #eee; } .nspVmStore form { float: right; } dupa care ediotezi designul informer-ului accesand urmatoarea iconita , vezi imaginea  si introduci urmatorul cod Code <div class="nspArt nspCol2" style="padding:0 0px 0px 0;"> <h4 class="nspHeader tleft fnone"><a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></h4><a href="$IMG_URL1$" class="nspImageWrapper tleft fleft" style="margin:6px 14px 0 0;"><img class="nspImage tleft fleft" src="$IMG_URL1$" alt="$TITLE$" style="width:80px;height:70px;"></a><p class="nspText tleft fleft">$MESSAGE$<a class="readon inline" href="$ENTRY_URL$" title="Read more">Read more</a></p> </div> unde in loc de $IMG_URL1$ introduci ce forma de adaugare a imanilor folosesti tu ... poate fi de forma $IMAGE1ø$, $IMG_URL1$ sau $SCREEN_URL$ Dupa care preiei codul de afisare a informerului si il introduci unde doresti tu. (Mentionez ca am facut totul in graba , daca intervin neplaceri in urmarea pasilor descrisi te rog sa ma anunti) Atașamente:
4485508.jpg
(44.3 Kb)
·
3155464.jpg
(17.7 Kb)
|
Nu am inteles ceva...
Eu vroiam k la fiecare subiect sa-mi apara imaginea de la articol si cand adaug ceva nou sa mi se actualizeze. Nu am inteles partea de la sfarsit cu imaginile Quote (Danny) unde in loc de $IMG_URL1$ introduci ce forma de adaugare a imanilor folosesti tu ... poate fi de forma $IMAGE1ø$, $IMG_URL1$ sau $SCREEN_URL$ 
Material modificat de Mirella - Duminică, 29/07/2012, 9:30 PM
|
| |||