MaxRom | Scripturi uCoz Romania

Bannerul tau aici
[ Mesaje noi · Membrii · Regulamentul forumului · RSS ]
Pagina 1 din 11
Forum » uCoz system » Comentarii » Aspect comentarii ca pe facebook
Aspect comentarii ca pe facebook
Muşatinu Date: Miercuri, 2012-08-29, 12:23 | Message # 1
Mesaje: 1801
Awards: 202
« 52 »

Acest aspect contine:
1. Aspectul comentariilor FB
2. Forma de adaugre a comentariilor FB
3. Comutator comentarii FB


1 Aspectul comentariilor

In aspectul comentariilor schimbam totul cu:

Cod
<div class="aurComm" style="min-height:52px;" id="$ID$"<?if($MODER_PANEL$)?> onmouseover="$('div[name=del$ID$]').show()" onmouseout="$('div[name=del$ID$]').hide()"<?endif?>>        
<?if($MODER_PANEL$)?><a href="javascript://" rel="nofollow" onclick="del_item($ID$);return false;" id="di$ID$"><div class="aurCommDel" name="del$ID$"></div></a><?endif?>        
<div class="aurCommAva"><?if($PROFILE_URL$)?><a href="$PROFILE_URL$"><?endif?><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/aurComm/ava.png<?endif?>"><?if($PROFILE_URL$)?></a><?endif?></div>        
<div class="aurCommBody"><?if($PROFILE_URL$)?><a href="$PROFILE_URL$" class="aurCommUser">$USERNAME$</a><?else?><a class="aurCommUser">$NAME$</a><?endif?>
        $MESSAGE$

        <?if($ANSWER_URL$)?><a href="$ANSWER_URL$">Raspunde</a> · <?endif?>
               
        <img alt="" src="/images/bd/like.png" align="absmiddle" width="13" border="0" title="Post bun">
        <?if($COMMENT_RATING$<0)?>
        <span class="myWinError"><b>$COMMENT_RATING$</b></span> ·        
        <?else?>
        <?if($COMMENT_RATING$=0)?>
        <span style="color:gray;"><b>$COMMENT_RATING$</b></span> ·        
        <?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span> ·        
        <?endif?>
        <?endif?>
        <?if($GOOD_COMMENT_URL$)?>
        <a href="$GOOD_COMMENT_URL$">
        Imi place</a>

        <?endif?>
               
        <a href="javascript://" onclick="aurCommLink$ID$()" class="aurCommTime">$DATE$ - $TIME$</a>
        <?if($MODER_PANEL$)?> · <a href="javascript://" rel="nofollow" onclick="new _uWnd('Ie',' ',-600,-200,{autosize:1,closeonesc:1,resize:0},{url:'/index/37-$ID$'});return false;" class="aurCommLink">Editeaza</a><?endif?></div>

</div>


2 Forma de adaugare a comentariilor

In forma de adaugarea comentariilor schimbam totul cu:

Cod
<div class="aurComm">        
        <table cellpadding="0" cellspacing="0" width="100%" height="70px">        
<tr>
        <th width="57" rowspan="2" id="aurHide"><div class="aurCommAva" style="margin-bottom:32px;"><img        
        class="aurCommAvaImg" src="" align="left" alt="" /></div>
        </th>
<th width="90%" height="32" colspan="3">
        <textarea class="aurCommInput" name="message" id="message" cols="50" placeholder="Adauga un comentariu...">$MESSAGE$</textarea>
               
        </th>        
</tr>        
<tr>        
<?ifnot($USER_LOGGED_IN$)?><th id="aurHide2">
        <input class="aurCommInputName" id="aciname" type="text" name="name" value="$NAME$" maxlength="20" placeholder="Nick">
        <input class="aurCommInputemail" id="aciname" type="text" name="name" value="$EMAIL$" maxlength="20" placeholder="Email">
        <input class="aurCommInputsite" id="aciname" type="text" name="name" value="$SITE$" maxlength="20" placeholder="Site"></th>
        <?endif?>        
               
        <?if($SECURITY_CODE$)?><th id="aurHide2" class="aurCommSecurity" align="right">
        $SECURITY_CODE$</th><?endif?><th align="right"> <input type="submit" class="aurcommSbm" name="submit" value="Comenteaza"></th>
</tr>        
</table>        
</div>


la modulul care vrem acest aspect, in pagina cu tot continutu si comentarile la elfacem urmatoarele:
schimbam pozitiile intre tegurile $COM_ADD_FORM$ si $COM_BODY$ astfel incat $COM_ADD_FORM$ sa fi inainte.

Mai apoi schimbam $COM_BODY$ cu:
Cod
<?if($COMMENTS_NUM$)?><div class="aurCommTopugol"></div><div class="aurComm"><img src="/aurComm/aurCommComm.png" style="float:left;padding-right:5px;">
        <a href="javascript://" onclick="aurCommLink()" class="aurCommLink">
        $COMMENTS_NUM$ comentari<?if($COMMENTS_NUM$=1)?>u<?else?><?if($COMMENTS_NUM$>2)?>i<?endif?>
        <?endif?></a></div><?endif?></td></tr>
        <tr><td colspan="2">
<div id="contik">$COM_BODY$</div>


Tot acolo inainte de punem :

Cod
<script type="text/javascript">        
$('input').keypress(function(e) {        
        if(e.which == 13) {        
<?if($USER_AGENT$='opera')?> addcom();<?else?><?if($GROUP_ID$=4||$GROUP_ID$=3||
$GROUP_ID$=2||$GROUP_ID$=251)?><?else?> addcom();<?endif?><?endif?>        
        $('#message').blur();        
        setTimeout("$('#message').focus()",1000);        
}        
});        

$('.aurCommAvaImg').attr('src','<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?
else?>/aurComm/aurCommAva.png<?endif?>');        
</script>


3 Comutatorul comentariilor

Tot pe aceiasi pagina cu toate comentariile, stergem tegul $COM_PAGE_SELECTOR$
Unde e tegul $COM_PAGE_SELECTOR1$ schimbam cu:

Cod
<div style="display:none;" id="selector">$COM_PAGE_SELECTOR$</div>        
               
        <script type="text/javascript">        
        if ($("#selector").find(".swchItem:contains('»')").text() == '»') {        
        $("#selector").after('<br><div id="nextCont" class="input_submit alt" style="display:block; text-align:center;"><div onclick="Conti.to();" style="padding:3px;"><b>Vezi inca</b></div></div>');        
        };        

        Conti = {        
        to:function(){        
        $("#nextCont").html('<div style="padding:4px"><img src="http://wallaby.ucoz.ru/_ph/1/2/196877609.gif" border="0" /></div>');        
        nextik = $("#selector").find(".swchItem:contains('»')").attr('onclick').toString();        
        num = nextik.match(/\d/);        
        $.get('$ENTRY_URL$-0-'+num, function(next){        
        $("#contik").append( $("#contik", next).html() );        
        $("#selector").html( $("#selector", next).html() );        

        $("#nextCont").html('<div onclick="Conti.to();" style="padding:3px;"><b>Vezi inca</b></div>');        
        if ($("#selector", next).find(".swchItem:contains('»')").html() == null) { $("#nextCont").fadeOut(); };        
        });        
        }        
        }        
        </script>


In CSS adaugam:

Cod
/*--------------------- FacebookCommStyle start ---------------------*/        
div.input_submit {background:#ff0000 url("/aurComm/11x17.png") repeat-x 0 0px; border:1px solid #202c36; color:#fff;        
display:inline-block; padding:5px 10px; text-align:center; text-shadow:rgba(0,0,0,0.7) 0px 1px 0px; }        
div.input_submit:hover {background-color:#364959; color:#fff; cursor:pointer;}        

div.input_submit.alt {background:#edeff4 url("/aurComm/11x17.png") repeat-x 0 0px; border:1px solid #d2d9e7;        
color:#000; text-shadow:rgba(0,0,0,0.3) 0px 1px 0px}        
div.input_submit.alt:hover {background-color:#edeff4; color:#000; cursor:pointer;}        

.aurComm {background:#edeff4;border-bottom:1px solid #d2d9e7;margin-bottom:1px;}        
.aurCommBody {margin:0 17px 0 57px;font-size:11px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;color:#333;line-height:1.28;}        
.aurCommUser {color:#3b5998;font-weight:bold;text-decoration:none;}        
.aurCommLink {color:#3b5998;text-decoration:none;}        
.aurCommTime {color:#808080;text-decoration:none;}        
.aurCommUser:hover,.aurCommTime:hover,.aurCommLink:hover {text-decoration:underline;}        
.aurCommAva {float:left;width:57px;height:32px;}        
.aurCommAva img {width:50px;height:50px;}        
.aurCommDel {display:none;float:right;width:15px;height:15px;background:url(/aurComm/aurCommDel.png);background-position:0 0px;}        
.aurCommDel:hover {background:url(/aurComm/aurCommDel.png);background-position:0 16px;}        
.aurCommTopugol {width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #edeff4;margin-left:14px;}        
.aurCommInput {width:100%;height:32px;border:1px solid #bdc7d8 !important;}        
.aurCommText {font-size:9px;color:#808080;}        
.aurCommSecurity {padding-left:5px;}        
.aurCommSecurity .securityCode {width:78px;height:15px ! important;color:#000;text-transform:uppercase;font-size:11px !important;padding:3 0 0 0px;position:absolute;border:1px solid #bdc7d8 !important;background:rgba(255,255,255,0.5)}        
.aurCommSecurity #secuImgC {height:22px;}        
.aurCommInputName {width:91px;height:22px;padding:3 0 0 0px;border:1px solid #bdc7d8 !important;}        
.aurCommInputemail {width:120px;height:22px;padding:3 0 0 0px;border:1px solid #bdc7d8 !important;}        
.aurCommInputsite {width:120px;height:22px;padding:3 0 0 0px;border:1px solid #bdc7d8 !important;}        
.aurcommSbm {
        color:#fff;
        padding:5px;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight: bold;
        background:#6079ab;
        border:1px solid #29447e;}
/*--------------------- FacebookCommStyle end ---------------------*/


Descarca: Arhiva, o rezarhivam si incarcam continutu in filemanager cu calea /aurComm/
http://maxrom.ucoz.com/txtexemple/aurComm.rar

[texterror4]Sursa aspect + Forma adaugare http://usite.su
Modificare: http://maxrom.ucoz.com

Aspect spoiler pentru comutator (necunoscut)
Modificare pentru comentarii http://maxrom.ucoz.com

[/texterror4]
Attachments: 9295430.png(103Kb)



 
Eu Date: Sâmbătă, 2013-01-19, 19:16 | Message # 2
Mesaje: 15
Awards: 14
« 0 »

Foarte frumos dar nu merge!


http://cupeonline.ucoz.ro/ >>> Cupe, Competitii Online, Meciuri Online, Live Score, Dueluri, Provocari ...
 
YOYOYO Date: Duminică, 2013-01-20, 12:00 | Message # 3
Mesaje: 38
Awards: 128
« 0 »

Eu, Nu l-ai instaat tu bine. Eu tot acest aspect il folosesc.


Mi-am deschis un nou site cu teme , scripturi si elemente grafice pentru uCoz , dar in engleza!Themes.uCoz.Net
 
Muşatinu Date: Duminică, 2013-01-20, 14:52 | Message # 4
Mesaje: 1801
Awards: 202
« 52 »

Eu, si la mine fuctioneaza (pe 2 site-uri) si la Florin. Problema e la voi.



 
Eu Date: Duminică, 2013-01-20, 14:53 | Message # 5
Mesaje: 15
Awards: 14
« 0 »

MuşatinuYOYOYO, probabil problema e la mine, merci de raspuns :)


http://cupeonline.ucoz.ro/ >>> Cupe, Competitii Online, Meciuri Online, Live Score, Dueluri, Provocari ...
 
Forum » uCoz system » Comentarii » Aspect comentarii ca pe facebook
Pagina 1 din 11
Căutare: