X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Подскажите как поправить дизайн
vitek_gagra
vitek_gagra
Topic Starter сообщение 21.4.2012, 17:32; Ответить: vitek_gagra
Сообщение #1


Участник
***

Группа: User
Сообщений: 136
Регистрация: 4.11.2011
Из: Гагра
Поблагодарили: 27 раз
Репутация:   3  


Здравствуйте уважаемые форумчане!
Подскажите как поправить дизайн. На странице объявления http://test.viphost24.ru/ad.html когда нажимаешь на фото, открывается увеличеное фото.
Я хочу увеличить его примерно вот так как на картинке Прикрепленный файл  так.jpg ( 537,83 килобайт ) Кол-во скачиваний: 34


Через firebug посмотрел показывает <div id="popup" class="" style="margin-left: 153px; margin-top: 63px;"> отступы слева и сверху. А коде html странички не нашел style есть этот div но без style.

Подскажите где это изменить.

И еще на главной странице http://test.viphost24.ru/ в блоке горячих предложений. Когда наводишь на авто показывается чуть увеличеное фото и описание объявления. Я у div прописал в css цвет фона и прозрачность, но вместе с прозрачным описанием стало и фото прозрачное smile.gif как его проще сделать что бы фото четко было, а описание с фоном прозрачное?

Что не кто не знает? Нет здесь верстальщиков?


--------------------
Отдых в Абхазии
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Skreep
Skreep
сообщение 22.4.2012, 7:12; Ответить: Skreep
Сообщение #2


Новичок
*

Группа: User
Сообщений: 37
Регистрация: 27.3.2012
Из: Саратов, РФ
Поблагодарили: 14 раз
Репутация:   3  


По первой проблеме надо смотреть более конкретно - там скрипт. Вот файл, задающий у Вас отступы: jquery-add-ons.js. Там есть строчки:
      var marginLeft = Math.max(40, parseInt($(window).width()/2 - $(this).width()/2)) + 'px';
      var marginTop = Math.max(40, parseInt($(window).height()/2 - $(this).height()/2)) + 'px';

Поэкспериментируйте с вот этими числами: $(this).width()/2)) и $(this).height()/2)).
По второму моменту - Вам следует убрать opacity и background у класса hot_up, и обернуть текст вокруг картинки в добавочный див с классом, в свойствах которого и будут прописаны эти свойства. Примерно вот так:
HTML
<div class="hot_up">
    <div class="opac">
        <span>Смоленск</span> <span class="hot_all">Всего фото 5</span><br>
    </div>
    <img src="%D0%93%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F_files/cnt_main_hot.jpg" alt="" width="170px">
    <div class="opac">
        <span>Mersedes S Klass, 2009г.</span><br>
        <span><span class="red">цена:</span> 39,000000 руб</span>
    </div>
</div>

CSS
.hot_up {
   display: none;
   width:170px;
   padding:3px;
   font-size:11px;
   position: absolute;
   top:-13px;
   left:-10px;
   z-index:100;
   border:3px solid #fff;
}
.opac {
   background: #333332;
   opacity: 0.7;
}


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vitek_gagra
vitek_gagra
Topic Starter сообщение 22.4.2012, 10:55; Ответить: vitek_gagra
Сообщение #3


Участник
***

Группа: User
Сообщений: 136
Регистрация: 4.11.2011
Из: Гагра
Поблагодарили: 27 раз
Репутация:   3  


Skreep, большое спасибо, щас попробую.


--------------------
Отдых в Абхазии
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ergonav
Ergonav
сообщение 22.4.2012, 18:16; Ответить: Ergonav
Сообщение #4


Частый гость
**

Группа: User
Сообщений: 59
Регистрация: 9.12.2011
Поблагодарили: 2 раза
Репутация:   -4  


Уменьши шрифт второго блока, и увеличь отступы.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vitek_gagra
vitek_gagra
Topic Starter сообщение 8.6.2012, 0:24; Ответить: vitek_gagra
Сообщение #5


Участник
***

Группа: User
Сообщений: 136
Регистрация: 4.11.2011
Из: Гагра
Поблагодарили: 27 раз
Репутация:   3  


Подскажите как подправить дизайн на сайте http://test.abkhaz-auto.ru/
Справа в блоке "последние комментарии" когда название новости длинное то название новости уходит под аватарку, как в первом и втором сообщение. А я хочу что бы было как в третьем сообщение В новости: было сразу под Написал:

И еще Аватарка в этом же блоке она меньше чем окошко под нее, она сверху начинается, а я хочу что бы по вертикали она была по центру.

Как это сделать, кто знает подскажите плиз.

Спасибо Skreep за помощь, тему можно крыть.


--------------------
Отдых в Абхазии
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Маленький кейс как сделать много почтовых ящиков в Gmail
Один аккаунт = много ящиков
0 PostBrigada 310 Сегодня, 0:32
автор: PostBrigada
Открытая тема (нет новых ответов) Как мошенники зарабатывают на прямых трансляциях в Instagram
Не ждите порно в инстаграм, его нет
8 PostBrigada 926 Сегодня, 0:14
автор: PostBrigada
Открытая тема (нет новых ответов) Видеомаркетинг как инструмент развития интернет-магазина
11 PostBrigada 2144 Вчера, 20:30
автор: galikfor
Открытая тема (нет новых ответов) Facebook палит прокси. Кто как решает эту проблему?
28 Twickbot 3613 Вчера, 20:26
автор: galikfor
Открытая тема (нет новых ответов) Обман пользователей мобильного интернета, о как =)
11 RMak 1486 Вчера, 12:53
автор: RMak


 



RSS Текстовая версия Сейчас: 15.12.2017, 4:58
Дизайн