Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (56)


Общие вопросы по оформлению (56)

Сообщений 761 страница 780 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+1

761

Подскажите, как уменьшить расстояние между блоками (ссылки и количество сообщений/тем) и закрепить сам блок (сообщений/тем), чтобы не плавал на странице?

скрины, ссылки

http://s2.uploads.ru/t/bXzrt.jpg
http://s6.uploads.ru/t/Zts1Y.jpg
http://gottvoll.rusff.ru

0

762

Data
Уберите красное, добавьте синее

<style type="text/css">
#pun-index .category .tc2,
#pun-index .category .tc3{
    display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:116px;
}
.Add{
  display:inline-block;
color:#ab9882!important;
text-shadow: 1px 1px 0px #e7e5e3;
  background-color:none;
  border-radius:6px;
  padding: 1px 7px;
  box-shadow:none;
  margin-left: 65px;
}
.Tems_And_messages .right{
 
}

</style>

0

763

Alex_63
Спасибо. А что по поводу расстояния (скрин 1)?

0

764

Data
Замените Кусок полностью

<style type="text/css">
#pun-index .category .tc2,
#pun-index .category .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block; 
}
.Add{ 
  color:#ab9882!important;
  text-shadow:1px 1px 0px #e7e5e3;
  border-radius:6px;
  padding:1px 7px;
  margin-left:65px;
}
.main .tclcon > table{
  margin-bottom:-25px;
}
</style>

+1

765

Привет!
На хроме перестало работать всплывание описания ссылки и картинки.
http://greenrpg.ru/
В таблице активисты и цитатник, должны всплывать цитаты и имена.
На остальных браузерах нормально. Можно как-то поправить?

0

766

Иса
Может переустановить Хром ? У меня всплывает на 45 версии
Спросите ущё у кого нидь

0

767

Deff
У меня тоже не всплывает..

Иса
Пробуйте переставить Стиль всплывалок целиком:

Код:

<style type="text/css">
.tooltip1,.tooltip2,.tooltip3 {
  position: relative;
}

.tooltip1 span,
.tooltip2 span,
.tooltip3 span {
  visibility:hidden;
  position: absolute;
  background: #c6d487 !important;
  border: 1px solid #7c8250;
  z-index:100;
}

.text1,.text2,.text3{
  background: #b8c076 !important;
  border: 1px solid #7c8250;
  color: #4c5031;
  padding: 2px;
}

/*1 */
.tooltip1:hover span {
  left: 0.1em;
  top: 1.6em;
  padding: 3px;
  visibility:visible!important;
  width: 120px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}

/*2*/
.tooltip2:hover span {
  background: #b8c076 !important; border: 1px solid #7c8250;
  left: 0.1em;
  top: -27px;
  padding:5px;
  z-index: 99;
  visibility:visible!important;
  margin-left:-220px;
  width: 210px;
}

/* 3 */
.tooltip3:hover span {
  background: #c6d487; border: 1px solid #7c8250;
  left: 0.1em;
  top: 2.5em;
  padding: 5px;
  z-index: 99;
  visibility: visible !important;
  width: 275px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
</style>

0

768

Alex_63
спасибо. Помогло не очень )
Всплывалки появились но кривые

0

769

Иса
Сделайте скриншот

0

770

Иса
Еще раз Переставьте :

Код:

        <style type="text/css">
        .tooltip1,.tooltip2,.tooltip3 {
          position: relative;
        }

        .tooltip1 span,
        .tooltip2 span,
        .tooltip3 span {
          visibility:hidden;
          position: absolute;
          background: #c6d487 !important;
          border: 1px solid #7c8250;
          z-index:100;
        }

        .tooltip1 span{
          left: 0.1em;
          top: 1.6em;
          padding: 3px;
          width: 120px !important;
          box-shadow: 0 2px 3px rgba(0,0,0,.3);
        }

        .tooltip2 span{
          background: #b8c076 !important;
          border: 1px solid #7c8250;
          left: 0.1em;
          top: -27px;
          padding:5px;
          z-index: 99;
          margin-left:-220px;
          width: 210px !important;
        }

        .tooltip3 span{
          background: #c6d487;
          border: 1px solid #7c8250;
          left: 0.1em;
          top: 2.5em;
          padding: 5px;
          z-index: 99;
          width: 275px !important;
          box-shadow: 0 2px 3px rgba(0,0,0,.3);
        }

        .text1,.text2,.text3{
          background: #b8c076 !important;
          border: 1px solid #7c8250;
          color: #4c5031;
          padding: 2px;
        }

        .tooltip1:hover span,
        .tooltip2:hover span,
        .tooltip3:hover span{
          visibility:visible!important;
        }
        </style>

0

771

Deff
подскажите, пжлст, как расширить ваш скрипт Скрипты от пользователей 1 так, чтобы можно было менять вместо подписи дополнительное текстовое поле профиля fld1? и как оттуда убрать галерею, чтобы ничего не сломалось.

0

772

Ace of Spades
Ну галерею убрать, попробуйте просто убрать все ссылки из куска в HTML низ:

<style>.punbb .pa-avatar img {max-width:150px;height:auto;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//

OnSmenaImage("Название  Форума", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
OnSmenaImage("Название темы", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))

var AvtrArr=new Array();

StartNIZ(); //

//======= end HTML-низ START СЕКЦИЯ =========//
</script>

Заменить подпись на fld1 - вряд ли получится, в приципе планирую новый скрипт через месяц - два
Есть два Варианта:
Первый - быстрая смена Аккаунтов, второй: Расширенная замена любых полей
Первый Хорош тем, что меняет и Ник юзера в Форумах и Темах и нет доп скриптов и тормозов в теме для смены Аввок и текстов

0

773

Deff
ага, спасибо.
а я тут набрёл на другой скрипт смены имиджа, но пробовал его вставлять в html-низ, как есть, и он не взлетал. может, посмотрите?)

Код:
var profileMasking = function () {
    var forumCheck = $('#pun-crumbs1').find('a:nth-of-type(2)').text(),
        profileMask = ['Админка', 'Эпизоды в настоящем: личные', 'Эпизоды в настоящем: сюжетные', 'Эпизоды в прошлом', 'Эпизоды в будущем и альтернатива', 'Внеигровое общение', 'Архив завершенных эпизодов', 'Архив незавершенных эпизодов'],
        profileMaskFull = ['Админка', 'Эпизоды в настоящем: личные', 'Эпизоды в настоящем: сюжетные', 'Эпизоды в прошлом', 'Эпизоды в будущем и альтернатива', 'Архив завершенных эпизодов', 'Архив незавершенных эпизодов'],
        uID = (6),
        viewtopic = /http\:\/\/(?:.*)viewtopic.php\?id\=((?:[^\&|\#| ])+).*/gi;

    if ($('#pun-viewtopic, #pun-edit, #pun-post').length > 0) {
        for (var maskIndex = 0, profileMaskLen = profileMask.length; profileMaskLen > maskIndex; ++maskIndex) {
            if (forumCheck === profileMask[maskIndex]) {
                $('td#button-addition').after('<td id="button-changeProfile" title="Смена имиджа для поста"><img src="/i/blank.gif"></td>');
                $('#form-buttons').after('<div class="container" id="changeProfile-area" style="width: 430px;"><div class="chIcon"> <span>Ссылка на аватар:</span> <span class="input"><input type="text" id="chIcon-text" placeholder="http://"></span> </div><div class="maskButtons"> <span class="chOkay"><a>ОК, готово!</a></span>&nbsp;&nbsp;&nbsp;<span><a onclick="$(\'#changeProfile-area\').find(\'input, textarea\').val(\'\');">Очистить всё</a></span>&nbsp;&nbsp;&nbsp;<span><a onclick="$(\'#changeProfile-area\').hide(); return false;">Закрыть окно</a></span> </div></div>');
                if (UserID === uID) {
                    maskMenuFull();
                }
                if ($('#pun-viewtopic, #pun-edit').length > 0) {
                    letsChangeIcon();
                    console.log('Changed Icon & GM Stuff!');
                }
                for (var maskFullIndex = 0, maskFullLen = profileMaskFull.length; maskFullLen > maskFullIndex; ++maskFullIndex) {
                    if (forumCheck === profileMaskFull[maskFullIndex]) {
                        letsChangeStuff();
                        if (!($('#changeProfile-area').find('.maskWrapper').length)) {
                            maskMenuFull();
                        }
                        console.log('Changed Everything!');
                    }
                    var topicType = location.href.toString().replace(/http\:\/\/(?:.*)\/(.*)\.php.*/gi, '$1'),
                        topicID,
                        storedIcon = 'topic' + topicID + 'icon',
                        storedNick = 'topic' + topicID + 'nick',
                        storedChar = 'topic' + topicID + 'charinfo',
                        storedStatus = 'topic' + topicID + 'status',
                        storedSign = 'topic' + topicID + 'sign';
                    if ($('#changeProfile-area').length > 0) {
                        if ((/viewtopic/gi).test(topicType)) {
                            topicID = location.href.toString().replace(viewtopic, '$1');
                            loadLocalStor(storedIcon, storedNick, storedChar, storedStatus, storedSign);
                        } else if ((/edit|post/gi).test(topicType)) {
                            topicID = $('#pun-crumbs1').find('a:nth-of-type(3)').attr('href').replace(viewtopic, '$1');
                            loadLocalStor(storedIcon, storedNick, storedChar, storedStatus, storedSign);
                        }
                    }
                }
                $('.post-content').find('.changeMask').empty();
                break;
            }
        }
    }

    function loadLocalStor(icon, nick, chariform, status, sign) {
        $('#changeProfile-area').find('#chIcon-text').val(localStorage.getItem(icon));
        $('#changeProfile-area').find('#chNick-text').val(localStorage.getItem(nick));
        $('#changeProfile-area').find('#chCharinfo-text').val(localStorage.getItem(chariform));
        $('#changeProfile-area').find('#chStatus-text').val(localStorage.getItem(status));
        $('#changeProfile-area').find('#chSign-text').val(localStorage.getItem(sign));
    }

    function maskMenuFull() {
        $('#changeProfile-area').find('.chIcon').after('<div class="maskWrapper-button"> <span>Добавить маску</span> </div><div class="maskWrapper" style="display: none;"> <div class="chNick"> <span>Никнейм:</span> <span class="input"><input type="text" id="chNick-text" placeholder="Name Surname" maxlength="25"></span> </div><div class="chCharinfo"> <span>Личное звание (<a href="http://freaktion.rusff.ru/viewtopic.php?id=15">памятка по заполнению</a>):</span> <div class="resizable-textarea"><textarea id="chCharinfo-text" rows="3" class="processed"></textarea></div></div><div class="chStatus"> <span>Статус:</span> <span class="input"><input type="text" id="chStatus-text" placeholder="Текст статуса" maxlength="50"></span> </div><div class="chSign"> <span>Подпись (можно использовать BB-коды):</span> <div class="resizable-textarea"><textarea id="chSign-text" rows="3" class="processed"></textarea></div></div></div>');
        $('#changeProfile-area').find('.chOkay').after('&nbsp;&nbsp;&nbsp;<span class="chBBcode"><a onclick="insert(\'[icon][/icon][nick][/nick][charinfo][/charinfo][status][/status][sign][/sign]\')">Вставить BB-код маски</a></span>');
    }

    function letsChangeIcon() {
        $('.post-content').find('.changeMask').each(function () {
            var post = $(this).closest('.post'),
                postAuthor = post.find('.post-author'),
                fullMaskNick = /^Frenemy$/g,
                postAuthorNick = postAuthor.find('.pa-author a').html();
            if (post.find('.changeMask.icon').length > 0) {
                if (postAuthor.find('.pa-avatar.item2').length > 0) {
                    postAuthor.find('.pa-avatar.item2').html(function () {
                        return '<img title="changed icon"  class="changed icon" src="' + $(this).closest('.post').find('.changeMask.icon').text() + '" style="max-width: 180px; max-height: 180px;">';
                    });
                } else {
                    postAuthor.find('.pa-author').before(function () {
                        return '<li class="pa-avatar item2"><img title="changed icon" class="changed icon" src="' + $(this).closest('.post').find('.changeMask.icon').text() + '" style="max-width: 180px; max-height: 180px;"></li>';
                    });
                }
            }
            if ((fullMaskNick).test(postAuthorNick)) {
                var $change = $(this);
                letsChangeEverything($change);
            }
        });
    }

    function letsChangeStuff() {
        $('.post-content').find('.changeMask').each(function (fullMaskNick) {
            var $change = $(this);
            letsChangeEverything($change);
        });
    }

    function letsChangeEverything($changer) {
        var post = $changer.closest('.post'),
            postAuthor = post.find('.post-author');
        if (post.find('.changeMask.sign').length > 0) {
            post.find('.changeMask.sign').find('img').attr('class', 'sigimage');
            post.find('.changeMask.sign').find('img').each(function() {
                if ( (/изображение/gi).test($('.post').find('.post-sig a').html()) ) {
                    $(this).closest('.changeMask.sign').html( $('img').closest('.changeMask.sign').html().replace(/<img (?:.*) src="(.*)" alt="\1">/gi, '<a href="$1" rel="nofollow"><изображение></a>'));
                }
            });
            post.find('.changeMask.sign').find('img').attr('class', 'sigimage');
            if (post.find('.post-sig').length > 0) {
                post.find('.post-sig').find('dd').html(function () {
                    return $(this).closest('.post').find('.changeMask.sign').html();
                });
            }
        }
        if (post.find('.changeMask.charinfo').length > 0) {
            if (postAuthor.find('.pa-fld1').length > 0) {
                postAuthor.find('.pa-fld1').html(function () {
                    return $(this).closest('.post').find('.changeMask.charinfo').text();
                });
            } else {
                postAuthor.find('.pa-title').before(function () {
                    return '<li class="pa-fld1">' + $(this).closest('.post').find('.changeMask.charinfo').text() + '</li>';
                });
            }
        }
        if (post.find('.changeMask.status').length > 0) {
            postAuthor.find('.pa-title').html(function () {
                return $(this).closest('.post').find('.changeMask.status').html();
            });
        }
        if (post.find('.changeMask.nick').length > 0) {
            postAuthor.find('.pa-author a').html(function () {
                return $(this).closest('.post').find('.changeMask.nick').html();
            });
        }
    }

    $('td#button-changeProfile').click(function (event) {
        if (event.ctrlKey || event.altKey) {
            bbcode('[icon]', '[/icon]');
        } else {
            $('#changeProfile-area').toggle();
        }
    });

    $('#changeProfile-area').find('.maskWrapper-button span').click(function () {
        var $maskWrapper = $('#changeProfile-area').find('.maskWrapper');
        $maskWrapper.toggle();
        if ($maskWrapper.css('display') == 'block') {
            $(this).text('Закрыть поле редактирования маски');
        } else {
            $(this).text('Добавить маску');
        }
    });

    $('#changeProfile-area').find('.chOkay').click(function () {
        $('#changeProfile-area').find('input, textarea').each(function () {
            var classID = $(this).attr('id'),
                classCode = classID.toString().toLowerCase().replace(/^ch(.*)-text/g, '$1'),
                whatChanges = $(this).val(),
                viewtopic = /http\:\/\/(?:.*)viewtopic.php\?id\=((?:[^\&|\#| ])+).*/gi;

            var topicType = location.href.toString().replace(/http\:\/\/(?:.*)\/(.*)\.php.*/gi, '$1'),
                topicID = location.href.toString().replace(viewtopic, '$1'),
                storeKey = 'topic' + topicID + classCode;

            if ($('#pun-crumbs1').find('a:nth-of-type(3)').length > 0) {
                var topicEditID = $('#pun-crumbs1').find('a:nth-of-type(3)').attr('href').replace(viewtopic, '$1'),
                    storeEditKey = 'topic' + topicEditID + classCode;
            }

            if ((/viewtopic/gi).test(topicType)) {
                localStorage.removeItem(storeKey);
            } else if ((/edit|post/gi).test(topicType)) {
                localStorage.removeItem(storeEditKey);
            }

            if (whatChanges.length > 0) {
                if (classID == 'chIcon-text') {
                    if (!(/\.(gif|jpg|jpeg|png|gif\?dl\=0|jpg\?dl\=0|jpeg\?dl\=0|png\?dl\=0|gif\?dl\=1|jpg\?dl\=1|jpeg\?dl\=1|png\?dl\=1)$/i).test(whatChanges)) {
                        alert('Вы вставили ссылку не на картинку!');
                    } else {
                        insert('[' + classCode + ']' + whatChanges + '[/' + classCode + ']');
                    }
                } else {
                    insert('[' + classCode + ']' + whatChanges + '[/' + classCode + ']');
                }

                if ((/viewtopic/gi).test(topicType)) {
                    localStorage.setItem(storeKey, whatChanges);
                } else if ((/edit|post/gi).test(topicType)) {
                    localStorage.setItem(storeEditKey, whatChanges);
                }

            }
            $('#changeProfile-area').toggle();
        });
    });

    $('#changeProfile-area').find('input, textarea').each(function () {
        $(this).parent().siblings('span').click(function (e) {
            var classCode = $(this).siblings().find('input, textarea').attr('id').toString().toLowerCase().replace(/^ch(.*)-text/g, '$1');
            if (e.ctrlKey || e.altKey) {
                bbcode('[' + classCode + ']', '[/' + classCode + ']');
            } else {
                return false;
            }
        });
    });

};

0

774

Ace of Spades
Его нун обернуть в теги <script>...</script>
И заменить названия тем со сменой имиджа (которые в кавычках)

profileMask = ['Админка', 'Эпизоды в настоящем: личные', 'Эпизоды в настоящем: сюжетные', 'Эпизоды в прошлом', 'Эпизоды в будущем и альтернатива', 'Внеигровое общение', 'Архив завершенных эпизодов', 'Архив незавершенных эпизодов'],
        profileMaskFull = ['Админка', 'Эпизоды в настоящем: личные', 'Эпизоды в настоящем: сюжетные', 'Эпизоды в прошлом', 'Эпизоды в будущем и альтернатива', 'Архив завершенных эпизодов', 'Архив незавершенных эпизодов'],

В принципе подозреваю что этот скрипт от kozhilya , попробуйте уточнить и поинтересоваться у него, если он действительно Автор

0

775

Deff
и, видимо, кнопочку еще добавить на панель ввода сообщения...
спасибо, заработало :)

0

776

Появилась такая проблема. При обновлении страницы мелькает скрытый контент постов. Те же самые теги смены имиджа поста. Т.е. они обрабатываются с некоторым запозданием. Как бы это поправить?

0

777

Ace of Spades
Если скрипт мой(смены имиджа), то установкой второй части скрипта в самый верх HTML низ, если от козилия, спрашивайте у Автора

0

778

Привет! Поставил вот этот скрипт (на смену надписи "Активен" на картинки), но

Код:
<!-- Онлайн-Оффлайн -->
<script  type="text/javascript"> var L0='<img class="imgON_Off" src="';
    var L1='" style="width:153px;margin-top:3px;display:block;" />';
    var ImgON="http://forumstatic.ru/files/0014/03/21/18938.png";  // Картинка Online;
    var ImgOff="http://forumstatic.ru/files/0014/03/21/56505.png";  // Картинка OffLine;
    $("#pun-viewtopic .post .post-author > ul").each(function ()   {
    if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
        }else $(this).append(L0+ImgOff+L1);
    });
</script>

проблема в том, что картинка меньше, чем поле под аватаркой, и она "съезжает" влево. А мне очень важно, чтобы она располагалась по центру.

Можно ли так сделать? Если можно, то как?

0

779

Трансформероман
Ссылку на ресурс с установленным кодом
Полно ресурсов в инете позволяющим отмасштабировать картинку, мон это сделать даже в Worde, вставив - растянув мышкой и сохранив

0

780

Deff
http://transformersdozemli.mybb.ru/
Нет, она просто такая и должна быть, маленькая и компактная) Но из-за этого смещается.

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (56)