На этой страничке хотела с вами поделиться информацией,которая может пригодиться в управлении блогом.
В большей степени, для себя хочу собрать все в одном месте, чтоб постоянно не искать как это делается.
Может кому-то будет полезно и интересно. А для кого-то совсем не ново.
Для того чтоб написать в посте HTML-код в виде текста надо перевести специальные символы кода в их текстовые обозначения. Заменить все правые угловые скобочки < на <, левые угловые скобочки > на >
Вот небольшая табличка с элементами замены:
окошечко для вставки кода:
делается так:
<textarea rows="2" cols="60"> ВАШ КОД </textarea>
где cols - ширина окошка в px, а rows - число строк в окне.
Цитата в рамку:
В большей степени, для себя хочу собрать все в одном месте, чтоб постоянно не искать как это делается.
Может кому-то будет полезно и интересно. А для кого-то совсем не ново.
Сама недавно только с этим всем начала разбираться. Буду рада любым поправкам и советам.
Первое с чем столкнулась при написании этого сообщения - это то что просто так HTML-код в тексте не написать, он сразу же начинает выполнять свою функцию и в опубликованном сообщение отображается не как код, а как то что мы хотели этим кодом добавить.Для того чтоб написать в посте HTML-код в виде текста надо перевести специальные символы кода в их текстовые обозначения. Заменить все правые угловые скобочки < на <, левые угловые скобочки > на >
Вот небольшая табличка с элементами замены:
| Спецсимвол | Вид в браузере |
окошечко для вставки кода:
делается так:
<textarea rows="2" cols="60"> ВАШ КОД </textarea>
где cols - ширина окошка в px, а rows - число строк в окне.
Цитата в рамку:
Добавление активной ссылки в комментарий:
<a href="ссылка">текст</a>
Добавление таблицы в сообщение:
Код копируем и вставляем в нужное нам место в режиме HTML.
<table border="1">
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец 2</td>
</tr>
<tr>
<td>столбец 1</td>
<td>столбец 2</td>
</tr>
</tbody>
</table>
получается вот так:
Здесь
<table>- вставка таблицы
<tr>/ </tr>- начало/конец строки
<td>/ </td>- начало-конец столбца
Количество столбцов и строк можно задавать по желанию.
Кнопка Вверх/В начало:
Самый простой способ с готовой кнопкой, которая не исчезает. Но картинку можно заменить на свою, поменяв адрес изображения.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Поехали на Верх"> <img border="0" alt="Back to TOP" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijmjs8cIjCSV7I1iOZ4rvXFQG0hWhpr15uYEgJERuCAY3xYvmvmq25tmjN_Z93GWRE5kWa4g5DbHMXE7e-EuGwv9PLcPxeSX66NufqCbbBa7cWx0wxC7PSjpeCHFedSYOtQPq5VBa1jJ0/s1600/cooltext748576156.png"/></a>
Устанавливаем как гаджет: "Дизайн" -- "Добавить гаджет" -- "HTML/JavaScript" -- код. Сохраняем. Перетягиваем в любое место, так как расположение кнопки оговорено: по 5 пикселей снизу и справа.
<td>столбец 1</td>
<td>столбец 2</td>
</tr>
</tbody>
</table>
получается вот так:
| столбец 1 | столбец 2 |
| столбец 1 | столбец 2 |
<table>- вставка таблицы
<tr>/ </tr>- начало/конец строки
<td>/ </td>- начало-конец столбца
Количество столбцов и строк можно задавать по желанию.
Кнопка Вверх/В начало:
Самый простой способ с готовой кнопкой, которая не исчезает. Но картинку можно заменить на свою, поменяв адрес изображения.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Поехали на Верх"> <img border="0" alt="Back to TOP" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijmjs8cIjCSV7I1iOZ4rvXFQG0hWhpr15uYEgJERuCAY3xYvmvmq25tmjN_Z93GWRE5kWa4g5DbHMXE7e-EuGwv9PLcPxeSX66NufqCbbBa7cWx0wxC7PSjpeCHFedSYOtQPq5VBa1jJ0/s1600/cooltext748576156.png"/></a>
Устанавливаем как гаджет: "Дизайн" -- "Добавить гаджет" -- "HTML/JavaScript" -- код. Сохраняем. Перетягиваем в любое место, так как расположение кнопки оговорено: по 5 пикселей снизу и справа.
Полезная информация про дополнительные страницы:
Комментариев нет:
Отправить комментарий
Спасибо что заходите. Ваше мнение для меня очень важно.