Сочетание цвета в нашей жизни... Цвет в нашей жизни играет огромную рол...
Corel PhotoMirage - программа для анимации картинок - (1)Corel PhotoMirage - программа для анимации картинок Всем Здравствуйте... Вчера я выст...
Музыкальные альбомы для скачивания - (2)Музыкальные альбомы для скачивания Для тех пользователей, кто делает музыкальные посты...
Про плеер, прямые ссылки и другое - (1)Про плеер, прямые ссылки и другое Всем Здравствуйте... Я не зря сегодня выставила Небольш...
Урок. Как сделать простую рамочку для текста. - (6)Урок. Как сделать простую рамочку для текста ...
вера_шубина написал 21.05.2017 18:00:45: <a href="http://calendar.yuretz.ru" title="Календари на любой год - Календарь.Юрец.Ру"><img border="0" src="http://i.calendar.yuretz.ru/informer/red.png" title="Календари на любой год - Календарь.Юрец.Ру" alt="Календари на любой год - Календарь.Юрец.Ру"></a>
<a href="http://calendar.yuretz.ru" title="Календари на любой год - Календарь.Юрец.Ру"><img border="0" src="http://i.calendar.yuretz.ru/informer/red.png" title="Календари на любой год - Календарь.Юрец.Ру" alt="Календари на любой год - Календарь.Юрец.Ру"></a> | |
вера_шубина написал 21.03.2017 08:51:27: https://yadi.sk/a/vcDH44iA3GC8Wc
| |
вера_шубина написал 13.03.2017 13:19:07: <a target=_blank href="http://www.liveinternet.ru/users/4841424/"><img src="//img-fotki.yandex.ru/get/9812/181892198.c0/0
<a target=_blank href="http://www.liveinternet.ru/users/4841424/"><img src="//img-fotki.yandex.ru/get/9812/181892198.c0/0 | |
вера_шубина написал 06.03.2017 17:50:25: <iframe id="airpano_frame" width="700" height="450" src="http://www.airpano.ru/files/Kamchatka-Geyser-Valley/1-3-2" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" framespacing="0"> </iframe> <br><div style="float:right">Источник: <a href="http://www.airpano.ru/" target="_blank">www.AirPano.ru</a></div>
| |
вера_шубина написал 06.03.2017 14:19:23: http://www.liveinternet.ru/users/6017752/profile/
|
Далее (текст под кат) Читать (смотреть) далее |
Когда большой объем текста прячем под кат, то пишем в каком-то определенном месте [more]. В итоге получается строчка Читать далее, а весь текст за словом [more] убирается под кат, т.е. становится виден только когда Вы нажимаете на слова типа Читать далее. При желании мы меняем Читать далее на какие-нибудь слова типа Смотреть здесь (тогда напишите [more=Смотреть здесь], Жмякай сюда (тогда напиши [more=Жмякай сюда] и т.д. А есть и чудесные кнопки, когда подставляете адрес нужной вам картинки, слова, флешки, сложные тексты и т.д. Например, простенькую кнопочку-картинку можно создать таким кодом: [more=<img src="АДРЕС КАРТИНКИ" />]. Если хотите сделать четкое выравнивание по центру кнопки, четко строчкой ниже под текстом - в коде уточняйте это, например, так: [more=<center><br />Интересно? Тогда <br /><img src="АДРЕС КАРТИНКИ" /></center>] Будет видно так: <br /> это команда переноса строки. В принципе можете просто сделать новую строку, нажав привычно на Enter. А также можно сделать картинку плюс текст, несколько картинок, бегающие буквы, флешки, картинки с выравниванием и подписью и т.д. Под катом их много, смотрите и берите себе с готовым кодом вставки more= |
В примере слева просто вставлена кнопка и надпись типа "Читаем далее". В примере справа в конце фрагмента, который убран под кат, поставлен завершающий тег (код) [/more]. Разница в том, что тогда кнопка "Читаем далее" будет внутри рамочки. Если завершающий код (тег) не ставится, то надпись "Читаем далее" выносится ПОД вашу красивую рамочку |
Картинку "Читать далее" можно вставить сверху на любой фон, таким образом формируя картинку на чем угодно, сверху или сбоку или по центру. Например, вот так:
!!! Вообще-то в коде у меня стоИт div, но при опубликовании странным образом это видно как X-1XJ6 style, R-N9EP или как-то они еще время от времени автоматически преобразуются сами. Проверила - вроде бы и с этим кодом тоже работает. Оптимальные картинки-далее лучше сделать с подводкой букв, чтобы, когда меняется фон (процитировал другой человек с другим фоном в дизайне дневника или автор дневника сам сменил дизайн), кнопочка НЕ сливалась с ним. Например: |
<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> |
<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 - Дизайн сообщений днева с принтскрином
...
Часть 20 - Знаки и символы
Часть 21 - Новостная бегущая строка для дневника, сайта
Часть 22 - Далее (текст под кат) Читать (смотреть) далее
Часть 23 - Редкие символы с тегом написания
Часть 24 - Шрифты (надеюсь ваш браузер отображает все перечисленные)
...
Часть 32 - Фильтруем (убедитесь, что ваш браузер видит тени букв)
Часть 33 - Тень у рамки
Часть 34 - Читать закрытые записи
Серия сообщений "кнопки переходы":кнопки переходыЧасть 1 - Кнопки "Скачать".
Часть 2 - Кнопка графическая (простая).
Часть 3 - Далее (текст под кат) Читать (смотреть) далее
Часть 4 - Кнопочки "Далее" от geniavegas
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |