UserPanel

Добро пожаловать на Форум веб-мастеров uCoz!

( Войти | Зарегистрироваться )

Главная форума Последние сообщения Пользователи Правила форума Расширенный поиск RSS лента

  • Страница 1 из 1
  • 1
Архив - только для чтения
Форум веб-мастеров » Разное » Мусор » Кто может помочь с версткой
Кто может помочь с версткой
Дата: Воскресенье, 31.10.2010, 21.45.40 | Сообщение # 1
Без аватара
Уровень 1
Зарегистрирован: 31.10.2010
Пользователь №: 127
Сообщений: 4
Извините, если не в тот раздел. Я верстаю в 1 раз, почти уже доделал, но есть проблема с видом материалов. Если ктото может помочь мне без оплаты, буду очень благодарен.
Ссылка на скрин
PS. После завершения работы над версткой выложу шаблон в паблик
 
Дата: Воскресенье, 31.10.2010, 21.47.52 | Сообщение # 2
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
r3al, no-repeat в background'e пользуйся. Если же линии являются в виде маленького однопискесльного изображения, то repeat-y
 
Дата: Воскресенье, 31.10.2010, 22.58.25 | Сообщение # 3
Без аватара
Уровень 1
Зарегистрирован: 31.10.2010
Пользователь №: 127
Сообщений: 4
Не совсем понял
Code
<td background="/images/7.jpg" ></td>

а куда no-repeat вставить?

Добавлено (31.10.2010, 22:58)
---------------------------------------------
поделено на 8 картинок типа

Сообщение отредактировал r3al - Воскресенье, 31.10.2010, 22.55.54
 
Дата: Понедельник, 01.11.2010, 09.30.56 | Сообщение # 4
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
Quote
<td background="/images/7.jpg" ></td>

вот это можно было вообще в css засунуть
примерный вид:
Quote (html)
<td class="tdugol"></td>

Quote (css)
.tdugol {background: url(/images/7.jpg) no-repeat}

зы: не мешало бы подучить некоторые свойства css перед версткой шаблона
 
Дата: Понедельник, 01.11.2010, 09.51.43 | Сообщение # 5
Без аватара
Уровень 4
Зарегистрирован: 07.09.2010
Пользователь №: 17
Сообщений: 253
Html
Code
<div class="container">    
<div class="lc">  
<div class="rc">
<div class="tc">  
<div class="tr">  
<div class="tl">  
<div class="bc">  
<div class="bl">  
<div class="br">
<p class="text"> <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit.
<strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit.</p>
</div>  
</div>  
</div>  
</div>   
</div>   
</div>   
</div>
</div>
</div>

css

Code

.container{color:#000;background-color:#fff; width:600px;margin: 0 auto}      
.tc{ background:url(http://s011.radikal.ru/i315/1011/3e/bc38f0077e60.png) repeat-x top right;}      
.tl{ background:url(http://s013.radikal.ru/i322/1011/c5/a5a9f948a274.jpg) no-repeat top left;}      
.bc{ background:url(http://s016.radikal.ru/i337/1011/8a/523e537a4560.png) repeat-x bottom right;}      
.bl{ background:url(http://s012.radikal.ru/i320/1011/07/d2f272125b10.png) no-repeat bottom left;}     
.lc{ background:url(http://s016.radikal.ru/i334/1011/98/d29ebe266484.png) repeat-y bottom left;}   
.text{text-align:left; padding:5px 10px 5px 10px;}
.tr{ background:url(http://s015.radikal.ru/i331/1011/45/ac8335232e52.png) no-repeat top right;}    
.br {background:url(http://s004.radikal.ru/i208/1011/06/d3bcbc1d88b9.png) no-repeat bottom right}
.rc {background:url(http://s006.radikal.ru/i215/1011/d7/95d74762e074.png) repeat-y bottom right}

Остальное настраивай сам.

Сообщение отредактировал Just_ - Понедельник, 01.11.2010, 09.53.12
 
Дата: Понедельник, 01.11.2010, 11.40.07 | Сообщение # 6
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
Just_, ты где взял часть кода шаблона? он вроде сайт не размещал blink
 
Дата: Понедельник, 01.11.2010, 13.14.28 | Сообщение # 7
Без аватара
Уровень 4
Зарегистрирован: 07.09.2010
Пользователь №: 17
Сообщений: 253
Reysler,
Скрин в 1 посте есть smile
 
Дата: Понедельник, 01.11.2010, 16.14.04 | Сообщение # 8
Без аватара
Уровень 1
Зарегистрирован: 31.10.2010
Пользователь №: 127
Сообщений: 4
Just_, благодарствую! Какраз думал как через дивы реализовать!
 
Дата: Понедельник, 01.11.2010, 16.24.02 | Сообщение # 9
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
ай, я скрин пропустил surprised
 
Дата: Понедельник, 01.11.2010, 16.57.03 | Сообщение # 10
Без аватара
Читаем подпись!
Зарегистрирован: 06.09.2010
Пользователь №: 14
Сообщений: 758
Quote (Reysler)
Just_, ты где взял часть кода шаблона? он вроде сайт не размещал

тут)
 
Дата: Понедельник, 01.11.2010, 16.58.25 | Сообщение # 11
Без аватара
Уровень 4
Зарегистрирован: 07.09.2010
Пользователь №: 17
Сообщений: 253
Вовчик,
вообще это я там тоже ответил dry
 
Дата: Понедельник, 01.11.2010, 19.05.55 | Сообщение # 12
Без аватара
Читаем подпись!
Зарегистрирован: 06.09.2010
Пользователь №: 14
Сообщений: 758
Just_, точно, я на логин не смотрел. извини! tongue
 
Дата: Среда, 03.11.2010, 22.20.18 | Сообщение # 13
Без аватара
Уровень 1
Зарегистрирован: 31.10.2010
Пользователь №: 127
Сообщений: 4
Code
.tc{ background:url(http://s011.radikal.ru/i315/1011/3e/bc38f0077e60.png) repeat-x ;}  
.tl{ background:url(http://s013.radikal.ru/i322/1011/c5/a5a9f948a274.jpg) no-repeat ;}  
.bc{ background:url(http://s016.radikal.ru/i337/1011/8a/523e537a4560.png) repeat-x ;}  
.bl{ background:url(http://s012.radikal.ru/i320/1011/07/d2f272125b10.png) no-repeat ;}  
.lc{ background:url(http://s016.radikal.ru/i334/1011/98/d29ebe266484.png) repeat-y ;}  
   
.tr{ background:url(http://s015.radikal.ru/i331/1011/45/ac8335232e52.png) no-repeat ;}  
.br {background:url(http://s004.radikal.ru/i208/1011/06/d3bcbc1d88b9.png) no-repeat }  
.rc {background:url(http://s006.radikal.ru/i215/1011/d7/95d74762e074.png) repeat-y }

Code
<table width="464px" >
  <tr>
  <td class="tl"></td>
  <td class="tc">

<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div class="kategories"><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div>
</td>
  <td class="tr"></td>
  </tr>
<tr>
  <td class="lc"></td>
  <td bgcolor="#ffffff">
<div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$

</div>

<div class="eDetails" style="clear:both;">
<?if($CATEGORY_NAME$)?>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?>
Просмотров: $READS$ |
<?if($USERNAME$)?>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?>
Дата: <span title="$TIME$">$DATE$</span>
<?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</td>
  <td class="rc"></td>
</tr>
  <tr>
  <td class="bl"></td>
  <td class="bc"> </td>
  <td class="br"></td>
  </tr>
</table>
<br>

Добавлено (03.11.2010, 22:20)
---------------------------------------------
http://s008.radikal.ru/i303/1011/1e/54121c3db3ea.png

 
Дата: Четверг, 18.11.2010, 22.15.13 | Сообщение # 14
Без аватара
Уровень 1
Зарегистрирован: 18.11.2010
Пользователь №: 160
Сообщений: 10
34534
 
Дата: Пятница, 19.11.2010, 13.09.04 | Сообщение # 15
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
ZebsteR, и что дальше? <_< ты случайно тему с флудилкой не перепутал? confused
 
Форум веб-мастеров » Разное » Мусор » Кто может помочь с версткой
  • Страница 1 из 1
  • 1
Поиск: