3K
followers
335
photo
3M
view photo
Portrait of a photographer (avatar) Илья Рашап (Ilya Rashap)

Илья Рашап

— Resident 35PHOTO site
Journal \ Помогите, пожалуйста, с Тегами!! \

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


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

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

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

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

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

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

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

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

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

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

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

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

Если надо - расскажу, что там, как и почему :)
Кстати, приведенный код несколько лучше табличной верстки, поскольку если превьюхи не будут в монитор по ширине влезать, то просто аккуратно перенесутся вниз, и горизонтального скролла не появится :)
Ilya Rashap www.art2photo.comIlya Rashap www.art2photo.com
Я посробую сам понять, а если не разберусь - спрошу. Так полезнее будет, мне кажется.
Aleksey IvanovAleksey Ivanov
Ага, правильно :)
Konstantin ShaminKonstantin Shamin
Вверху описывал как вариант с таблицей, так и просто построчный вывод... выкладывал ссылку :)
alexei bourikinalexei bourikin
очень рад что у вас появился жж :)
буду вас там смотреть-читать
Dzhazator    www.altai photo.ruDzhazator www.altai photo.ru
Давно пора разработчикам сайта привинтить простейший WYSIWYG редактор и все будут нормально работать.

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

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

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

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

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

В любом случае, приведенный вами пример WYSIWYG-редактора - слишком упрощен. Для постинга в ЖЖ, допустим, его почти всегда хватит (да там и свой есть), но вот более сложные задачи ему (без использования кнопки) "HTML Source" ;) не по плечу.
Dzhazator    www.altai photo.ruDzhazator www.altai photo.ru
Я привёл пример для задачи которую поставили :-)
Полностью процесс в руках, а-ля "Блокнот"...
Для простой вёрстки не подходит, т.к. трудоёмкость и вероятность ошибок выше. Для сложных страниц c css, вообще не вариант, это же "жуть"... метаться туда-сюда ;-)
Возможно, для мелких правок и подойдёт... Но всё это сугубо мой взгляд на данные вещи!
Aleksey IvanovAleksey Ivanov
Нет, конечно, когда я говорил о "держании процесса в руках", я говорил, в основном, о редакторах с подсветкой синтаксиса ;)
Но, впрочем, для блогов лично мне и Блокнота или обычного textarea - за глаза :)
Dmitriy dyadyavasya  ShaminDmitriy dyadyavasya Shamin
Современные IDE хорошо справляются с перечисленными вещами. А Frefox+Firebug - просто незаменимая вещь в отладке верстки страницы. Но это уже для сложных ситуаций и проектов. Для набора поста в блог мне за глаза хватает и обычного текстового поля (но тут уже богатый личный опыт).
Aleksey IvanovAleksey Ivanov
Ага, без 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


 
CATALOGUE 10TH 35AWARDS
BEST PHOTOS AND PHOTOGRAPHERS
The catalog contains more than 1500 photos from 25 nominations from more than 1000 authors of the 10th 35AWARDS
More

Subscribe and get the best work 35PHOTO 1 time per week

You can always opt out of receiving the subscription one-click
Subscribe Now!     OR     Best in Telegram
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Select language:
en   ru
Send message to administration
support@35photo.pro - on cooperation issues