[ Нові повідомлення · Учасники · Правила форуму · Пошук · RSS ]
Сторінка 1 з 11
Модератор форуму: TeXHo, Nik, ss19 
Форум » Відпочиваємо » Різне » Оновлення дизайну сайта
Оновлення дизайну сайта
ss19Дата: Понеділок, 07-Тра-2012, 14:11:36 | Сообщение # 1
Генералісимус
Группа: Модераторы
Сообщений: 32
Статус: Offline
Сьогодні 07.05.2012 на нашому сайті було змінено оформлення!!!Чекаю на відгуки та критерії,пишемо помилки,які ви побачили,будемо виправляти biggrin

 
TeXHoДата: Понеділок, 07-Тра-2012, 21:17:14 | Сообщение # 2
Генералісимус
Группа: Администраторы
Сообщений: 10057
Статус: Offline
surprised wacko
 
TeXHoДата: Понеділок, 07-Тра-2012, 21:19:20 | Сообщение # 3
Генералісимус
Группа: Администраторы
Сообщений: 10057
Статус: Offline
опять бурлака 2 раза на фотках) нужно исправить в прокрутке
 
ss19Дата: Вівторок, 08-Тра-2012, 15:57:52 | Сообщение # 4
Генералісимус
Группа: Модераторы
Сообщений: 32
Статус: Offline
TeXHo, у мну все норм...ето лагкакй-то,он через раз нарн,на главной баг заметный ,я ща фотку загружу,надо или картики размер уменшить или скрипт вида новостей нарыть biggrin

 
ss19Дата: Вівторок, 08-Тра-2012, 16:02:36 | Сообщение # 5
Генералісимус
Группа: Модераторы
Сообщений: 32
Статус: Offline
и надо оповещения о новых сообщениях))) и еще мелкие скрипты)))...я кароч сюда их покидаю biggrin

 
ss19Дата: Вівторок, 08-Тра-2012, 16:05:42 | Сообщение # 6
Генералісимус
Группа: Модераторы
Сообщений: 32
Статус: Offline


 
ss19Дата: Вівторок, 08-Тра-2012, 16:25:34 | Сообщение # 7
Генералісимус
Группа: Модераторы
Сообщений: 32
Статус: Offline
Кароч...дело так)))выбрал код с оповещенний вк)))вот
Code
<?if($UNREAD_PM$>'0')?>       
       <style>  
       .LsMesWrap {position: fixed; bottom:0px; right:17px; padding:10px; color:#fff;}  
       .LsMesWrapp {text-align:left; margin-bottom:17px; width:300px; background:url('http://fifann.at.ua/files/layer_bg.png'); padding:7px; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-shadow:0px 1px 0px rgba(0, 0, 0, 0.70); -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);}  
       </style>       

       <div class="LsMesWrap"></div>       
       <script type="text/javascript" src="http://fifann.at.ua/message_muzhenko.js"></script>       
       <?endif?>


 
ss19Дата: Вівторок, 08-Тра-2012, 16:31:12 | Сообщение # 8
Генералісимус
Группа: Модераторы
Сообщений: 32
Статус: Offline

Особенности:
1) Подсветка кода от google pretty (Полная адаптация под uCoz)
2) Закруглённые края + тень
3) Убраны полосы прокрутки и теперь пользователь может видеть весь код / цитату целиком

Установка:

В вашем css найдите подобный участок кода
Code
.codeMessage {background:#FFFFFF;font-size:9px;}  
.quoteMessage {background:#FFFFFF;font-size:9px;}


Замените их на:
Code
.codeMessage {background:url(/codes & quote/code.gif) no-repeat #BEBFC0; border:0px !important;max-height:5000px !important;font-size:9pt;padding:10px 10px 20px 50px;margin:5px 0px;color:#000000;opacity:0.7;-moz-border-radius:15 15 15 15;-webkit-border-radius:15 15 15 15;border-radius:15 15 15 15;-moz-box-shadow: 0px 0px 20px #000;-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;}  
.quoteMessage {background:url(/codes & quote/quote.gif) no-repeat #BEBFC0; border:0px !important;max-height:5000px !important;font-size:9pt;padding:10px 10px 20px 50px;margin:5px 0px;color:#000000;opacity:0.7;-moz-border-radius:15 15 15 15;-webkit-border-radius:15 15 15 15;border-radius:15 15 15 15;-moz-box-shadow: 0px 0px 20px #000;-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;}


 
ss19Дата: Вівторок, 08-Тра-2012, 16:40:02 | Сообщение # 9
Генералісимус
Группа: Модераторы
Сообщений: 32
Статус: Offline
Для статиститки пользователей сайта

Скрипт изменит стандартный счётчик пользователей. Показывает в процентах гостей и пользователей, и снизу показывает общее количество пользователей. Код очень прост, никаких запросов, цвета так же можете настроить очень легко. В общем пользуйтесь на здоровье!

Приступим к установке.
1. В ваш css добавляем следующий код:
Code
.cross {padding-top:2px; display:inline-block; padding-bottom:3px; color:#fff; text-align:center; text-shadow:0px 1px 0px rgba(0,0,0,0.25)}


2. Находим у себя на страницах код $ONLINE_COUNTER$,у нас в блоке - Хто Онлайн))) и заменяем его на:

Code
<div style="display:none;">$ONLINE_COUNTER$</div><div style="float:right;"><span style="">Пользователи</span><span style="margin:0px; margin-left:2px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;"><img style="height:7px; width:7px; background:#34a61e;" src="/images/1px.gif" border="0" alt="" /></span></div>  
     <div><span style="margin:0px; margin-right:3px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;"><img style="height:7px; width:7px; background:#7d7d7d;" src="/images/1px.gif" border="0" alt="" /></span><span style="">Гости сайта</span></div>  
     <div style="border:1px solid #ccc; background:#fff; padding:1px; margin-top:2px;" id="Statku" align="left"></div>

3. Чуть ниже ставим код скрипта:
Code
<script type="text/javascript">  
     var allusers = $(".tOnline b").text(); var gostusers = $(".gOnline b").text(); var siteusers = $(".uOnline b").text();  
     var uGosti = (gostusers/allusers).toFixed(2)*100; var uUsers = (siteusers/allusers).toFixed(2)*100;  
         
     $("#Statku").html('<div class="cross" style="width:'+uGosti+'%; background:#7d7d7d;">'+Math.floor(uGosti)+'%</div><div class="cross" style="width:'+uUsers+'%; background:#34a61e;">'+Math.floor(uUsers)+'%</div>').after('<div style="border:0px; padding:2px; text-align:center;">Всего — '+allusers+'</div>');  
     </script>




 
ss19Дата: Вівторок, 08-Тра-2012, 16:45:01 | Сообщение # 10
Генералісимус
Группа: Модераторы
Сообщений: 32
Статус: Offline
TeXHo, глянь мини профиль на форуме спикерса....может его сюда взять...сам его клепал и статус там есть
speakers


 
Форум » Відпочиваємо » Різне » Оновлення дизайну сайта
Сторінка 1 з 11
Пошук: