https://eftel.ru/ Lasto Blogging Engine ru Eftel support@eftel.ru support@eftel.ru https://eftel.ru/i/eftelblog.png https://eftel.ru/ https://eftel.ru/post_1381171807.html <p style='text-align:left;'><br> <img style='float:right; margin-left:12px; margin-right:0; padding-right:0; padding-top:2px; padding-bottom:6px;' title='Кнопки социалок от Яндекса' src='i/p/1381171807.jpg' alt='Кнопки социалок от Яндекса' width='200' height='188'> Существует много бесплатных CMS для построения сайтов. Одна из лучших, - это nano cms от Ласто. Лучшая - потому как довольно простая по структуре, универсальная, очень коротенькая, грамотная - выдаёт текст статей сразу с начала сайта. Достоинств очень много!<br><br> Однако, несмотря на свои очень маленькие размеры, cms крайне сложная и «влезть» в неё простому смертному крайне затруднительно. То есть, использовать эту cms можно, практически, как есть.</p><p><br> Наверное поэтому она не так сильно распространена. Во всяком случае запрос гуглу, типа «Как встроить кнопки социалок на страницы nano cms от Ласто» ничего не даёт. Похоже, НИКТО не встраивал на страницы сайта, построенного на этой cms, кнопки социалок.<br><br> Кто-то может скажет, да это просто!<br><br> Может быть. Я слишком долго пытался и... наконец, получилось! И теперь тоже могу сказать, да это же очень просто!<br><br> Поначалу использовал <a href='post_1295471082.html' target='_blank' title='Когда-то были социалки... Новое в раскрутке сайтов'>скрипт социалок от яндекса</a>, пристроив его в левой колонке. Это было просто - в файлике <font color='indigo'>_add.php</font> в конце переменной <font color='green'>bannerleft;</font> надо вставить код скрипта от яндекса. Вроде и ничего, однако как-то глянул листинг исходного кода (сохранённой странички). Ё-маё! Двухстрочный скриптик от яндекса натаскивает кода раз в 10 больше, чем чистый код статьи! Просто охреневающее количество стилей и их описаний - на несколько экранов. Похоже, яндекс своими двумя строчками подцепляет к страничке ВСЮ базу своих стилей, ну ни нахрен никому не нужную!<br><br> Да и то, что располагался тот скрипт в колонке, как-то не красило сайт.<br><br> Не понравилось это, короче. Лучший код для набора социальных кнопок даёт на сегодня, конечно же, сайт от Димокса - share42.com (разработка <a href='https://dimox.name/' target='_blank' title='Свобода слова вебмастерского CSS-верстка, веб-мастеринг, интернет-технологии, манимейкинг' rel='nofollow'>Dimox</a>). Здесь можно подобрать любой набор кнопок, расположить их в любом порядке и выбрать один из трёх размеров. Набор просто изумительный! Мало того, что представлены практически все социальные сети, так ещё и кнопочка +1 от гугла имеется. И кнопки «Наверх», «Добавить в Избранное», «Распечатать» тоже есть!<br><br> И скрипт и картинка формируются одним кликом. Сформировавшуюся папку с кодом и картинкой кнопок необходимо разместить в корне вашего сайта. Правами можно не озабочиваться, достаточно прав по умолчанию.<br><br> Однако самое тяжелое - как его встроить на страничку сайта на nano cms? Просто так вставка скрипта в <font color='indigo'>design</font> ничего не даёт.<br><br> Сделать надо так.<br><br> В том же <font color='indigo'>_add.php</font>, в любом месте, например, перед описанием переменной <font color='green'>bannerleft;</font>, надо создать свою переменную, например, так:<br><br> <font color='#900000'> $social_grand=&lt;&lt;&lt;socialg<br><br> &lt;p class='panel'>&lt;em>&lt;em>Сохранить страничку в закладках:&lt;/em>&lt;/em>&lt;/p>&lt;br><br><br> &lt;center><br> &lt;div class='share42init'>&lt;/div><br> &lt;script type='text/javascript' src='https://Ваш_сайт.ru/share42/share42.js'>&lt;/script><br> &lt;/center>&lt;br>&lt;br><br><br> socialg;<br><br><br> $banner_left=&lt;&lt;&lt;bannerleft<br> ...</font><br><br> Дальше, в файл <font color='indigo'>_design.php</font> вставить эту переменную аккурат после переменной <font color='green'>$content</font>, вот так:<br><br> <font color='#900000'> $content<br> $social</font><br><br> И всё! Сразу же на всех страничках будет рисоваться вот такая симпатичная картинка -</p><br> <center> <img src='i/inet/social_icons_grand.png' width='384' height='24' alt='Пример кнопок социалок на страничках сайта на nano cms'></center><p><br> Чтобы она стала ещё симпатичней, желательно добавить к ней рекомендуемые на сайте share42 стили оформления. Просто скопировать предлагаемый на сайте текст стилей и добавить его в конец файлика <font color='indigo'>nano.css</font>, примерно так -<br><br> <font color='#990000'> /* End Statistic */<br><br> #share42 {display:inline-block; padding:6px 0 0 6px; background:#FFF; border:1px solid #E9E9E9; border-radius:4px;}<br> #share42:hover {background:#F6F6F6; border:1px solid #D4D4D4; box-shadow:0 0 5px #DDD;}<br> #share42 a {opacity: 0.5}<br> #share42:hover a {opacity: 0.7}<br> #share42 a:hover {opacity: 1} </font><br><br> Живой пример можно посмотреть здесь - <a href='https://ukgrand-nn.ru/' target='_blank' title='Управляющая компания Гранд-НН'>Пример сайта на nano cms - сайт управляющей компании</a>.<br><br> Скрипт от Димокса не привносит в код страницы абсолютно ничего лишнего. То есть, всё получается красиво и коротко.<br><br> Удачи в сайтостроении!<br><br></p><br> <div style="float:right;margin-right:25px;color:#797;">Tue, 08 Oct 2013 00:44:40 GMT</div> <div style="clear:both;"></div> <div style="margin-left:10px;color:#575;font-weight:bold;">Социлка от блога...</div> <div style="clear:both;"></div> <div style="margin:10px;color:#333;">Возможно, гораздо проще взять скрипт от блога - samurai.js с картинкой, <br> вместе со стилями и подключить по аналогии, когда-то пробовал, работало без проблем :)</div> <div style="clear:both;"></div> <div style="margin:10px;color:blue;text-decoration:underline;"><a href="https://eftel.ru/user_a776943a87cf4288fc3f27cfcb692f76.html">gordi</a></div> <div style="clear:both;"></div><br> <div style="float:right;margin-right:25px;color:#797;">Tue, 08 Oct 2013 10:39:50 GMT</div> <div style="clear:both;"></div> <div style="margin-left:10px;color:#575;font-weight:bold;">И времена, и нравы.. Не samurai.js</div> <div style="clear:both;"></div> <div style="margin:10px;color:#333;">Когда-то придумали классную штуку - Plug & Play. Как давно это было.. Где же наши-то умники и умнички??? Что же мало так их? <br> <br> Samurai.js ... <br> <br> Не. Слишком долго разбираться. И уровень не тот. Тут ведь -< <br> <br> Когда было 22, была Нирвана. Трёхмерное моделирование размещения радиоэлектронных блоков - оптимальное по теплу. Программа - 1 метр 20 см - такой толщины была колода перфокарт. И все эти сотни строк кода в голове, и постоянная работа, поправки, улучшения, отладка ... это действительно была Песня! И упоение! И просто счастье в натуре! <br> <br> Работа. Автокад. Кип. Как же достало рисовать все эти бесчисленные проекты.. <br> <br> Машина. 4-й год. Пора ведь! Субару. Ситроен С4. Опели. Фольксвагены. Может, Оутбак таки? Круто слишком. Что же, наконец, выбрать-то, на ближайшие лет пять? Чтоб не больше лимона и чтоб душа пела, от поездок в МАШИНЕ! Второй месяц уже идёт выбор-перебор, ну где же он, идеал! <br> Инсигния. Шевроле. Крузы всякие. Ситроен С5. Универсалы. Гольф 7? <br> <br> Дочка. На выданье. Ничего ведь не хочет! Куда определить-то? Политех - день открытых дверей. Универ - день открытых дверей. Универ - классные курсы математические. Универ - ещё день открытых дверей ... Чем увлечь, как заинтересовать? Корочки-то ведь всяко нужны будут, как она этого не понимает?! <br> <br> Дача. 2-й этаж - когда же достроить? Не, веранда важнее. Хотя ... Печка. Есть печник, классный. 30 тысяч просит. Круто. Сосед обещал телефон деда, в деревне, - тот вроде за 15 классно кладёт. Надо съездить как-то.. <br> <br> Samurai.js. Так .. нормально. Вот эту социалку не надо, и эту. А эти поместить левее - значит, перетащить аккуратно кусок кода. А где кнопка Наверх? Нету.. Так, а где популярная Гугл +1? Нету.. А где .. И где же всё это теперь искать? <br> Так, размеры.. Где же размеры-то кнопок? Так, высота общая, ширина.. Как узнать и как указать размер кнопок???? Хрен с ней с печкой, хватает пока что есть. Веранда важнее. И доски таки лучше на Привозе купить. Потому что на базе сплошь ведь брак пихают! Надо заехать в пятницу. Определиться бы, сколько же ещё конкретно досок надо.. <br> <br> share42.com - СКАЗКА! Нужны вот эти, вот эти, и, - вот эти. Отлично. Не, некрасиво, надо эту сюда, эту туда, а эти вот за этими. Тасуем просто мышкой! Клик. Класс! Всё готово. Только как вот встроить-то их.. Гугл. А, вот и статейка конкретная - "как встроить", прямо по шагам всё описано. Спасибо автору! ТРИ минуты, и красивые и нужные и в нужной последовательности и именно того размера кнопочки социалок готовы! <br> <br> Вот как-то так - почему не Samurai.js <br> <br> .. Где же найти-то готовый плагин для Ласто блога, чтоб тексты кодов выводить.. Гугл - нету ничего.. Эх-х...</div> <div style="clear:both;"></div> <div style="margin:10px;color:blue;text-decoration:underline;"><a href="https://eftel.ru/user_1e287676e07a0799c9288d372e686d06.html">Дмитрий</a></div> <div style="clear:both;"></div><br> <div style="float:right;margin-right:25px;color:#797;">Tue, 08 Oct 2013 11:59:02 GMT</div> <div style="clear:both;"></div> <div style="margin-left:10px;color:#575;font-weight:bold;">Кому как удобно...</div> <div style="clear:both;"></div> <div style="margin:10px;color:#333;">Многие вещи у Lasto унифицированы и могут использоваться в разных скриптах. <br> Прообразом социалок был упомянутый вами ресурс. <br> Другое дело, что автор скрипта выбрал только те кнопки, которые ему показались наиболее важными и пользующиеся определенной популярностью. Естественно, когда все встраивается в тот или иной скрипт, то чтобы в дальнейшем внести изменения в дефолтный вариант, требуется приложить определенные усилия и потратить время, которого всегда не хватает, но такова жизнь :)</div> <div style="clear:both;"></div> <div style="margin:10px;color:blue;text-decoration:underline;"><a href="https://eftel.ru/user_a776943a87cf4288fc3f27cfcb692f76.html">gordi</a></div> <div style="clear:both;"></div><h3 class="panel">Комментарии к этой заметке больше не принимаются.</h3> Mon, 07 Oct 2013 22:50:07 GMT