Красивые «таблички»

Автор Serifa, 14 июня 2015, 20:39:34

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

Serifa

Не знаю, в какой раздел... Последнее время на сервисах типа rusff.ru и иже с ним пошла мода на всякие украшательства в вв-кодах. И все теперь хотят себе эти извращения. Вот, например, «красивые таблички»:



Тут как бы цитата, а в ней ещё и разноцветная таблица. Вот как такое же можно реализовать на SMF?
Кстати, кто знает ещё модов вв-кодов всяких красивых?
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

#1
Поставить может стоит этот мод http://custom.simplemachines.org/mods/index.php?mod=3699   и уже добавлять любые bb, самой.
Можно сделать просто мего панель, с сотней всяких извратов.
И таблички будут самые простые из всего разнообразия)))

Serifa

Не, это что-то слишком сложный для меня мод, там надо тэги сначала изобретать, а потом прописывать. Мне бы попроще, чтобы сами вставлялись уже готовые :)
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

#3
Засек, потратил ровно 7 минут 28 секунд на добавление новой кнопочки и такого вот выделения





Алгоритм в данном случаи простой.
В файл стилей добавляем стиль блока, в моде название тега( сейчас  у меня blockquote), описание что бы всплывало при наведении на кнопку, Остальное можно не менять и вписываем где контент

<blockquote>{content}</ blockquote>
Сохраняем, потом опять открываем и добавляем кнопочку и все.


GeorG

Цитата: Serifa от 14 июня 2015, 21:20:16
Не, это что-то слишком сложный для меня мод, там надо тэги сначала изобретать, а потом прописывать. Мне бы попроще, чтобы сами вставлялись уже готовые :)
Ну так это обыкновенная таблица, просто с красивыми стилями.
Верстка тем по шаблону, их доработка/переработка, переделка тем с версии smf 1.1 на smf 2.0. Примеры работ - insidestyle.ru
Установка модов (заточка под ваш форум); Моды под заказ; Обновление форума; Правильный перенос; Удаление/лечение вирусов; Устранения ошибок.
Обращаться в ЛС
Мой форум
Модуль анти-спама CleanTalk, сам пользуюсь
Сервера которыми сам пользуюсь - cadedic.ru

ALINA

Глянула мод .Такая опция есть на ббешке .Там прямо в админке  можно добавлять ббкоды  и прописывать html замену  и описание .Не совсем конечно такая ,но аналогичная .

Serifa

Цитата: Yworld_garry от 14 июня 2015, 21:41:50
Алгоритм в данном случаи простой.
В файл стилей добавляем стиль блока, в моде название тега( сейчас  у меня blockquote), описание что бы всплывало при наведении на кнопку, Остальное можно не менять и вписываем где контент
<blockquote>{content}</ blockquote>
Сохраняем, потом опять открываем и добавляем кнопочку и все.
Не, алгоритм я поняла. Меня интересует, как форум поймёт, что именно должна делать указанная кнопка??
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

Цитата: Serifa от 15 июня 2015, 12:18:48Меня интересует, как форум поймёт, что именно должна делать указанная кнопка??
Дык пишешь там же описание для кнопки и оно будет всплывать при наведении на нее.

Кстати можно сделать для всего форума не стандартные всплывающие подсказки такого, а что то по красивее.

Serifa

Короче, пока мод не поставлю, не пойму, как он работает. Главное, чтобы потом удалился без проблем, если что.
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

Цитата: Serifa от 15 июня 2015, 12:37:09Главное, чтобы потом удалился без проблем, если что.
Без проблем ставил не на один форум и удалял.

ALINA

Цитата: Yworld_garry от 15 июня 2015, 12:20:43Кстати можно сделать для всего форума не стандартные всплывающие подсказки такого, а что то по красивее.
а поцеловатьобъяснить ?

Serifa

Да, давайте для девочек подробнее и с картинками :)
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

Сделаю, но чуть по позже, сейчас время ноль...


Yworld_garry

Цитата: ALINA от 15 июня 2015, 12:38:36а поцеловатьобъяснить ?
Цитата: Serifa от 15 июня 2015, 16:58:04Да, давайте для девочек подробнее и с картинками

Сделал вариант по проще и по интереснее, чем менять стили для title.

Добавляем кнопочку с описанием новых кнопок и функций редактора. Видна всем пользователям.



Кнопку меняйте на свою или просто надпись...

По нажатию на кнопку всплывет модальное окошко, с описанием новых кнопок и картинками.



Установка мего простая, мод из за такого делать нет смысла.

1. Качаем архив и заливаем из него в корень форума файлы.
2. Редактируем файл help_1251.html или help_utf.html
Там все просто
/forum/Themes/default/images/bbc/bloginfo-txt.gif - если в корне форум, то убираем /forum и имя файла bloginfo-txt.gif меняем на свое.
Название и описание кнопки так же под себя.
3. Подключается все за минуту(выбираем файл своей кодировки).
У кого стоит мод кнопок в быстрый ответ:

Display.template.php

Над
// Start of WYSIWYG Quick Reply

Вставляем
//  Инфо кнопок
require "help/help_1251.html";
//  Инфо кнопок


И добавляем в полный ответ

Post.template.php

Над
// Show the actual posting area...

Вставляем
//  Инфо кнопок
require "help/help_1251.html";
//  Инфо кнопок


Все на css, так что можете форматировать и тд как угодно.
Собственно таким образом, можете вставлять все что угодно в окошко и куда угодно  ^-^

ALINA

Yworld_garry это конечно актуально если добавляем новые Ббкоды . А вот к примеру сейчас мне не нужны новые коды .Потом вдруг надумаю .Сделаю табличку такую всплывающую .Новые коды по мере добавления сами туда будут добавляться или как или надо каждый раз файл редактировать  ?
ps
все поняла . Надо прописывать в файле . Спасибо за мануал

Yworld_garry

Цитата: ALINA от 17 июня 2015, 15:30:07Новые коды по мере добавления сами туда будут добавляться или как ?
Это не мод, хотя при желании и времени можно сделать и такое)))

Можно использовать для других целей такую штуку, если нет кнопок новых. Любое объявление, да все что угодно.
В принципе можно наверно сделать что бы под аватарой вся инфа была спрятана и выводилась по клику в окошке.
Или сделать доп поле модом и дать пользователю возможность в нем писать объявления, сообщения и тд. И уже под аватаркой выводить по клику на кнопку в окошке.
применение можно найти)))

ALINA

Цитата: Yworld_garry от 17 июня 2015, 15:34:29Можно использовать для других целей такую штуку, если нет кнопок новых. Любое объявление, да все что угодно.
В принципе можно наверно сделать что бы под аватарой вся инфа была спрятана и выводилась по клику в окошке.
Или сделать доп поле модом и дать пользователю возможность в нем писать объявления, сообщения и тд. И уже под аватаркой выводить по клику на кнопку в окошке.
ну до модов мне как до Китая пешком, но идея классная .У меня на форуме сейчас инфа открывается под авкой кнопкой .Что типа этого .Только не  в отдельном окне а под авкой

Yworld_garry

#17
Цитата: ALINA от 17 июня 2015, 15:48:17но идея классная .У меня на форуме сейчас инфа открывается под авкой кнопкой .Что типа этого .Только не  в отдельном окне а под авкой

Да без проблем



Стили из архива добавляем в свой стильный файл темы.

Как пример того что можно засунуть в окошко, а засунуть можно все)))

// Show the member's gender icon?
if (!empty($settings['show_gender']) && $message['member']['gender']['image'] != '' && !isset($context['disabled_fields']['gender']))
echo '
<div id="main-container">
            <a href="#openModal" class="modlink"><img src="help/images/ds1.png" alt="что тут" title="что тут"></a>
            <div id="openModal" class="modalDialog">
<div>
<a href="#close" title="Close" class="close">X</a>
<li class="gender">', $txt['gender'], ': ', $message['member']['gender']['image'], '</li>';

// Show their personal text?
if (!empty($settings['show_blurb']) && $message['member']['blurb'] != '')
echo '
<li class="blurb">', $message['member']['blurb'], '</li>';

// Any custom fields to show as icons?
if (!empty($message['member']['custom_fields']))
{
$shown = false;
foreach ($message['member']['custom_fields'] as $custom)
{
if ($custom['placement'] != 1 || empty($custom['value']))
continue;
if (empty($shown))
{
$shown = true;
echo '
<li class="im_icons">
<ul>';
}
echo '
<li>', $custom['value'], '</li>';
}
if ($shown)
echo '
</ul>
</li>';
}


// This shows the popular messaging icons.
if ($message['member']['has_messenger'] && $message['member']['can_view_profile'])
echo '
<li class="im_icons">
<ul>
', !empty($message['member']['icq']['link']) ? '<li>' . $message['member']['icq']['link'] . '</li>' : '', '
', !empty($message['member']['msn']['link']) ? '<li>' . $message['member']['msn']['link'] . '</li>' : '', '
', !empty($message['member']['aim']['link']) ? '<li>' . $message['member']['aim']['link'] . '</li>' : '', '
', !empty($message['member']['yim']['link']) ? '<li>' . $message['member']['yim']['link'] . '</li>' : '', '
</ul>
</li>';

// Show the profile, website, email address, and personal message buttons.
if ($settings['show_profile_buttons'])
{
echo '
<li class="profile">
<ul>';
// Don't show the profile button if you're not allowed to view the profile.
if ($message['member']['can_view_profile'])
echo '
<li><a href="', $message['member']['href'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/icons/profile_sm.gif" alt="' . $txt['view_profile'] . '" title="' . $txt['view_profile'] . '" />' : $txt['view_profile']), '</a></li>';

// Don't show an icon if they haven't specified a website.
if ($message['member']['website']['url'] != '' && !isset($context['disabled_fields']['website']))
echo '
<li><a href="', $message['member']['website']['url'], '" title="' . $message['member']['website']['title'] . '" target="_blank" class="new_win">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/www_sm.gif" alt="' . $message['member']['website']['title'] . '" />' : $txt['www']), '</a></li>';

// Don't show the email address if they want it hidden.
if (in_array($message['member']['show_email'], array('yes', 'yes_permission_override', 'no_through_forum')))
echo '
<li><a href="', $scripturl, '?action=emailuser;sa=email;msg=', $message['id'], '" rel="nofollow">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt['email'] . '" title="' . $txt['email'] . '" />' : $txt['email']), '</a></li>';

// Since we know this person isn't a guest, you *can* message them.
if ($context['can_send_pm'])
echo '
<li><a href="', $scripturl, '?action=pm;sa=send;u=', $message['member']['id'], '" title="', $message['member']['online']['is_online'] ? $txt['pm_online'] : $txt['pm_offline'], '">', $settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/im_' . ($message['member']['online']['is_online'] ? 'on' : 'off') . '.gif" alt="' . ($message['member']['online']['is_online'] ? $txt['pm_online'] : $txt['pm_offline']) . '" />' : ($message['member']['online']['is_online'] ? $txt['pm_online'] : $txt['pm_offline']), '</a></li>';

echo '
</ul>
</li>
</div>
                        </div>
                      </div>';
}




<div id="main-container">
            <a href="#openModal" class="modlink"><img src="help/images/ds1.png" alt="Справка по редактору" title="Справка по новым кнопкам в редакторе"></a>
            <div id="openModal" class="modalDialog">
<div>
<a href="#close" title="Close" class="close">X</a>

тут что выводим в окне


</div>
                        </div>
                      </div>


Yarik

Цитата: Yworld_garry от 17 июня 2015, 15:34:29
В принципе можно наверно сделать что бы под аватарой вся инфа была спрятана и выводилась по клику в окошке.
Я буквально сегодня пару часов назад переписал стандартную функцию вывода кастомных полей,аськи и всего остального.А то получается я сделал кастомную кнопку скайпа сегодня.И в итоге если у юзера есть ещё и ася то в профиле получается целых три поля.Нафиг-нафиг такое счастье,профиль больше чем сообщение.Всё чудесно вмещается и смотрится в одном поле.

Yworld_garry

#19
Цитата: Yarik от 17 июня 2015, 17:18:12А то получается я сделал кастомную кнопку скайпа сегодня.И в итоге если у юзера есть ещё и ася то в профиле получается целых три поля.Нафиг-нафиг такое счастье,профиль больше чем сообщение
не суть, если делать всплывающее, то хоть на пол страницы)))

Yworld_garry

Не хочется все в этой теме лепить и по этому сейчас создам новую, по этому вопросику и тут ссылочку на нее дам.
Цитата: ALINA от 17 июня 2015, 15:48:17но идея классная
http://www.simplemachines.ru/index.php?topic=18314.0

Serifa

Мод для новых кнопок бб-кодов пока не ставила, поэтому ничего не нему написать не могу. У меня тут некоторые трудности с интернетом.
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!