-Рубрики

 -Поиск по дневнику

Поиск сообщений в sarafan4ik

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 27.12.2009
Записей: 3957
Комментариев: 48
Написано: 4044


Читать (смотреть) далее... учимся ставить под "кат"

Воскресенье, 13 Июля 2014 г. 01:18 + в цитатник
Цитата сообщения ka82 Далее (текст под кат) Читать (смотреть) далее

Еще у других кнопочки такие
2 (217x55, 16Kb) далее (147x95, 16Kb) далее (155x100, 20Kb) 1 (160x92, 23Kb) далее1 (158x77, 16Kb) далее2 (161x89, 17Kb) 342 (294x47, 22Kb) далее3 (234x59, 8Kb) 1 (140x130, 19Kb)
0_697cc_bdfeafa1_L (432x17, 8Kb)

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


Читать далее

Пишется это так:
<center>[more=<img src="//img0.liveinternet.ru/images/attach/c/2//70/855/70855532_blu_1.gif" /><br /> Читать далее]</center>


[more=<img src="//img1.liveinternet.ru/images/attach/c/1//62/307/62307511_68930dde1f69.gif" />]


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/7/95/215/95215047_image005.gif" />]</center>


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/4/78/707/78707975_dalee.png" />]</center>


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/4/78/719/78719313_5.gif" />]</center>


[more=<img src="//img1.liveinternet.ru/images/attach/c/3/74/894/74894691_16.gif" />]


[more=<img src="//img0.liveinternet.ru/images/attach/c/3/75/471/75471884_nekst.gif" />]


[more=<img src="//img0.liveinternet.ru/images/attach/c/5/85/753/85753902_chitat_dalee.gif" />]


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/3/75/555/75555153_strelka.gif" />]</center>


[more=<img src="//img1.liveinternet.ru/images/attach/c/2//70/861/70861526_priyatnogo_prosmotra.gif" />]


Далее - две картинки в одну, причем если вы хотите сделать стрелку на материал под катом (как спрятанный под словами "Читать далее", то копируете код включая выделенные зеленым цветом символы.
Это пишется так:
[more=<img src="//img1.liveinternet.ru/images/attach/c/1//57/48/57048239_111.gif" /><br /><img src="//img1.liveinternet.ru/images/attach/c/1//57/48/57048255_112.gif" />]



<center>[more=<img src="//img0.liveinternet.ru/images/attach/c/3/75/470/75470988_ARROW1.gif" />]</center>


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/4/78/774/78774711_2.gif" />]</center>


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/4/78/799/78799153_5.gif" />]</center>


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/4/78/799/78799167_81.gif" />]</center>


[more=<img src="//img0.liveinternet.ru/images/attach/c/4/79/182/79182148_dale.gif" />]


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/4/79/182/79182393_dalee.gif" />]</center>


[more=<img src="//img1.liveinternet.ru/images/attach/c/4/82/86/82086913_81811541_pfeil061.gif" />]


[more=<img src="//img0.liveinternet.ru/images/attach/c/4/82/86/82086904_u.png" />]


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/4/82/86/82086895_meni1.png" />]</center>


[more=<img src="//img0.liveinternet.ru/images/attach/c/4/82/86/82086852_dallee.png" />]


<center>[more=<img src="//img0.liveinternet.ru/images/attach/c/4/82/86/82086820_DAL2.png" />]</center>


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/4/82/86/82086671_77.gif" />]</center>


[more=<img src="//img0.liveinternet.ru/images/attach/c/4/82/86/82086656_9.png" />]


[more=<img src="//img0.liveinternet.ru/images/attach/c/4/82/86/82086634_7.gif" />]


<center>[more=<img src="//img0.liveinternet.ru/images/attach/c/4/82/86/82086620_dalee1.png" />]</center>


[more=<img src="//img1.liveinternet.ru/images/attach/c/4/82/87/82087611_dal.png" />]


<center>[more=<img src="//img0.liveinternet.ru/images/attach/c/4/82/114/82114160_dalee.gif" />]</center>


<center>[more=<img src="//img0.liveinternet.ru/images/attach/c/4/83/574/83574322_dalee.png" />]</center>


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/5/86/461/86461957_generator.gif" />]</center>


<center>[more=<img src="//img0.liveinternet.ru/images/attach/c/5/86/522/86522228_dalee.png" />]</center>


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/5/86/537/86537105_1.GIF" />]</center>


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/5/86/537/86537109_2.gif" />]</center>


<center>[more=<img src="//img1.liveinternet.ru/images/attach/c/5/88/725/88725839_nazhmi.gif" />]</center>


И вот еще два вида кнопочек, которые видятся НЕ во всех браузерах, например Опера у меня видит без проблем полукруглое обрамление, а Эксплоэр - нет. А у вас как с двумя кнопками ниже, как они видятся?
Кнопка-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 - Дизайн сообщений днева с принтскрином
...
Часть 20 - Знаки и символы
Часть 21 - Новостная бегущая строка для дневника, сайта
Часть 22 - Далее (текст под кат) Читать (смотреть) далее
Часть 23 - Редкие символы с тегом написания
Часть 24 - Шрифты (надеюсь ваш браузер отображает все перечисленные)
...
Часть 27 - Буквы-хамелеоны MS Outlook и Wingdings
Часть 28 - Буквы webdings и marlett
Часть 29 - Буквица


Рубрики:  для дневника
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку