• Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Фотоальбомы » Фотоальбом, оформление картинок, поз. относительно родителя (Фотоальбомы, изменение размеров, оформление)
Фотоальбом, оформление картинок, поз. относительно родителя
Дата: Четверг, 03.05.2012, 19:39 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: 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?>">

...


 
Дата: Четверг, 03.05.2012, 20:36 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


Антон, спасибо тебе огромное! У тебя железные нервы! Ты действительно Кодер с большой буквой "К"!!!!
Сегодня уже не хочу тебе надоедать. У меня ещё вопрос связанный с рекламой, вышло немного не так, как я думал! Спрошу у тебя завтра, ок?

Добавлено (03.05.2012, 20:04)
---------------------------------------------
likbezz, теперь оно расстягивается по высоте и вылазит за пределы рамки, я пока прописал максимальную высоту

Добавлено (03.05.2012, 20:36)
---------------------------------------------
likbezz, я понял! Нужно прописать условие если размер фото 1600x900 (растягивается по ширине пока только с этим размером), то ширина такая, высота такая.
Помоги как такое прописать?


Сообщение отредактировал bandjuk - Четверг, 03.05.2012, 20:37
 
Дата: Пятница, 04.05.2012, 10:30 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: 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>

...


 
Дата: Пятница, 04.05.2012, 10:43 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: 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?>">

...


 
Дата: Пятница, 04.05.2012, 12:52 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


likbezz, Спасибки! Антон, только честно скажи, ты специально ошибок кучу наделал? Чтобы я мозгами пошевелил? Ну я таки его добил! biggrin biggrin biggrin biggrin biggrin biggrin
Ещё вопросики:

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!

Прикрепления: 3027828.jpg (198.0 Kb)

 
Дата: Пятница, 04.05.2012, 13:26 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


bandjuk,
Quote (bandjuk)
только честно скажи, ты специально ошибок кучу наделал? Чтобы я мозгами пошевелил?

Где там куча? Только одна ) и то случайная.
...
Quote (bandjuk)
Хочу на странице вида материалов сделать обвод фоток такой же рамкой, но беда в том, что в рамку залазит материал.
Мои действия:
Дописал в твой скрипт ещё один класс:

А зачем ещё один класс? Добавь стили к тому же классу.

Quote (bandjuk)
Вышло фотка растягивается под размер рамки, а самой рамки нет!

У тебя в поиску фотка вообще не ограничена ни по ширине ни по высоте. А бордет есть.
...

Quote (bandjuk)
На главную (да и не только) страницу фотоальбома хочу поставить пару блоков, нужно чтобы там где блоки было 2 фотки в строке, а где их нет - 3 в строке.

Если только информером ... а вообще как-то не очень догнал.
...

Quote (bandjuk)
Тебе нужно срочно на форуме в форме ввода сообщения сделать отступ от нижнего края текста хотябы пикселей на 5!

Это где?


 
Дата: Пятница, 04.05.2012, 13:35 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


likbezz, как минимум 2 tongue
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/, там справа блок

Quote
Это где?
тут, когда пишешь длинное сообщение курсор в нижнюю строку хрен поставишь!
Кстати с информерами тоже трабла! Изменил размер демок, теперь при добавлении новых они 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>




 
Дата: Пятница, 04.05.2012, 14:50 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: 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
- выводятся размером установленным в ПУ.
...


 
Дата: Пятница, 04.05.2012, 15:18 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


Quote
Ну и где две?
Знак больше меньше - не ошибка - просто сначала сравнивали больше ли высота ширины или меньше. А второй раз - со знаком деления - во сколько одно больше другого.

и вправду, просто в предыдущем варианте был знак wacko %) wacko
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 surprised :o


Сообщение отредактировал bandjuk - Пятница, 04.05.2012, 15:45
 
Дата: Пятница, 04.05.2012, 16:01 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: 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>

...


 
Дата: Пятница, 04.05.2012, 16:29 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


Quote
Пропиши родительскому блоку ID == etryMess а в стилях:

я сделал немного по другому, написал в предыдущем сообщении, вроде бы всё нормально работает!

Quote
А у тебя не так?

нет



у тебя когда кликаешь по последнему ряду пытаясь выделить, то попадаешь на границу!

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, в который и вставляется скриптом фотка, если применить стиль к нему, то на фон попадает и текст из новостей! Такая у меня диллема! (((((

Прикрепления: 3999669.png (13.0 Kb) · 3981583.png (11.1 Kb)

Сообщение отредактировал bandjuk - Пятница, 04.05.2012, 16:30
 
Дата: Пятница, 04.05.2012, 18:59 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


bandjuk,
Quote (bandjuk)
нет

- Это просто отступ снизу - туда все равно курсор не впихнешь пока не переведёшь строку )
...

Quote (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;}

...
А так, не в тему, ты понимаешь что именно пишешь когда пишешь стили?
Какой может быть
Code
margin:0 auto;
если у тебя
Code
display:inline;
... ? ))
...


 
Дата: Пятница, 04.05.2012, 19:22 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


likbezz,
Quote
Это просто отступ снизу - туда все равно курсор не впихнешь пока не переведёшь строку )

Когда на последнюю строку с буквой (см. скрин) нажимаешь, то часто попадаешь на линию, увеличь отступ от линии, например как у меня или на форуме Юкоза.

Спасибо! Всё супер!
Как вышло
Антон, как сделать эти фотки ссылками? Чтобы при клике на фотку открывалась страница с материалом и комментами.

Quote
ты понимаешь что именно пишешь когда пишешь стили?

если честно не очень,
Quote
inline - элемент показывается как встроенный. Использование блочных тегов, таких как DIV и P, автоматически создает перенос и показывает содержимое этих тегов с новой строки. Аргумент inline отменяет эту особенность, поэтому содержимое блочных элементов начинается с того места, где окончился предыдущий элемент.


Сообщение отредактировал bandjuk - Пятница, 04.05.2012, 19:31
 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Фотоальбомы » Фотоальбом, оформление картинок, поз. относительно родителя (Фотоальбомы, изменение размеров, оформление)
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск:


Мобильная версия