Это цитата сообщения ka82 Оригинальное сообщение

Далее (текст под кат) Читать (смотреть) далее

Еще у других кнопочки такие или такие

Когда большой объем текста прячем под кат, то пишем в каком-то определенном месте [more]. В итоге получается строчка Читать далее, а весь текст за словом [more] убирается под кат, т.е. становится виден только когда Вы нажимаете на слова типа Читать далее. При желании мы меняем Читать далее на какие-нибудь слова типа Смотреть здесь (тогда напишите [more=Смотреть здесь], Жмякай сюда (тогда напиши [more=Жмякай сюда] и т.д. А есть и чудесные кнопки, когда подставляете адрес нужной вам картинки, слова, флешки, сложные тексты и т.д. Например, простенькую кнопочку-картинку можно создать таким кодом: [more=<img src="АДРЕС КАРТИНКИ" />]. Если хотите сделать четкое выравнивание по центру кнопки, четко строчкой ниже под текстом - в коде уточняйте это, например, так: [more=<center><br />Интересно? Тогда <br /><img src="АДРЕС КАРТИНКИ" /></center>] Будет видно так: Интересно? Тогда <br /> это команда переноса строки. В принципе можете просто сделать новую строку, нажав привычно на Enter. А также можно сделать картинку плюс текст, несколько картинок, бегающие буквы, флешки, картинки с выравниванием и подписью и т.д. Под катом их много, смотрите и берите себе с готовым кодом вставки more=

Вот примерно так должно получиться, когда вставите картинку в код "Далее":

В примере слева просто вставлена кнопка и надпись типа "Читаем далее". В примере справа в конце фрагмента, который убран под кат, поставлен завершающий тег (код) [/more]. Разница в том, что тогда кнопка "Читаем далее" будет внутри рамочки. Если завершающий код (тег) не ставится, то надпись "Читаем далее" выносится ПОД вашу красивую рамочку

Картинку "Читать далее" можно вставить сверху на любой фон, таким образом формируя картинку на чем угодно, сверху или сбоку или по центру. Например, вот так: [more=<center><div style="background-image: url('АДРЕС КАРТИНКИ-ФОНА'); width:ШИРИНА НАПР.370px; height:ВЫСОТА НАПР.156px; "><center><p align="ПОЛОЖЕНИЕ ПОДПИСИ НАПРИМЕР СПРАВА ПО-АНГЛИЙСКИ right"> <img src="АДРЕС КАРТИНКИ-ДАЛЕЕ" /><p></center></div></center>] !!! Вообще-то в коде у меня стоИт div, но при опубликовании странным образом это видно как X-1XJ6 style, R-N9EP или как-то они еще время от времени автоматически преобразуются сами. Проверила - вроде бы и с этим кодом тоже работает. Оптимальные картинки-далее лучше сделать с подводкой букв, чтобы, когда меняется фон (процитировал другой человек с другим фоном в дизайне дневника или автор дневника сам сменил дизайн), кнопочка НЕ сливалась с ним. Например:

И вот еще два вида кнопочек, которые видятся НЕ во всех браузерах, например Опера у меня видит без проблем полукруглое обрамление, а Эксплоэр - нет. А у вас как с двумя кнопками ниже, как они видятся?
Кнопка-1 Внимание!!!У кнопки ниже Опера видит, а Эксплоэр НЕ видит полукруглого обрамления!!!

Читать далее

Пишется это так:

<center>[more=<div style="border-right: white 2px solid; padding-right: 4px; border-top: white 2px solid;padding-left: 3px; font-size: 92%; padding-bottom: 4px; border-left: white 2px solid; color:white; padding-top: 2px; border-bottom: white 2px solid; background-color:white"> <div style="border-radius:20px; box-shadow:-4px -4px 12px gray, 6px 6px 10px gray;background-repeat: repeat-x;"><div style="font-family:areal;color:black;font-size:17px; padding:10px 30px 10px 30px; "> <center> Читать далее </center> </div></div></div>]</center>

Кнопка-2. Внимание!!!У кнопки ниже Опера видит, а Эксплоэр НЕ видит полукруглого обрамления!!!

Читать далее

Пишется это так:

<center>[more=<div style="border-right: white 2px solid; padding-right: 4px; border-top: white 2px solid;padding-left: 3px; font-size: 92%; padding-bottom: 4px; border-left: white 2px solid; color:white; padding-top: 2px; border-bottom: white 2px solid; background-color:white"> <div style="border-radius:20px; box-shadow:-4px -4px 12px gray, 6px 6px 10px gray;background-repeat: repeat-x;"><div style="font-family:areal;color:black;font-size:17px; padding:10px 30px 10px 30px; "> <center> Читать далее </center> </div></div></div>]</center>

Серия сообщений "Кодировщик":

Шрифты, кнопки и прочее оформление

Часть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
...
Часть 18 - Знаки и символы
Часть 19 - Новостная бегущая строка для дневника, сайта
Часть 20 - Далее (текст под кат) Читать (смотреть) далее
Часть 21 - Редкие символы с тегом написания
Часть 22 - Шрифты (надеюсь ваш браузер отображает все перечисленные)
...
Часть 30 - Фильтруем (убедитесь, что ваш браузер видит тени букв)
Часть 31 - Тень у рамки
Часть 32 - Читать закрытые записи