Собрать панель пользователя для uCoz
Kosten
Воскресенье, 10 Апреля 2016, 17:40 | Сообщение 1
Приветствую всех! Здесь кто в теме, может добавить свое и вместе собрать панель для пользователя, так сказать начало положено. Что бы вы добавили еще на ее, так как места хватает, но кроме меню. Возможно поиск по сайту и также статистику, типа зеленной кнопка и кто онлайн в цифрах. Стоит на тестовом сайте http://pluton.clan.su/ Открытая для гостя Для пользователя, который получил сообщение Вот код этой панели, возможно в ней есть ошибки, что бы вы добавили, и если сразу, пропишите в коде, чтоб установить и посмотреть.
Код
<div class="header"> <div class="max_width"> <div style="-webkit-pointer-events: none; pointer-events: none;"> </div> <div class="h_menu"> <div class="h_sign_over"> <?if($LOGIN_FORM$)?><div class="h_sign"> <a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:1,closeonesc:1,resize:1},{url:'/index/40'});return false;">Вход</a> </div> </div> <div class="h_sign_over"> <div class="h_sign"> <a href="/index/3">Регистрация</a> </div><?endif?><?else?> <?if($USER_LOGGED_IN$)?> <div class="profile"> <div class="profile-menu"> <a href="$PERSONAL_PAGE_LINK$" class="profile-button"><?if($UNREAD_PM$>0)?><s>$UNREAD_PM$</s><?endif?><span class="profile-avatar"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/.s/t/1090/logo-img.png<?endif?>" alt="" /></span> $USER_FULL_NAME$ <i></i></a> <div class="profile-list"> <div class="profile-list-in"> <a href="$PERSONAL_PAGE_LINK$" title="">Мой профиль</a> <a href="/index/14" title="">Сообщения</a> <a href="/index/15" title="">Пользователи</a> <a href="/load/0-0-0-0-1" title="">Добавить материал</a> <a href="/index/11" title="">Настройки</a> <a href="/index/10" class="last" title="">Выйти</a> </div> </div> </div> </div> <?endif?> </div> </div> <a href="/" class="logo" title="Главная"></a> </div> </div>
CSS:
Код
.header_ucoz {float:left;height:20px;cursor:default} .header {height: 70px;width:100%;background:#236999;position:fixed;z-index:9999;padding:10px 0px} .header_2 {height:74px;} .max_width {width:1100px;margin:0px auto} .h_menu_link a {display:inline-block;background:url('http://vprikole.com.ua/img/menu.png') 10px 10px no-repeat;width:52px;height:52px;position:absolute;right:20px;top:10px;z-index:7} .h_menu_pda a {text-decoration:none;display:block;padding:20px 30px;font-size:16px;color:#6a7376;border-bottom:1px solid #dedede;background:#fff} .h_menu_pda a:hover {text-decoration:none;background:#efefef} .h_menu_link, .h_menu_pda {display:none} .logo {width:105px;height:51px;position:relative;top:12px;right:0px;display:inline-block;font-size:0px;color:rgba(0,0,0,0);background:url('http://image.prntscr.com/image/d485746a045549bda671ffabe328b11a.png') top;float:left} .logo:hover {opacity:0.9} .redpoint {position:absolute;top:50px;right:10px;background:#FF0000;z-index:2;width:10px;height:10px;display:inline-block;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;} .h_logo a.m_logo {display:inline-block;width:45px;height:74px;background:url('http://image.prntscr.com/image/e08895d533c548c5864f480b2d3f38cd.png') 0px -8px} .h_logo a.m_logo:hover {opacity:0.8} .h_menu {float:right} .h_sign_over {padding-top:22px;display:inline-block;margin-left:10px} /* url('/img/fingerprint.png') 7px 9px no-repeat */ .h_sign {display:inline-block;background: #215B82;color:rgba(255,255,255,0.5);font-size:13px;padding:7px 16px;-webkit-border-radius: 30px; -moz-border-radius: 30px;border-radius: 10px;border: 1px solid #2F8AC7;} .h_sign a {color:rgba(255,255,255,0.8);text-decoration:none} .h_sign a:hover {color:#FFF;text-decoration:none} .profile-menu {position:relative!important} .profile-button s {display:inline-block;z-index: 9;background: #34A1EA;font-size: 13px;margin-right: 12px;margin-left:1px;line-height:14px;padding: 5px 9px;text-decoration:none;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .profile-button, .profile-button:hover {display:inline-block;color:#fff;position:relative;line-height: 34px;padding-left: 45px;padding-right: 18px;text-decoration:none} .profile-button i {position:absolute;right:0px;top:14px;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid rgba(255,255,255,0.7);} .profile-avatar, .profile-avatar img {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} .profile-avatar {display:inline-block;width:54px;height: 55px;position:absolute;top:-0px;left:0px;border-radius: 20px;} .profile-avatar img {width: 33px;height: 33px;object-fit:cover;vertical-align:bottom;background:#fff;border:2px solid #fff;} .profile-menu:hover .profile-list {visibility:visible;} .profile-list {position:absolute;width: 150px!important;right:0px!important;top: 30px;padding-top:18px;visibility:hidden;z-index:9;} .profile-list-in {background: #235C84;width: 200px!important;max-width: 200px!important;padding:3px 0px;box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.45);-webkit-border-radius: 5px;-moz-border-radius: 5px;/* border-radius: 5px; */} .profile-list-in a {display:block;padding:10px 20px;text-decoration:none;border-bottom: 1px solid #989696;font-size:12px;color: #F9F9F9;} .profile-list-in a:hover {color: #BBBBBB;} .profile-list-in a.last {border-bottom:0px !important} .profile-list-in a i {background:#3297db;color:#fff;font-style:normal;font-size:10px;padding:2px 6px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} .profile {margin-top: -5px;height:30px;font-size:13px;float:right} .profile_avatar, .profile_avatar img {-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;} .profile_avatar {width:24px;height:24px;overflow:hidden;float:left;margin-right:7px;margin-top:2px;border:2px solid #fff} .profile_avatar img {width:24px;height:24px;object-fit:cover}
Страна: (RU )
FeStemBer
Воскресенье, 10 Апреля 2016, 20:19 | Сообщение 2
Kosten, попробуй так поставить, если что поиск подровняешь.
Код
<div class="header"> <div class="max_width"> <div style="-webkit-pointer-events: none; pointer-events: none;"> </div> <div class="h_menu"> <div class="h_sign_over"> <?if($LOGIN_FORM$)?><div class="h_sign"> <a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:1,closeonesc:1,resize:1},{url:'/index/40'});return false;">Вход</a> </div> </div> <div class="h_sign_over"> <div class="h_sign"> <a href="/index/3">Регистрация</a> </div><?endif?><?else?> <?if($USER_LOGGED_IN$)?> <div class="profile"> <div class="profile-menu"> <a href="$PERSONAL_PAGE_LINK$" class="profile-button"><?if($UNREAD_PM$>0)?><s>$UNREAD_PM$</s><?endif?><span class="profile-avatar"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/.s/t/1090/logo-img.png<?endif?>" alt="" /></span> $USER_FULL_NAME$ <i></i></a> <div class="profile-list"> <div class="profile-list-in"> <a href="$PERSONAL_PAGE_LINK$" title="">Мой профиль</a> <a href="/index/14" title="">Сообщения</a> <a href="/index/15" title="">Пользователи</a> <a href="/load/0-0-0-0-1" title="">Добавить материал</a> <a href="/index/11" title="">Настройки</a> <a href="/index/10" class="last" title="">Выйти</a> </div> </div> </div> </div> <?endif?> </div> </div> <a href="/" class="logo" title="Главная"></a> </div> <div style="width:50%; margin:15px; float:right;"> <form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" > <input class="poick_pole" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/> <input class="poick_knopka" type="submit" value="Найти" /> <input type="hidden" name="t" value="0" /> </form> </div> </div>
Это в css
Код
.poick_os { float:left; padding:4px; width:300px; background:#fff; border: 1px solid #A0A8AC; } .poick_os input { float:left; margin:0px; vertical-align:middle; font:11px Verdana,Arial,Helvetica,sans-serif; } .poick_pole { color:#555; width:220px; height:15px; border:none; padding:6px 4px; } .poick_knopka { text-shadow: 1px 1px 1px #1061B0; width:70px; height:27px; cursor:pointer; background:#36A6FA; border:1px solid #2290e3; color:#fff; font-weight: bold!important; } .poick_knopka:hover {background:#3c9fea;} .poick_os, .poick_knopka { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
Страна: (RU )
Kosten
Воскресенье, 10 Апреля 2016, 20:34 | Сообщение 3
Tventum, нормально, думаю такой поиск пойдет, его по стилям можно и перекроить.
Страна: (RU )
Kosten
Воскресенье, 10 Апреля 2016, 21:06 | Сообщение 4
Вообщем что то не идет, не знаю что можно поставить, статистику выставил, сколько человек на сайте, думаю больше там не чего не нужно. Может кому пригодиться и он еще что то допилит и сделает совершенно оригинально, а пока этот скрипт и стили. С открытым забралом Вверх сайта
Код
<div class="header"> <div class="max_width"> <div style="-webkit-pointer-events: none; pointer-events: none;"> </div> <div class="h_menu"> <div class="h_sign_over"> <?if($LOGIN_FORM$)?><div class="h_sign"> <a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:1,closeonesc:1,resize:1},{url:'/index/40'});return false;">Вход</a> </div> </div> <div class="h_sign_over"> <div class="h_sign"> <a href="/index/3">Регистрация</a> </div><?endif?><?else?> <?if($USER_LOGGED_IN$)?> <div class="profile"> <div class="profile-menu"> <a href="$PERSONAL_PAGE_LINK$" class="profile-button"><?if($UNREAD_PM$>0)?><s>$UNREAD_PM$</s><?endif?><span class="profile-avatar"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/.s/t/1090/logo-img.png<?endif?>" alt="" /></span> $USER_FULL_NAME$ <i></i></a> <div class="profile-list"> <div class="profile-list-in"> <a href="$PERSONAL_PAGE_LINK$" title="">Мой профиль</a> <a href="/index/14" title="">Сообщения</a> <a href="/index/15" title="">Пользователи</a> <a href="/load/0-0-0-0-1" title="">Добавить материал</a> <a href="/index/11" title="">Настройки</a> <a href="/index/10" class="last" title="">Выйти</a> </div> </div> </div> </div> <?endif?> </div> </div> <a href="/" class="logo" title="Главная"></a> </div> <div style="width:50%; margin:15px; float:right;"> <form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" > <input class="poick_pole" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/> <input class="poick_knopka" type="submit" value="Найти" /> <input type="hidden" name="t" value="0" /> </form> <div style="margin:10px 20px 150px 10px;"><a id="statnow" href="javascript://" rel="nofollow" onclick="open_oline_list()">Сейчас онлайн: <b><?substr($ONLINE_COUNTER$, 48, strrpos($ONLINE_COUNTER$,"onl2")-48-36)?></b></a></div> </div> </div>
CSS:
Код
.header_ucoz {float:left;height:20px;cursor:default} .header {height: 70px;width:100%;background:#236999;position:fixed;z-index:9999;padding:10px 0px} .header_2 {height:74px;} .max_width {width:1100px;margin:0px auto} .h_menu_link a {display:inline-block;background:url('http://vprikole.com.ua/img/menu.png') 10px 10px no-repeat;width:52px;height:52px;position:absolute;right:20px;top:10px;z-index:7} .h_menu_pda a {text-decoration:none;display:block;padding:20px 30px;font-size:16px;color:#6a7376;border-bottom:1px solid #dedede;background:#fff} .h_menu_pda a:hover {text-decoration:none;background:#efefef} .h_menu_link, .h_menu_pda {display:none} .logo {width:105px;height:51px;position:relative;top:12px;right:0px;display:inline-block;font-size:0px;color:rgba(0,0,0,0);background:url('http://image.prntscr.com/image/d485746a045549bda671ffabe328b11a.png') top;float:left} .logo:hover {opacity:0.9} .redpoint {position:absolute;top:50px;right:10px;background:#FF0000;z-index:2;width:10px;height:10px;display:inline-block;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;} .h_logo a.m_logo {display:inline-block;width:45px;height:74px;background:url('http://image.prntscr.com/image/e08895d533c548c5864f480b2d3f38cd.png') 0px -8px} .h_logo a.m_logo:hover {opacity:0.8} .h_menu {float:right} .h_sign_over {padding-top:22px;display:inline-block;margin-left:10px} /* url('/img/fingerprint.png') 7px 9px no-repeat */ .h_sign {display:inline-block;background: #215B82;color:rgba(255,255,255,0.5);font-size:13px;padding:7px 16px;-webkit-border-radius: 30px; -moz-border-radius: 30px;border-radius: 10px;border: 1px solid #2F8AC7;} .h_sign a {color:rgba(255,255,255,0.8);text-decoration:none} .h_sign a:hover {color:#FFF;text-decoration:none} .profile-menu {position:relative!important} .profile-button s {display:inline-block;z-index: 9;background: #34A1EA;font-size: 13px;margin-right: 12px;margin-left:1px;line-height:14px;padding: 5px 9px;text-decoration:none;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .profile-button, .profile-button:hover {display:inline-block;color:#fff;position:relative;line-height: 34px;padding-left: 45px;padding-right: 18px;text-decoration:none} .profile-button i {position:absolute;right:0px;top:14px;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid rgba(255,255,255,0.7);} .profile-avatar, .profile-avatar img {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} .profile-avatar {display:inline-block;width:54px;height: 55px;position:absolute;top:-0px;left:0px;border-radius: 20px;} .profile-avatar img {width: 33px;height: 33px;object-fit:cover;vertical-align:bottom;background:#fff;border:2px solid #fff;} .profile-menu:hover .profile-list {visibility:visible;} .profile-list {position:absolute;width: 150px!important;right:0px!important;top: 30px;padding-top:18px;visibility:hidden;z-index:9;} .profile-list-in {background: #235C84;width: 200px!important;max-width: 200px!important;padding:3px 0px;box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.45);-webkit-border-radius: 5px;-moz-border-radius: 5px;/* border-radius: 5px; */} .profile-list-in a {display:block;padding:10px 20px;text-decoration:none;border-bottom: 1px solid #989696;font-size:12px;color: #F9F9F9;} .profile-list-in a:hover {color: #BBBBBB;} .profile-list-in a.last {border-bottom:0px !important} .profile-list-in a i {background:#3297db;color:#fff;font-style:normal;font-size:10px;padding:2px 6px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} .profile {margin-top: -5px;height:30px;font-size:13px;float:right} .profile_avatar, .profile_avatar img {-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;} .profile_avatar {width:24px;height:24px;overflow:hidden;float:left;margin-right:7px;margin-top:2px;border:2px solid #fff} .profile_avatar img {width:24px;height:24px;object-fit:cover} /* Форма поиска синяя кнопка*/ .poick_os { float:left; padding:4px; width:300px; background:#fff; border: 1px solid #A0A8AC; } .poick_os input { float:left; margin:0px; vertical-align:middle; font:11px Verdana,Arial,Helvetica,sans-serif; } .poick_pole { color:#555; width:220px; height:15px; border:none; padding:6px 4px; } .poick_knopka { text-shadow: 1px 1px 1px #1061B0; width:70px; height:27px; cursor:pointer; background:#36A6FA; border:1px solid #2290e3; color:#fff; font-weight: bold!important; } .poick_knopka:hover {background:#3c9fea;} .poick_os, .poick_knopka { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #statday, #statday:hover, #statnow, #statusers {color:#FFF;padding: 5px 17px;margin-top:5px;font: 11px Tahoma;text-decoration:none; margin:15px;}
Страна: (RU )
Maryges
Воскресенье, 10 Апреля 2016, 21:47 | Сообщение 5
Надо Костен конкурс тебе сделать, дать материал, к примеру на эту панель и кто лучше сделает, тот выиграл.
Страна: (RU )
Kosten
Воскресенье, 10 Апреля 2016, 22:23 | Сообщение 6
Maryges, так кто можно, но сейчас как то эти конкурсы не так делают как раньше.
Страна: (RU )
Сопрано
Воскресенье, 10 Апреля 2016, 22:57 | Сообщение 7
Kosten, так то можно что то сделать, а то форум что то вообще не стал не посещаемый.
Страна: (RU )
Сафрон
Воскресенье, 29 Мая 2016, 22:45 | Сообщение 8
Пригодилась эта панель на сайт, одному ее на блог или статьи установил, так тот не поверил с начало, что это от uCoz, но не чего неделю поюлозит по тематике, много узнает.
Страна: (RU )
tsakonter
Понедельник, 30 Мая 2016, 00:20 | Сообщение 9
Так панелька не чего сделано, не чего особого, может кому и нужно так, чтоб горизонтального меню не было а поиск был, туда бы кнопку зеленую и вывести статистику, чтоб на сайте место не искать под нее.
Страна: (RU )
feliksteg
Вторник, 31 Мая 2016, 16:49 | Сообщение 10
Панель полностью сборная, поиск с интернета, профиль как на сайте ура, но логотип можно самому поставить. Но как понял, здесь не материал, чтоб скопировать и ставить, а есть много места, где самому можно что то установить.
Страна: (RU )
ucozmental
Вторник, 31 Мая 2016, 22:04 | Сообщение 11
feliksteg, не сказал бы так, не думаю, что это просто такая работа закинута, чтоб ее доработали, просто много видел сайтов, где такая панель стоит, и даже на некоторых и поиска нет, так для дизайн, и формы входа.
Страна: (RU )