Фотоальбом, оформление картинок, поз. относительно родителя
|
|
|
2012-05-03Дата: Четверг, 03.05.2012, 19:39 | Сообщение # 16 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
bandjuk, Quote (bandjuk) Стили в ксс записывать прямо с <!--[if lt IE 8]> или в ксс засунут нельзя? В CSS засунуть нельзя, прямо в шаблоне. ... Quote (bandjuk) 2. Некоторые фотки отображаются некоректно http://fotki.ucoz.ua/photo/devushki/hd/9-15-0-0-2 А какого она имеет класс vertImg если она горизонтальная? ... Код выше смотри ... А, ёпт, мой косяк )) - мог бы и сам заметить : Поправь условие: Code <div class="<?if(substr($PHOTO_SIZE$,0,strpos($PHOTO_SIZE$,'x'))>substr($PHOTO_SIZE$, strpos($PHOTO_SIZE$, 'x')+1))?>gorImg<?else?>vertImg<?endif?>"> ...
| | |
|
|
2012-05-03Дата: Четверг, 03.05.2012, 20:36 | Сообщение # 17 |
Генерал-майор
Группа: Пользователи
Статус: Offline
|
Антон, спасибо тебе огромное! У тебя железные нервы! Ты действительно Кодер с большой буквой "К"!!!! Сегодня уже не хочу тебе надоедать. У меня ещё вопрос связанный с рекламой, вышло немного не так, как я думал! Спрошу у тебя завтра, ок?
Добавлено (03.05.2012, 20:04) --------------------------------------------- likbezz, теперь оно расстягивается по высоте и вылазит за пределы рамки, я пока прописал максимальную высоту
Добавлено (03.05.2012, 20:36) --------------------------------------------- likbezz, я понял! Нужно прописать условие если размер фото 1600x900 (растягивается по ширине пока только с этим размером), то ширина такая, высота такая. Помоги как такое прописать?
Сообщение отредактировал bandjuk - Четверг, 03.05.2012, 20:37 | | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 10:30 | Сообщение # 18 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
bandjuk, Quote (bandjuk) теперь оно расстягивается по высоте и вылазит за пределы рамки, я пока прописал максимальную высоту Вот так, наверно лучше будет:
☑ http://likbezz.ru/_example/sites/_part1/fotki/fotki_phpto_1.html
Шаблон тот же, меняем только стили, и убери их из вида материалов в CSS/
Code <style type="text/css"> div.imgRelativBox,div.imgRelativBox div{display:block;zoom:1;} div.imgRelativBox{position:relative;width:300px;height:185px;overflow:hidden;margin-left:10px;*margin-left:0px;} div.imgRelativBox div{position:relative;top:50%;left:50%;display:block;} div.imgRelativBox div img{display:block;position:absolute;left:-150px;top:-92px;z-index:999;cursor:pointer;} div.imgRelativBox div.gorImg img{width:300px;height:auto;} div.imgRelativBox div.vertImg img{width:auto;height:185px;} </style> ...
| | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 10:43 | Сообщение # 19 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Quote (bandjuk) Помоги как такое прописать? Уже прописано. Но можно немного поправить, нам же нужно не просто больше/меньше ... а по коэффициенту на который ширина больше, типа: У тя фотка: 300/185 == 1,62 Следовательно, Если ширина / на высоту > 1.60 = горизонтальная фотка, иначе вертикальная . Code <div class="<?if(substr($PHOTO_SIZE$,0,strpos($PHOTO_SIZE$,'x'))/substr($PHOTO_SIZE$, strpos($PHOTO_SIZE$, 'x')+1)>'1.60')?>gorImg<?else?>vertImg<?endif?>"> ...
| | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 12:52 | Сообщение # 20 |
Генерал-майор
Группа: Пользователи
Статус: Offline
|
likbezz, Спасибки! Антон, только честно скажи, ты специально ошибок кучу наделал? Чтобы я мозгами пошевелил? Ну я таки его добил! Ещё вопросики:
1. Хочу на странице вида материалов сделать обвод фоток такой же рамкой, но беда в том, что в рамку залазит материал. Мои действия: Дописал в твой скрипт ещё один класс: Quote ..... b[i].src)){ src=b[i].src;cont.prepend($('<img/>').attr('src',src).addClass('preview').addClass('prev')) ........ в ксс прописал этому стилю эту рамку. Вышло фотка растягивается под размер рамки, а самой рамки нет!
2. На главную (да и не только) страницу фотоальбома хочу поставить пару блоков, нужно чтобы там где блоки было 2 фотки в строке, а где их нет - 3 в строке.
Мысли по реализации - пока 0 ((((!
3. Тебе нужно срочно на форуме в форме ввода сообщения сделать отступ от нижнего края текста хотябы пикселей на 5!
| | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 13:26 | Сообщение # 21 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
bandjuk, Quote (bandjuk) только честно скажи, ты специально ошибок кучу наделал? Чтобы я мозгами пошевелил? Где там куча? Только одна ) и то случайная. ... Quote (bandjuk) Хочу на странице вида материалов сделать обвод фоток такой же рамкой, но беда в том, что в рамку залазит материал. Мои действия: Дописал в твой скрипт ещё один класс: А зачем ещё один класс? Добавь стили к тому же классу.
Quote (bandjuk) Вышло фотка растягивается под размер рамки, а самой рамки нет! У тебя в поиску фотка вообще не ограничена ни по ширине ни по высоте. А бордет есть. ...
Quote (bandjuk) На главную (да и не только) страницу фотоальбома хочу поставить пару блоков, нужно чтобы там где блоки было 2 фотки в строке, а где их нет - 3 в строке. Если только информером ... а вообще как-то не очень догнал. ...
Quote (bandjuk) Тебе нужно срочно на форуме в форме ввода сообщения сделать отступ от нижнего края текста хотябы пикселей на 5! Это где?
| | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 13:35 | Сообщение # 22 |
Генерал-майор
Группа: Пользователи
Статус: Offline
|
likbezz, как минимум 2 Quote <div class="<?if(substr($PHOTO_SIZE$,0,strpos($PHOTO_SIZE$,'x'))/substr($PHOTO_SIZE$, strpos($PHOTO_SIZE$, 'x')+1)>'1.60')?>gorImg<?else?>vertImg<?endif?>"> синее поменять местами красное - должен быть >
Quote А зачем ещё один класс? Добавь стили к тому же классу. это как? Тем более он у меня связпн с фоткой на странице с фоткой и комментами, кстати это тоже проблема, т.к. там фотка расстягивается.
Quote а вообще как-то не очень догнал. Вот пример как я хочу сделать http://www.goodfon.ru/, там справа блок
тут, когда пишешь длинное сообщение курсор в нижнюю строку хрен поставишь! Кстати с информерами тоже трабла! Изменил размер демок, теперь при добавлении новых они 300 на 185, и в информере так выводятся (огромные)! Прописывал стили, нихера не помогло, вот код:
Quote <div align="center"> <?if($CAT_NAME$)?> <div style="padding-top:0px; font: normal 12pt Comic Sans MS;text-align: center;"> <a title="Нажмите для перехода в категорию" href="$CAT_URL$">$CAT_NAME$</a></div> <?endif?> <fieldset style="width: 100px; height: 80px; padding: 2px; border: 5px #1874CD ridge; border-radius:10px; font: normal 14pt Comic Sans MS; color: #FFCC00;"><div style="width: 100px !impotant; height: 80px !impotant;"> <a href="$CAT_URL$" title="Обои $CAT_NAME$">$PHOTO$</a></div></fieldset> <a href="http://fotki.ucoz.ua/photo"Target="_blank"alt="Обои"title="Скачать обои">Скачать обои</a></div>
| | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 14:50 | Сообщение # 23 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
bandjuk, Quote (bandjuk) как минимум 2 Ну и где две? Знак больше меньше - не ошибка - просто сначала сравнивали больше ли высота ширины или меньше. А второй раз - со знаком деления - во сколько одно больше другого. ... Quote (bandjuk) это как? Тем более он у меня связпн с фоткой на странице с фоткой и комментами, кстати это тоже проблема, т.к. там фотка расстягивается. Добавляй нужные стили для полной страницы только в шаблон страницы ... Или измени классы на странице материала и комментариев - там же отдельный шаблон - какие проблемы? ... Quote (bandjuk) Вот пример как я хочу сделать http://www.goodfon.ru/, там справа блок Нет, у тебя так не прокатит - там все на зафлоченных дивах, а у тебя таблица. ... Quote (bandjuk) тут, когда пишешь длинное сообщение курсор в нижнюю строку хрен поставишь! На Enter нажимать не пробовал ))) А на кнопочку [Увеличить поле] ...
Quote (bandjuk) Кстати с информерами тоже трабла! Изменил размер демок, теперь при добавлении новых они 300 на 185, и в информере так выводятся (огромные)! Ты где-то что-то путаешь... Разберись с операторами. Или выводи вот так: Code <img src="$PHOTO_DIRECT_URL$" alt="" />
Вот, на информере сделано: http://likbezz.ru/index/test_16_07_2010/0-15 - выводятся размером установленным в ПУ. ...
| | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 15:18 | Сообщение # 24 |
Генерал-майор
Группа: Пользователи
Статус: Offline
|
Quote Ну и где две? Знак больше меньше - не ошибка - просто сначала сравнивали больше ли высота ширины или меньше. А второй раз - со знаком деления - во сколько одно больше другого. и вправду, просто в предыдущем варианте был знак %) Quote Добавляй нужные стили для полной страницы только в шаблон страницы ... Или измени классы на странице материала и комментариев - там же отдельный шаблон - какие проблемы? я окончательно запутался! Если я пропишу в шаблоне фото и комментов другой класс, например так: <span class="eMessageD">$PHOTO$<span> Quote eMessageD img{display:block;margin:0 auto; width: 500px; height: auto;} то в поиске картинка не выводится, а если так: Quote <span class="eMessage">$PHOTO$<span> .eMessage img{display:block;margin:0 auto;} то получается, как я писал! Нихера не соображу :( Проблема решена! Я гений!!! )))))))) Quote span.eMessage img{width:auto; height:auto;} умнею по-немногу! ))))))
Quote На Enter нажимать не пробовал ))) А на кнопочку [Увеличить поле] та всё равно как-то стрёмно оно у тебя ...
Quote Ты где-то что-то путаешь... Разберись с операторами. Или выводи вот так: Мне нужно чтобы фотки в информере были 100 на 80 а они так: http://fotki.ucoz.ua/index/informery_dlja_sajta/0-5 в самом низу страницы. Уже и так писал: Quote <div style="width: 100px !impotant; height: 80px !impotant;"> <a href="$CAT_URL$" title="Обои $CAT_NAME$"><img src="$PHOTO_DIRECT_URL$" alt="" /></a> </div> и так:
Quote <div style="width: 100px !impotant; height: 80px !impotant;"> <a href="$CAT_URL$" title="Обои $CAT_NAME$">$PHOTO$</a> </div> всё равно сука последняя фотка идёт 300 на 185 :o
Сообщение отредактировал bandjuk - Пятница, 04.05.2012, 15:45 | | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 16:01 | Сообщение # 25 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
bandjuk, Quote (bandjuk) Если я пропишу в шаблоне фото и комментов другой класс, например так: <span class="eMessageD">$PHOTO$<span> А какой у тебя там шаблон? Пропиши родительскому блоку ID == etryMess а в стилях: Code #etryMess span.eMessageD img{display:block;margin:0 auto;width: 500px;height: auto;} Родительскому - это значит любому, что выше по иерархии элементу. ...
Quote (bandjuk) та всё равно как-то стрёмно оно у тебя ... А у тебя не так? А на юкозе не так? - там то же самое. ) Могу авторастяжку поставить ) ...
Quote (bandjuk) Мне нужно чтобы фотки в информере были 100 на 80 а они так: http://fotki.ucoz.ua/index/informery_dlja_sajta/0-5 в самом низу страницы. Code <img style="width:100px;height:80px;" src="$PHOTO_DIRECT_URL$" alt="" /> Или Code <div style="width:100px;height:80px;position:relative;"> <a href="$CAT_URL$" title="Обои $CAT_NAME$"><img style="width:100%;height:auto;border:0;" src="$PHOTO_DIRECT_URL$" alt="" /></a> </div> ...
| | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 16:29 | Сообщение # 26 |
Генерал-майор
Группа: Пользователи
Статус: Offline
|
Quote Пропиши родительскому блоку ID == etryMess а в стилях: я сделал немного по другому, написал в предыдущем сообщении, вроде бы всё нормально работает!
нет
у тебя когда кликаешь по последнему ряду пытаясь выделить, то попадаешь на границу!
Quote А на юкозе не так? - там то же самое. ) та ну нахер Quote Могу авторастяжку поставить ) это что?
С информерами всё вышло! Спасибо!
Последнее. Помоги добить поиск! Смотри если я вставляю в стиль выводимой в поиске фотки бекграунд, так: Quote img.preview{height:250px; width:320px; background:url(http://fotki.ucoz.ua/diz/fon.jpg) center no-repeat; margin:0 auto; display:inline;} моя фоновая картинка вставляется, но соответственно м растягивается сама фотка и закрывает фон! Нужно как-то прилепить фон, а по верх него фотку, а как это сделать я хз, потому, что в виде поиска нет фотки, есть тупо eMessage, в который и вставляется скриптом фотка, если применить стиль к нему, то на фон попадает и текст из новостей! Такая у меня диллема! (((((
Сообщение отредактировал bandjuk - Пятница, 04.05.2012, 16:30 | | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 18:59 | Сообщение # 27 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
bandjuk, - Это просто отступ снизу - туда все равно курсор не впихнешь пока не переведёшь строку ) ...
- Это когда чем больше набил, тем длиннее поле ) ...
Quote (bandjuk) Смотри если я вставляю в стиль выводимой в поиске фотки бекграунд, так: Quote img.preview{height:250px; width:320px; background:url(http://fotki.ucoz.ua/diz/fon.jpg) center no-repeat; margin:0 auto; display:inline;} моя фоновая картинка вставляется, но соответственно м растягивается сама фотка и закрывает фон! Ну так естественно растягивается ) Ты ж к чему стили применяешь? - к фотке. Попробуй так: Code img.preview{height:230px;width:300px;padding:10px;background:url(http://fotki.ucoz.ua/diz/fon.jpg) center no-repeat;} ... А так, не в тему, ты понимаешь что именно пишешь когда пишешь стили? Какой может быть если у тебя ... ? )) ...
| | |
|
|
2012-05-04Дата: Пятница, 04.05.2012, 19:22 | Сообщение # 28 |
Генерал-майор
Группа: Пользователи
Статус: Offline
|
likbezz, Quote Это просто отступ снизу - туда все равно курсор не впихнешь пока не переведёшь строку ) Когда на последнюю строку с буквой (см. скрин) нажимаешь, то часто попадаешь на линию, увеличь отступ от линии, например как у меня или на форуме Юкоза.
Спасибо! Всё супер! Как вышло Антон, как сделать эти фотки ссылками? Чтобы при клике на фотку открывалась страница с материалом и комментами.
Quote ты понимаешь что именно пишешь когда пишешь стили? если честно не очень, Quote inline - элемент показывается как встроенный. Использование блочных тегов, таких как DIV и P, автоматически создает перенос и показывает содержимое этих тегов с новой строки. Аргумент inline отменяет эту особенность, поэтому содержимое блочных элементов начинается с того места, где окончился предыдущий элемент.
Сообщение отредактировал bandjuk - Пятница, 04.05.2012, 19:31 | | |
|