3K
подписчики
335
фото
3M
просм. фото
Портрет фотографа (аватар) Илья Рашап (Ilya Rashap)

Илья Рашап

— Резидент сайта 35PHOTO
Журнал \ Помогите, пожалуйста, с Тегами!! \

Помогите, пожалуйста, с Тегами!!


Очень хочется уметь делать вот такие посты

http://niyazz.35photo.ru/journal/2141.html

Конкретный вопросы:
- как это сделано, чтобы картиночки превьюшками ровненько стояли, а при тычке открывались большие.
- как сделаны ссылки
- как перекрашен текст

Если можно - дайте ссылки на грамотные шпаргалки по тегам с примерами...

Та же самая просьба по тегам в ЖЖ - у меня тоже там вечно все вкривь и вкось...

Заранее благодарен, Илья
1736     создана 28 oct, 2009
  

Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
Эх вы...
Как философию разводить - так все горазды, а как как дело конкретное спросишь - ни "бе", ни "ме"...
-)
Наталья ВоронцоваНаталья Воронцова
автор указанной ссылки, наверное должен знать как это сделано...
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
Ппц, я б не догадался -)
Я написал автору.
Если он ответит, вопрос будет снят.
Наталья ВоронцоваНаталья Воронцова
Знаю, что для того чтобы добавить на страницу графическую ссылку, служит тег < a href="ссылка на веб-страницу с изображением">< img src="ссылка на превьюшку">< /a>
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
Спасибо.
Я хотел более подробно - а именно - вот как именно это сделано.
Несколько превью ровными рядами
Наталья ВоронцоваНаталья Воронцова
Для картинок рядом так: < a href="ссылка на веб-страницу с изображением">< img src="ссылка на превьюшку1">< /a>< a href="ссылка на веб-страницу с изображением">< img src="ссылка на превьюшку2">< /a>
Наталья ВоронцоваНаталья Воронцова
И еще по умолчанию браузер окружает картинку в графической ссылке рамкой. Если это нежелательно, то атрибуту border тега img нужно присвоить значение 0

< a href="адрес сайта с картинкой">< img src="ссылка на превьюшку" border="0">< /a>
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
Спасибо, буду пробовать.
Алексей ИвановАлексей Иванов
Не каждый браузер, кстати. Только IE :)
И вообще это зависит от прописанных на странице стилей :)
Наталья ВоронцоваНаталья Воронцова
Со стилями понятно, а вот по поводу разночтения браузерами рамок не знала
Наталья ВоронцоваНаталья Воронцова
Тег гиперрсылки < a href="http://ссылка на сайт">Текст гиперссылки< /a>
Наталья ВоронцоваНаталья Воронцова
Тег цвета текста < body text="Код цвета веб-палитры" >
< a href="Адрес сайта" >Текст ссылки< /a >
< /body >
Я во всех тегах наставила пробелов, чтобы корректно здесь отображались. А вообще это все хозяйство без пробелов пишется
Константин ШаминКонстантин Шамин
Эх, расписал подробно, но... "Комментарий должен быть написан текстом." :)

update.
Андрей ЖитковАндрей Житков
http://htmlka.com/
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
Спасибо!
Алексей ИвановАлексей Иванов
Неплохой справочник по HTML - http://html.manual.ru/
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
благодарю
Александр ПутевАлександр Путев
Ну тут уже советов набросали поэтому нет смысла тебе объяснять) Если что пиши расскажу.
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
Расскажи.
Вот как сделать ЭТО по-человечески?
http://rashap.livejournal.com/
Последний пост.
Что требовалось - одна большая картинка, затем белый пробел, затем в горизонтальный ряд вместе 3 превьюшки.
Затем надписть "смотреть большие".

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

Вот как это сделать по-человечески?
Джазатор -  www.altai-photo.ruДжазатор - www.altai-photo.ru
Попробуйте использовать Таблицу. Разберитесь, как задавать размеры ячеек, вставляйте с них фото размером не больше, чем установили ячейку.
Алексей ИвановАлексей Иванов
Не получается запостить код комментом, лови ссылкой - http://dl.getdropbox.com/u/2390025/code_4rashap.html

Просто копируй и вставляй :)
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
О! Спасибо. Попробую. Если все получится - буду сидеть разбираться, что там написано и почему.
Алексей ИвановАлексей Иванов
Я обновил ссылку - в первом варианте слегка накосячил с < и > :)

Если надо - расскажу, что там, как и почему :)
Кстати, приведенный код несколько лучше табличной верстки, поскольку если превьюхи не будут в монитор по ширине влезать, то просто аккуратно перенесутся вниз, и горизонтального скролла не появится :)
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
Я посробую сам понять, а если не разберусь - спрошу. Так полезнее будет, мне кажется.
Алексей ИвановАлексей Иванов
Ага, правильно :)
Константин ШаминКонстантин Шамин
Вверху описывал как вариант с таблицей, так и просто построчный вывод... выкладывал ссылку :)
alexei bourikinalexei bourikin
очень рад что у вас появился жж :)
буду вас там смотреть-читать
Джазатор -  www.altai-photo.ruДжазатор - www.altai-photo.ru
Давно пора разработчикам сайта привинтить простейший WYSIWYG редактор и все будут нормально работать.

А так, вот, что первое попалось,
http://www.themaninblue.com/experiment/widgEditor/
посмотрите, это удобнее, чем html и нагляднее ;-)
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
А что это - какая-то визуализация всех этих катов?

В ЖЖ это будет работать?
Джазатор -  www.altai-photo.ruДжазатор - www.altai-photo.ru
Да, визуально, так же проще :-)
А чем вам livejournal плох? Там и визуальный и html... Вообще, как вариант, создаёте там, нажимаете вкладку HTML и полученный код переносите сюда. Должно работать, если, что тут не отрезали разработчики.
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
Если вы посмотрите мой последний пост в ЖЖ, то обнаружите результат моей нехватки времени на изучение всего этого дерьма...
Все это прекрасно работает, пока не требуется сделать что-то сложное...

Да, надо подучиться...
Джазатор -  www.altai-photo.ruДжазатор - www.altai-photo.ru
Это не сложно. Я посмотрел. Выше вам ответил. Таблица это идеальный вариант. ;-) Главное пробовать!
Илья Рашап www.art2photo.comИлья Рашап www.art2photo.com
ок, спасибо
Дмитрий dyadyavasya  ШаминДмитрий dyadyavasya Шамин
В ЖЖ ведь есть визуальный редактор. И его можно переключить в редактор тегов. И кому где удобнее, там пост и строчить. Можно вначале в визуальном редакторе все набросать, а потом уже в теговом подправить мелочи (но это нужно знание тегов).
Алексей ИвановАлексей Иванов
Визуалки как бы далеко не лучший вариант... Ибо часто такого накодят, что волосы дыбом встают в самых разных местах :)
Джазатор -  www.altai-photo.ruДжазатор - www.altai-photo.ru
Это из прошлого! Конечно, если вы не из word экспорт страниц делаете :-) Просто, нужно правильно использовать инструмент. Для каждой задачи - свой! Гвозди можно и топором забивать, правильно?
Алексей ИвановАлексей Иванов
Да нет, к сожалению, не из прошлого. Хотя сейчас действительно визуальные редакторы работают существенно лучше, чем раньше.

For whom how, конечно. Но лично мне приятнее полностью держать процесс в руках, точно зная, что никаких лишних переносов и "левых" пикселей в результате работы визуального редактора не появится, и, соответственно, не будет возникать необходимость их потом отлавливать.

А Word - эт да, настолько перегруженного кода, кажется, не делает ничто %)

В любом случае, приведенный вами пример WYSIWYG-редактора - слишком упрощен. Для постинга в ЖЖ, допустим, его почти всегда хватит (да там и свой есть), но вот более сложные задачи ему (без использования кнопки) "HTML Source" ;) не по плечу.
Джазатор -  www.altai-photo.ruДжазатор - www.altai-photo.ru
Я привёл пример для задачи которую поставили :-)
Полностью процесс в руках, а-ля "Блокнот"...
Для простой вёрстки не подходит, т.к. трудоёмкость и вероятность ошибок выше. Для сложных страниц c css, вообще не вариант, это же "жуть"... метаться туда-сюда ;-)
Возможно, для мелких правок и подойдёт... Но всё это сугубо мой взгляд на данные вещи!
Алексей ИвановАлексей Иванов
Нет, конечно, когда я говорил о "держании процесса в руках", я говорил, в основном, о редакторах с подсветкой синтаксиса ;)
Но, впрочем, для блогов лично мне и Блокнота или обычного textarea - за глаза :)
Дмитрий dyadyavasya  ШаминДмитрий dyadyavasya Шамин
Современные IDE хорошо справляются с перечисленными вещами. А Frefox+Firebug - просто незаменимая вещь в отладке верстки страницы. Но это уже для сложных ситуаций и проектов. Для набора поста в блог мне за глаза хватает и обычного текстового поля (но тут уже богатый личный опыт).
Алексей ИвановАлексей Иванов
Ага, без Firebug'а - никуда :)
Приозерск (1)
Юрий Дёмин, 07 nov, 2023
(без названия)
Лысенкова Аксинья, 27 oct, 2023
Обо мне??
Maks Miron, 05 jun, 2023
(без названия) (1)
Лю Алиса, 05 aug, 2022
https://zen.yandex.ru/foto_alex44arh
Титов Александр, 20 jul, 2022
(без названия)
Игорь Рейшонок, 04 may, 2022
Ищу моделей
Кривко Иван, 20 apr, 2022
(без названия)
Демкина Надежда, 13 dec, 2021
Dream Night
Sabet Siamak, 22 nov, 2021
Ig (1)
Bartnik Karol, 19 aug, 2021
Волшебная дверь.
Zubarev Edgar, 27 dec, 2020
Я в зеркале и на фотографиях.
Александр Сейд Панов, 17 nov, 2020
Про дубли.
Александр Сейд Панов, 25 apr, 2020


 
Каталог 10TH 35AWARDS
ЛУЧШИЕ ФОТО И ФОТОГРАФЫ
В каталоге представлено больше 1500 фотографий из 25 номинаций от более чем 1000 авторов 10-й фотопремии 35AWARDS
Подробнее

Подпишись и получай лучшие работы 35PHOTO 1 раз в неделю

Всегда можешь отказаться от получения подписки одной кнопкой
Подпишись сейчас!     OR     Лучшее в Telegram
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Select language:
en   ru
Связь с администрацией
support@35photo.pro - on cooperation issues