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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


Здравствуйте уважаемые форумчане!
Подскажите как поправить дизайн. На странице объявления 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


По первой проблеме надо смотреть более конкретно - там скрипт. Вот файл, задающий у Вас отступы: 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


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


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


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


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

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

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

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
2 Boymaster 724 24.4.2024, 17:52
автор: Boymaster
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
151 adw-kupon.ru 19908 23.4.2024, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
20 uahomka 3485 23.4.2024, 11:54
автор: Skyworker
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
30 freeax 5048 20.4.2024, 16:49
автор: Liudmila
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
13 Boymaster 2040 20.4.2024, 15:06
автор: Boymaster


 



RSS Текстовая версия Сейчас: 26.4.2024, 7:30
Дизайн