Новые сообщения · Участники · Правила форума · Поиск
Страница 1 из 11
Форум о uCoz и Web » Вопросы по веб » HTML и CSS » Как сделать примерно такойже вид фоток? (как на http://userbars.ucoz.ua/)
Как сделать примерно такойже вид фоток?
Пахан_[Пыыыхарь]™Дата: Вторник, 14.10.2008, 21:53 | Сообщение # 1
Майор
Группа: Пользователи
Сообщений: 82
Репутация: 1
Статус: Offline
Подскажите что для этого треба?

Сайт:http://userbars.ucoz.ua/

 
ShadowДата: Вторник, 14.10.2008, 23:07 | Сообщение # 2
Рядовой
Группа: Пользователи
Сообщений: 6
Репутация: 1
Статус: Offline
А где фотка то???
 
SleepWalkerДата: Среда, 15.10.2008, 05:11 | Сообщение # 3
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
я писал под модуль фотоальбом, так как и на том сайте тоже написано под фотоальбом и все названия шаблонов будут относится к этому модулю
значит вставляеш этот код во все шаблоны кроме "вид фотографий" между тегами <head>...</head>:

Code
<style>
  .rating {color: #666666; font-family: Tahoma, helvetica, sans-serif; font-size: 11px; width: 85px; height: 16px;}  
  .unit-rating{list-style:none; margin: 0px; padding:0px; width: 85px; height: 16px; position: relative; background: url('http://stars.allcity.pp.ru/rating.gif') top left repeat-x;}  
  .unit-rating li{text-indent: -90000px; padding:0px; margin:0px; float: left;}  
  .unit-rating li a{display:block; width:17px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 17; position: absolute; padding: 0px;}  
  .unit-rating li a:hover{background: url('http://stars.allcity.pp.ru/rating.gif') left center; z-index: 2; left: 0px;}  
  .unit-rating a.r1-unit{left: 0px;}  
  .unit-rating a.r1-unit:hover{width:17px;}  
  .unit-rating a.r2-unit{left:17px;}  
  .unit-rating a.r2-unit:hover{width: 34px;}  
  .unit-rating a.r3-unit{left: 34px;}  
  .unit-rating a.r3-unit:hover{width: 51px;}  
  .unit-rating a.r4-unit{left: 51px;}  
  .unit-rating a.r4-unit:hover{width: 68px;}  
  .unit-rating a.r5-unit{left: 68px;}  
  .unit-rating a.r5-unit:hover{width: 85px;}  
  .unit-rating li.current-rating{background: url('http://stars.allcity.pp.ru/rating.gif') left bottom; position: absolute; height: 16px; display: block; text-indent: -9000px; z-index: 1;}  
</style>
<script>function popupbb(img) { prompt("Скопируйте себе этот код в подпись", "[url=http://userbars.ucoz.ua/][img]" + img + "[/img][/url]"); } </script>
<script>function popuphtml(img) { prompt("Скопируйте себе этот код в подпись", "<a href=http://userbars.ucoz.ua/><img src=" + img + "></a>"); } </script>

P.S. Стиль можеш закинуть в таблицу стилей.

А этот код вставляеш в "вид фотографий":

Code
<table border="1" width="100%" cellpadding="0" cellspacing="0" class="eBlock" bgcolor="#F3F3F3" style="border-collapse: collapse;" bordercolor="#111111">
<tr><td style="padding:3px;text-align:center;">

<table height="80" width="100%">
  <tr>
  <td colspan="2" align="center"><a href="$PHOTO_URL$" title="Юзербар $PHOTO_NAME$ ($PHOTO_SIZE$, $PHOTO_WEIGHT$kb)"><img border="0" name="userbar$ID$" alt"Юзербар $PHOTO_NAME$" src="$FULL_PHOTO_DIRECT_URL$"></a></td>
  </tr>
  <tr>
  <td align="left" valign="bottom">

<div class="rating" style="float: left;">
<ul class="unit-rating">
<li id="cur-rat$ID$" class="current-rating" style="width: 0px;"></li>
<span id="rt$ID$">
<li><a href="#" title="Плохо" class="r1-unit" onclick="uz.util.Connect.asyncRequest('GET','/photo/59-1-$ID$-13-1',callback);">1</a></li>  
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="uz.util.Connect.asyncRequest('GET','/photo/59-1-$ID$-13-2',callback);">2</a></li>  
<li><a href="#" title="Средне" class="r3-unit" onclick="uz.util.Connect.asyncRequest('GET','/photo/59-1-$ID$-13-3',callback);">3</a></li>  
<li><a href="#" title="Хорошо" class="r4-unit" onclick="uz.util.Connect.asyncRequest('GET','/photo/59-1-$ID$-13-4',callback);">4</a></li>  
<li><a href="#" title="Отлично" class="r5-unit" onclick="uz.util.Connect.asyncRequest('GET','/photo/59-1-$ID$-13-5',callback);">5</a></li>  
</span>
</ul>
</div>

<script type="text/javascript">
  document.getElementById('cur-rat$ID$').style.width=$RATING_NUM$*17; // by Vanofuture
</script>

<div class="rating" style="float: left; padding-top: 2px;"> ($RATING$/$RATING_NUM$)</div>

  </td>
  <td align="right" valign="bottom">

  <a href=# title="Установить юзербар $TITLE$" onclick=popupbb('$FULL_PHOTO_DIRECT_URL$')><img alt="Установить юзербар $TITLE$" border="0" src="http://userbars.ucoz.ua/pictures/bb_1.gif" width="74" height="16"></a>
  <a href=# title="Установить юзербар $TITLE$" onclick=popuphtml('$FULL_PHOTO_DIRECT_URL$')><img alt="Установить юзербар $TITLE$" border="0" src="http://userbars.ucoz.ua/pictures/html_1.gif" width="74" height="16"></a>

</div>

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

</td>
<td width="150" style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right;margin-top:-15px;">$MODER_PANEL$</div><?endif?>
  Название: <a href="$PHOTO_URL$" title="Юзербар $PHOTO_NAME$ ($PHOTO_SIZE$, $PHOTO_WEIGHT$kb)">$PHOTO_NAME$</a>  

<br>

  Категория: <a title="Категория $ALBUM_NAME$" href="$ALBUM_LINK$">$ALBUM_NAME$</a><br>
  Комментарии (<a title="Количество коментариев юзербара: $COMMENTS_NUM$" href="$COMMENTS_URL$">$COMMENTS_NUM$</a>)<br>
  Вес: $PHOTO_WEIGHT$kb<br>
  Добавил: <a href="$PROFILE_URL$">$USER$</a>
</td></tr>

</table>
<br>

После етого в админке в настройках модуля "фотоальбом" выбери выводить материал в одну колонку

вроде бы все!

P.S. Лучше перекачай все картинки что есть в этом шаблоне и сохрани себе на сайт, что б если вдруг что случится ты не остался без картинок.

 
Пахан_[Пыыыхарь]™Дата: Среда, 15.10.2008, 17:13 | Сообщение # 4
Майор
Группа: Пользователи
Сообщений: 82
Репутация: 1
Статус: Offline
Щас попробую

Добавлено (15.10.2008, 17:13)
---------------------------------------------
Спс работает cool

 
Форум о uCoz и Web » Вопросы по веб » HTML и CSS » Как сделать примерно такойже вид фоток? (как на http://userbars.ucoz.ua/)
Страница 1 из 11
Поиск: