[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вид сообщений чата
m1haluc4Дата: Суббота, 06.09.14, 21:10:57 | Сообщение # 1
Рядовой
Группа: VIP
Сообщений: 9
Награды: 0
Репутация: 3
Замечания: 0%
Статус: Offline
Вот ни как не дойдет как правильно и просто прописать все как на картинке :



В данном случае все прописано на локальном сервере таблице :

   
  
Код
<table cellspacing="0" style="width: 100%; text-align: center;">   
   <tr>   
   <td style="padding: 25 15 5 25; margin-right: 20px;" class="mess"> <a title="22:00">Классный сайт я просто тащусь с него админ бог материалы от души я вся намокла</a></td>   
   <td class="avat"><img title="m1haluc4" style="border: 2px solid #fff; border-radius: 75px;" width="75px" height="75px" src="fon.jpg" /></td>   
   </tr>   
   </table>   
   <table cellspacing="0">   
   <tr>   
   <td style="margin-right: 0px;" class="avat1"><img title="m1haluc4" style="border: 2px solid #fff; border-radius: 75px;" width="75px" height="75px" src="fon.jpg" /></td>   
   <td style="padding: 25 15 5 25;margin-left: 0px;" class="mess1"> <a style="color: darkkhaki;" title="23:00">Классный сайт я просто тащусь с него админ бог материалы от души я вся намокла</a><a title="Это ваше сообщение"><hr style="border: 1px dashed #00a083;" /></a></td>   
   </tr>   

   </table>
  
   

В данном случае у меня прописана ширина в таблицах 80% - 20 %
20% - 80%

но ведь таким образом не получится прописать вид сообщений чата непосредственно на сайте уже ,

соответственно мне нужно придумать как это все прописать , чтобы область с аватаром была 75 px и часть с сообщением занимает все остальное пространство и чтобы стиль сообщений чередовался как на картинке , к тому же фон прозрачный нужен , как ни пытался все время на весь чат белый фон , и обязательно фон сообщений и аватара прописать картинками

И как это все сделать уже сломал голову и все равно не допрет ни как, мб поможет кто ? )


Сообщение отредактировал m1haluc4 - Суббота, 06.09.14, 21:12:17
 
АрманДата: Среда, 17.09.14, 13:38:03 | Сообщение # 2
Лейтенант
Группа: Модератор
Сообщений: 47
Награды: 1
Репутация: 3
Замечания: 0%
Статус: Offline
Самое легкое по-моему - иметь 2 стили под какими-то классами скажем класс dark и класс bright. Для четных ставишь один класс, для нечетных другой. Кстати на примере, который ты скинул меняется не прозрачность в чередовании, прозрачность там одинаковая, мне кажется там просто прозрачная картинка белая выводиться над той, как в фотошопе блики делают, тупо белая картинка с прозрачностью 60-70% вставляется над комментарием.
 
ApocalypseДата: Четверг, 18.09.14, 08:01:39 | Сообщение # 3
Подполковник
Группа: Администратор
Сообщений: 107
Награды: 1
Репутация: 11
Статус: Offline
m1haluc4, дай ссылку на картинку, что должна быть основанием блока сообщения
 
m1haluc4Дата: Суббота, 31.01.15, 12:26:29 | Сообщение # 4
Рядовой
Группа: VIP
Сообщений: 9
Награды: 0
Репутация: 3
Замечания: 0%
Статус: Offline
Спустя столько времени нашел решение самостоятельно, все так просто оказалось :D буквально за 1 минуту решил весь вопрос. Можно закрыть тему.
 
  • Страница 1 из 1
  • 1
Поиск: