Светлый мини-профиль
|
|
Воскресенье, 25.09.2011, 21:12
Проверенный
Делаем простой мини-профиль, довольно светлый и красивый.
В css:
Code /* Мини-профиль от ILyeS */ .mp{position:relative;width:100%;height:120px;background:#ffc;font:8pt 'gothic centry';border-radius:5px} .mp div{position:absolute} .mp a{text-decoration:none} .mpava{left:5px;top:5px;width:50px;height:50px;border:5px solid #cc0;border-radius:5px} .mpls{left:60px;top:5px;background:#cc0;padding:2px 5px;border-radius:0 5px 5px 0;color:#ffc} .mpls a{color:#ffc} .mpname{right:5px;top:5px;padding:2px 5px;background:#cc6;border-radius:5px;color:#fff} .mpprofile{left:80px;width:150px;text-align:center;padding:2px;background:#cc6;border-radius:5px} .mpprofile div{left:10px;top:-1px;font-size:16pt} .mpprofile:hover{background:#cc0} .mpprofile:hover div{color:#fff} .mpprofile a{display:block;color:#444;width:150px} .mpprofile a:hover{color:#000} .mpout{left:5px;top:70px;width:60px;padding:2px 0;text-align:center;background:#cc0;border-radius:5px} .mpout:hover{background:#cc6} .mpout a{display:block;width:100%;color:#888} /* Конец */
Код профиля:
Code <?if($USER_LOGGED_IN$)?><!-- Мини-профиль от ILyeS --><div class="mp">
<div class="mpava" style="background:url('$USER_AVATAR_URL$') center"></div>
<div class="mpls"><a href="javascript://" onclick="window.open('/index/14','mpls','scrollbars=1,top=200,left=200,resizable=0,width=600,height=400')" rel="nofollow"<?if($UNREAD_PM$)?> style="color:red"<?endif?>>ЛС: $UNREAD_PM$</a></div>
<div class="mpname">$USERNAME$</div>
<div class="mpprofile" style="top:30px"><div>•</div><a href="/index/8">Профиль</a></div>
<div class="mpprofile" style="top:50px"><div>•</div><a href="/index/11">Редактировать</a></div>
<div class="mpprofile" style="top:70px"><div>•</div><a href="javascript://" onclick="imm()">Именниники</a></div>
<div class="mpprofile" style="top:90px"><div>•</div><a href="javascript://" onclick="onl()">Онлайн</a></div>
<div class="mpout"><a href="javascript://" onclick="if(confirm('Подтвердите выход')){location.href='/index/10'}">выход</a></div>
<script> function imm(){new _uWnd('imm','Сегодня именниники',300,200,{autosize:1,closeonesc:1},'<?if($TODAY_BIRTHDAYS$)?>$TODAY_BIRTHDAYS$<?else?>Их нет<?endif?>')}; function onl(){new _uWnd('onl','Сейчас онлайн',300,200,{autosize:1,closeonesc:1},'$ONLINE_COUNTER$')} </script>
</div><!-- Конец профиля --><?endif?>
Вот и все.
Особенности: Ширина не фиксирована, а высота 120px. Графики использовано не было. Размер окна аватара 50x50px, а сам аватар обрезается. Если есть не прочитанные ЛС, то "ЛС: #" становиться красным цветом. При выходе, есть проверка. "Именниники" и "Онлайн" открываются в ajax окне.
Автор ILyeS. Копирайты попрошу соблюдать, но это на вашей совести. |
|
|
Понедельник, 26.09.2011, 08:00
Заблокированные
На любителя и только под определённый дизайн, но смотрится не плохо. |
|
Понедельник, 26.09.2011, 12:03
Пользователь
Довольно таки не плохо, над дизайном поработать и будет самое то. |
|
Понедельник, 26.09.2011, 19:31
Заблокированные
Кстати именниники понравились, надо скриптик прибрать, когда будет народу по более можно будет и поставить. |
|
Вторник, 27.09.2011, 00:24
Заблокированные
|
Пятница, 11.11.2011, 22:35
Пользователь
А куда ставить это профиль. В шапку или блок? |
[qc] Все вопросы в личные сообщения! Портфолио: http://www.weblancer.net/users/Digish/portfolio/ Изготовлю платную графику: Аватар/Баннер/Юзербар/Лого/Макет и т.д.. [/qc] |
|
Суббота, 12.11.2011, 20:26
Проверенный
|
Суббота, 24.12.2011, 12:09
Пользователь
Digishqaa, куда хочешь... профиль хороший, но не доработанный... |
http://www.seosprint.net/?ref=968055 - максимальная раскрутка сайтов! |
|
Четверг, 29.12.2011, 21:07
Пользователь
очень красиво) и особенно под варез портал пойдёт) |
Делаю графику дёшего, пишите в ЛС для подробностей... wmr: R142582916399 wmid:1629834111837 портфолио маленькое: http://www.weblancer.net/users/_gufGUFguf_/portfolio/ Создатель maker-web, мы всегда с вами как бы не казалось! |
|
Пятница, 30.12.2011, 02:07
Пользователь
а он не кажется вам широким? oO |
|
Суббота, 31.12.2011, 14:33
Проверенный
Не красивый, не удобный, не функциональный. В название написано CSS + JS, сомневаюсь что сделанные AJAX окна можно считать за JS |
|
Суббота, 31.12.2011, 14:36
Заблокированные
DLive, плюсану, широковат вроде |
|
|
Суббота, 31.12.2011, 17:45
Проверенный
Большое спасибо |
|
Пользователь
в блок не влазит |
[url=http://cs-pro-portal.at.ua/][img]http://img233.imageshack.us/img233/3204/78754896.gif[/img][/url] [url=http://cs-pro-portal.at.ua/][img]http://img297.imageshack.us/img297/4626/60228063.png[/img][/url] |
|
Воскресенье, 15.01.2012, 14:27
Пользователь
|