[Info]Standartā mums forumā ir vienkāršs dienas jubilāru saraksts, piedāvāju to stilizēt ar papildus opcijām[/Info]
1. Vietā, kur vēlamies attēlot jubilāru sarakstu:
Code
<div class="userBirthday">$TODAY_BIRTHDAYS$</div>
iekļaujam arī apsveikuma funkciju, kas iespējo apbalvojuma pasniegšanu:
Code
<script type="text/javascript">
$(function(){
uValue = $('.userBirthday').html();
uValues = uValue.replace(/,/g, '');
$('.userBirthday').html(uValues);
$('a.userBirthdayLink').each(function() {
uBirthday = $(this).text();
uPodarocks1 = "new _uWnd('AwD','uWEBMEISTARS.lv sveiciens jubilejā',380,200,{autosize:1,maxh:300,minh:100,closeonesc:1},{url:'/index/55-";
uPodarocks2 = "'});return false;";
uBirthdayId = $(this).attr("href").split('-')[1];
$(this).html('<div class="uBirthdayBlock"><a href="/index/8-'+uBirthdayId+'" target="_blank" title="'+uBirthday+'"><img src="http://uwebmeistars.lv/_fr/50/3814864.png
email='+uBirthday+'@'+uBirthday+'&trust=false&width=32&height=32&name='+uBirthday+'&version=4&build=4"></a><div id="uNnn"><a href="/index/8-0-'+uBirthday+'" target="_blank">'+uBirthday+'</a><hr><a href="/index/14-'+uBirthday+'-0-1" target="_blank">Rakstīt PZ</a></div><div class="uPodarok" onclick="'+uPodarocks1+''+uBirthdayId+''+uPodarocks2+'" title="Apsveikt jubilejā '+uBirthday+'"></div></div>');
$(".userBirthday img").css('width','35px');
});
$('span.userAge').each(function() {
$(this).html($(this).html().replace('(','').replace(')',''));
});});
</script>
2. Customize design - Style sheet (CSS):
Code
.userBirthday {width: 250px;display: inline-block;}
div#uNnn {
display: inline-block;cursor: default;
width: 190px;padding-left: 5px;
}
.userBirthday a {
display: inline-block; margin-bottom: -8px;
text-decoration: none;
font-family: sans-serif;
padding: 3px; font-size: 11px;
color: #3F6288;
text-transform: capitalize;
}
.userBirthday img {
float: left;border-radius: 3px;
display: inline-block;
}
span.userAge {
display: inline-block;
position: relative;
background: #fff;
padding: 5px 0px;
width: 21px;
text-align: center;
border-radius: 30px;
font-size: 10px;
color: #4D71DB;
font-family: serif;
margin: 0px 0px -20px 127px;
top: -11px;
left: -96px;
}
div#uNnn HR {
border: 1px dashed #E9ECF1;
MARGIN: 3px 0px -2px 0px;
}
.uPodarok {
background: url(http://uwebmeistars.lv/_fr/50/1632990.png) no-repeat;
background-size: contain;
width: 17px;cursor:pointer;
height: 17px;
position: absolute;
margin: -25px 0px 0px 225px;z-index:2;
}
3. Iznākums: