HTML для комментариев в блоге
2013-01-30 03:57:00
... : "Можно использовать следующие
HTML-теги и атрибуты ... можно сделать, используя
HTML-код.
+ развернуть текст сохранённая копия
Ходя по другим блогам и оставляя комментарии, я часто встречаю в форме комментария приписку: "Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>" Или даже кнопки, которые вставляют эти теги автоматически: Жирный, Курсив, Ссылка, Список, Цитата.
В Блоггере таких встроенных кнопок нет. Но это не значит, что в комментариях нельзя написать жирным шрифтом или поставить активную ссылку. Это можно сделать, используя HTML-код.
Например:
- Чтобы текст комментария выделился жирным шрифтом, его нужно заключить в такие вот теги: <b>текст_комментария</b>
- Чтобы текст комментария выделился курсивом, его нужно заключить в такие теги: <i>текст_комментария</i>
- Чтобы в комментарии получилась активная ссылка на какой-то ресурс, надо вставить следующую строку: <a href="адрес_ссылки">текст_ссылки</a>
Для меня этого вполне достаточно, но если мне вдруг захочется, чтобы в комментариях к моему блогу можно было вставлять картинки или смайлики, то можно вставить в шаблон блога специальный скрипт, который несложно найти в интернете (например, NCcode). После его вставки, в комментарии к моим постам можно будет добавлять картинки, выделять строчки цветом, даже бегущую строку делать.
Тэги:
html,
дизайн
[Из песочницы] Мысли о верстке с JavaScript позиционированием
2013-01-29 19:41:17
... />
При обычной верстке
html – задает структуру контента ...
+ развернуть текст сохранённая копия
Добрый день, Хабр!
Рискну опубликовать недавно сформировавшуюся идею относительно верстки современных сайтов, в т.ч. в так называемом «плиточном» стиле. Но прежде чем излагать мысли хочу привести два «предупреждения»:
- я — дилетант. Хотя моя жизнь напрямую связана с программированием уже более 10 лет, я отношусь тем людям, которым интересно в IT очень многое от 3D моделирования до робототехники. А потому бывает, не знаю элементарных для специалиста вещей. Иногда это помогает, иногда мешает, но что есть, то есть.
- если вы хотите в результате «пощупать» технологию в деле, вынужден разочаровать. Все дальнейшее – только изложение мыслей и идей. Создать готовый движок на хорошем уровне у меня не хватит ни времени, ни умений. Впрочем, если кто-то заинтересуется изложенным – я готов всячески содействовать разработке.
Суть идеи.
Наблюдая за тенденциями в дизайне сайтов, которые в плане интерфейса все ближе к приложениям, а также сталкиваясь с проблемами в верстке подобных проектов, захотелось придумать подход упрощающий верстку необычных сайтов (которые постепенно становятся вполне обычными).
При обычной верстке html – задает структуру контента, а css – управляет и позиционированием и визуальным представлением документа. Эта двойственность css приводит к раздутым файлам стилей, внутри которых бывает сложно ориентироваться. Одни и те же свойства управляют и положением и внешним видом элементов – это вносит путаницу и затрудняет отладку.
На мой взгляд, и думаю, эта мысль не нова, позиционированием блоков мог бы заняться JavaScript, это позволит создавать динамические структуры легко адаптирующиеся к разным разрешениям на разных устройствах, но описывать структуру документа на чистом JavaScript – мягко говоря, неудобно. В идеале хотелось бы создать некий «мини-язык» упрощающий возможности разметки документа для человека не являющегося специалистом в JavaScript. В таком «мини-языке» можно было бы максимально просто сформулировать правила адаптации макета к любому разрешению экрана. А JavaScript обеспечил бы выполнение этих правил. Дальнейший код и картинки как раз и показывают, как это могло бы выглядеть.
Читать дальше →
Тэги:
css,
html,
javascript,
веб-разработка,
верстка
Подборка бесплатных java библиотек.
2013-01-29 13:44:58
... . Включает в себя
HTML и CSS шаблоны ...
+ развернуть текст сохранённая копия
Twitter Bootstrap Сайт: http://twitter.github.com/bootstrap/ свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения. Основные инструменты Bootstrap: Сетки — заранее заданные размеры колонок, которые можно сразу же использовать, например ширина колонки 140px относится к классу .span2, который мы можем использовать в CSS описании документа. Шаблоны — Фиксированный [...]
Тэги:
css,
html,
javascript,
jquery,
php
Сбор данных в переменную и передача в поле input
2013-01-29 08:37:28
Демо Скачать Передача состояния checkbox в поле с id=idsd, для того чтобы в поле input отправить ...
+ развернуть текст сохранённая копия
Демо Скачать Передача состояния checkbox в поле с id=idsd, для того чтобы в поле input отправить значение value из checkbox строку mas.push(cbx[i].id); меняем на mas.push(cbx[i].value); <script type="text/javascript"> function checks() { var cbx = document.getElementById('flags').getElementsByTagName('input'), mas = []; for (i=0; i < cbx.length; i++) { if (cbx[i].type == 'checkbox' && cbx[i].checked) { [...]
Тэги:
html,
input,
java,
php
Разбираемся как работает Favicon.ico
2013-01-27 23:21:12
+ развернуть текст сохранённая копия
Разбираемся как работает Favicon.ico Впервые favicon появился в 1999 году в браузере Internet Explorer 5 и с тех пор изменилось не многое. Это почти всегда ICO файл, расположенный в корне сайта /favicon.ico, или как это бывает в CMS размещен в папке темы или изображений: <link rel="shortcut icon" href="/path/to/favicon.ico"> Классический favicon.ico это ICO файл 16×16, с [...]
Тэги:
css,
hack,
html,
дизайн,
разработка