Kamēr uCoz vēl nav izveidojis iespēju pievienot draugus profilā, tikmēr mēs mēģināsim to panākt ar moduli blog
Protams, kā mēs zinām tad nākotnē šī iespēja būs un domājams, ka pavisam drīz, tā kā tad kad šī iespēja būs pieejama, droši varēsim izmantot to un atteikties no šis Tad nu sāksim
1) Sāksim ar to, ka dosimies uz kontroles paneli (turpmāk tekstā CP) un instalēsim moduli Blogi!
2) Dodamies uz Bloga uzstādījumiem un uzstādam papildus laukus tā, kā redzams attēlā
Kā arī uzstādam lai lietotājie nebūtu jāgaida kamēr moderātors pārbauda lietotāju pievienotos ierakstus pie lietotāju atļaujām
Quote
Pre-moderate new entries (must be verified)
3) Dodamies uz Main » Customize design » Editing templates >> Blog >> Page of the entries archive un aizstājie visu tur redzamo kodu ar šo:
Code
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$TITLE_BAR$ - $SITE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<style>
#puzadpn {display:none;}
</style>
</head>
<body>
<table style="width: 100%;"><tr><td>
$BODY$
</td></tr>
<tr><td>
<center>
$POWERED_BY$
</center>
</td></tr>
</table>
<!-- DRAUGI -->
<script type="text/javascript">
if('$PAGE_ID$' == 'add') {
if(document.getElementById('blM16')) document.getElementById('blM16').style.display = 'none'; // Это чтоб не было Страницы добавления
document.getElementById('blF1').value = parent.document.getElementById('favik2').innerHTML; // Имя пользователя $TITLE$
document.getElementById('blF12').value = parent.document.getElementById('favik3').innerHTML; // ID пользователя $OTHER2$
document.getElementById('blF13').value = parent.document.getElementById('favik3').innerHTML; // Логин $OTHER3$
document.getElementById('blF11').value = parent.window.location.href; // Ссылка пользователя $OTHER1$
document.getElementById('doSmbBt').click();
alert('Šis jūsu izvēlētais lietotājs tagad ir jūsu draugu sarakstā!'); // Это алерт
}
</script>
</body>
</html>
4) Dodamies uz Main » Customize design » Editing templates >> Blog >> Appearance of entries un aizstājam tur redzamo kodu ar šo:
Code
<div class="u-friends" style="width: 33%; float: left;">
<!-- DRAUGI -->
<style>
.mbord {border: 1px solid #DAE1E8;padding: 5px 5px 5px 5px;background: #FFFFFF;}
.mbord:hover {border: 1px solid #C2CFDB;padding: 5px 5px 5px 5px;background: #FFFFFF;}
#photo {width:5px;}
.photo {
text-decoration:none;
color:black;
border-bottom: 1px solid #DCDCDC;
border-top: 1px solid #DCDCDC;
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
background: #ffffff;
padding: 5px 5px 5px 5px;
text-align:left;
}
.photo:hover {
background: #FFFFFF;
color:#374547;
border-bottom: 1px solid #3787B5;
border-top: 1px solid #3787B5;
border-left: 1px solid #3787B5;
border-right: 1px solid #3787B5;
text-decoration:none;
}
.avatar2 img { width: 100px; height: auto; }
#ava$ID$ img {width: 100px; height: auto;}
.proava {
text-decoration:none;
background: #ffffff;
display: block;
border: 1px solid #FFFFFF;
color:black;
padding: 4px 4px 4px 4px;
text-align:left;
}
.proava:hover {
background: transparent url('/');
border: 1px solid #1C436E;
color: #000000;
font-weight: bold;
padding: 4px 4px 4px 4px;
text-decoration:none;
}
</style>
<style>
.vibfr {display:block;padding-bottom: 3px;padding-top: 3px;border-bottom: 1px solid #DAE1E8;}
.vibfr:hover {display:block;padding-bottom: 3px;padding-top: 3px;background: #EEF2F4;border-bottom: 1px solid #DAE1E8;}
</style>
<div class="mbord">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td style="padding-left: 10px;" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td colspan="2">
<div style="padding-bottom: 2px;" align="left">
<!-- Niks un saite -->
<b><a href="$OTHER1$">$TITLE$</a></b> $MODER_PANEL$ <span id="sta$ID$"></span>
<!-- Niks un saite -->
</div>
</td>
</tr>
<tr>
<td valign="top">
<div style="border-top: 1px solid rgb(218, 226, 232); padding-top: 1px; padding-bottom: 1px;" align="center">
<div class="photo">
<div class="avatar2">
<!-- Avatars -->
<span id="ava$ID$"></span>
<!-- Avatars -->
</div></div>
</div></td>
<td align="right" valign="top" width="150">
<div style="border-top: 1px solid rgb(218, 226, 232); padding-top: 10px; padding-bottom: 10px;" align="left">
<a href="/index/8-$OTHER2$" class="proava">Profils</a>
<a href="/index/14-$OTHER2$-0-1" class="proava">Sūtīt vēstuli</a>
<a href="/blog/0-1-0-0-17-$OTHER2$" class="proava">Skatīt draugus</a>
<a href="/photo/0-1-0-17-$OTHER2$" class="proava">Skatīt bildes</a>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</div>
<script>$('#ava$ID$').load('$OTHER1$ #avatar');</script>
<script>$('#sta$ID$').load('$OTHER1$ #status');</script>
</div>
5) Tālāk dodamies uz Main » Customize design » Editing templates >> Users >> User personal page un uzstādam pogu "Pievienot draugu sarakstā" vietā kur vēlamies lai tā parādās!
Code
<!-- DRAUGI -->
<?if(!$_IS_OWN_PROFILE$)?>
<td>
<!-- lai pievienotu -->
<span id="favik"></span>
<span id="favik2" style="display:none;">$_NAME$</span>
<span id="favik3" style="display: none;">$_USER_ID$</span>
<span id="favik4" style="display: none;">$_USERNAME$</span>
<script language="JavaScript">
function add_fr() {
if(document.getElementById('favik')) document.getElementById('favik').innerHTML = '<iframe style="width:1px;height:1px;" frameborder="0" scrolling="no" hspace="0" vspace="0" allowtransparency="true" src="/blog/0-0-0-0-1"></iframe>';
}
</script>
<!-- lai pievienotu/ -->
<div onmouseover="this.className='MmenuOver';" class="MmenuOut" onmouseout="this.className='MmenuOut'">
<!-- poga -->
<a href="javascript://" onClick="add_fr();">Pievienot Draugu Sarakstam</a>
<!-- poga/ -->
</div>
</td>
<?endif?>
<!-- DRAUGI/ -->
Šo tekstu var aizstāt ar attēlu uz kura uzspiežot lietotājs pievienosies jūsu draugu sarakstam
6) Tālāk, lai attēlotu draugu sarakstu profilā ar avataru un niku ievietojiet šo kodu vietā kur vēlaties lai tas parādās
Code
<!-- DRAUGI -->
<?if($_BLOG_ENTRIES$>0)?> <hr>
<a href="javascript:openLayerA('ID','/blog/0-0-0-0-17-$_USER_ID$','Mani draugi','900','700','auto')"><?if($_IS_OWN_PROFILE$)?>Mani draugi<?else?>Viņa draugi<?endif?></a>
<?endif?>
<hr>
<table style="width: 100%;">
<?if($_BLOG_ENTRIES$>0)?>
<tr><td>
<div style="overflow:auto; height:150px;width:100%;">
<span id="friends"></span>
<script type="text/javascript">$.get('/blog/0-0-0-0-17-$_USER_ID$', function(photo){$('#friends').append($('div.u-friends:lt(100)', photo))});</script>
</div>
</td></tr>
<?endif?>
<!-- DRAUGI -->
7. Lai draugu sarakstā rādītos avatars, tad profilā kur parasti ir avatars tam japievieno klase "avatar"
Piemērs:
Code
<span id="avatar"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="/images/noavatar.png" border="0"><?endif?></span>
Neaizmirstiet uzstādīt lai var meklēt lietotāju pievienotos materiālus blogā
Lai to izdarītu dodies uz Main » Blog » Module settings >> Blog un ieliec ķeksīti pie Enable capability to search entries of a particular user:
Un tas arī viss, tas izskatīsies kā pie mums
Vel varat uzstādīt lai lietotāji nevar labot Bloga ierakstus, jo tas nav vajadzīgs!
Zināmas problēmas: Ja lietotājs ir pievienots draugu sarakstā, to var izdarīt atkārtoti cik reizes vien vēlaties, šī problēma vēl nav atrisināta, ja kādam ir kāda ideja, droši rakstat šeit!