24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!


Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!

Сообщений 901 страница 930 из 1000

1

Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!

0

901

morgan написал(а):

Попробуйте это сохранить на http://proarch.ucoz.ru/ с расширением .css (к примеру, styles.css).

Кхм.. а как это сделать, в смысле сохранить с таким разрешением? Я, откровенно говоря, не очень в этом разбираюсь, к сожалению((
И прошу прощения, если задаю совсем глупый вопрос..т--т

Я даже попробовала сделать все-все-все по этой статье, но у меня снова ничего не вышло. Либо я идиот хд

morgan написал(а):

Заменить на 59px

Спасибо, это идеально *_*

0

902

lavender cat написал(а):

Кхм.. а как это сделать, в смысле сохранить с таким разрешением? Я, откровенно говоря, не очень в этом разбираюсь, к сожалению((

Открываем блокнот (или что-то другое), вставляем туда код, сохраняем файл с названием style.css x)

+1

903

morgan написал(а):

Открываем блокнот (или что-то другое), вставляем туда код, сохраняем файл с названием style.css x)

Спасибо вам огромное)) Ребята говорят, что вроде как все теперь отображается) даже в лисе) хд
вы меня просто спасли))*_______*

0

904

здравствуйте, а можете помочь?)
хотелось бы вот этот код в шапке на 5ом слайде, в пост вставить, возможно такое?)

этот)

http://cdn.joxi.ru/uploads/prod/2014/08/16/8d9/c82/dc38cdb7790fbb3b7cb03de12583fba956980a04.jpg

http://fcl.jcink.net/

0

905

morgan
http://alioth.mybb.ru/

0

906

werty написал(а):

И помогите найти скрипт. Мне нужна дополнительная кнопка в форме ответа, где будет "мысли персонажа, речь и тд"(то есть, нажав к примеру на "мысли" появляется

<style>
#button-things {background-image:url('иконка'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<img src='/i/blank.gif' title='Мысли персонажи' id='button-things'  onclick=\"bbcode('[u]', '[/u]');\"/>"
</script>

это - уникальный селектор, нафантазируйте название на английском
это - какие теги вставить при нажатии на кнопку
это - адрес иконки в форме ответа (16х16)
это - комментарий при наведении на иконку
Дублируйте этот код для каждой иконки. Важно, чтобы селектор (в примере "button-things") был разным для каждой кнопки.
Вставлять в форму ответа.

Насчёт таблицы - задайте для каждого td ширину (<td width="30%"> </td>) и регулируйте их. Ширину можно задать и пикселями.

0

907

И еще раз здравствуйте!
http://amortest.rusff.ru/
Пытаюсь установить мобильную версию в добавок к обычной
вроде что-то есть, но в обычной версии названия подфорумов очень увеличелись(
а в моб. версии отображается таблица, как это исправить? Буду очень благодарна!

0

908

poulpe.

poulpe. написал(а):

а в моб. версии отображается таблица, как это исправить? Буду очень благодарна!

http://st0.bbcorp.ru/style/Mybb_Fixing/Mybb_Fixing.css - сохранить в новый файл с расширением css, указать в конце что-то типа

Код:
#mytable{
display: none;}

В таблице:

<div id="mytable" style="position: absolute;
top: 180px;
width:900px;">

добавить выделенную часть.
Так же в файле вместо

/* A1.1 */
  @import url(Mybb_Fixing_cs.css);

укажите

Код:
/* A1.1 */
  @import url(http://st0.bbcorp.ru/style/Mybb_Fixing/Mybb_Fixing_cs.css);

В https://forumstatic.ru/files/0013/d5/ea/11123.css найдите:

#pun-index .tcl h3 {
    text-transform: uppercase;
    font-family: Book Antiqua;
    font-size: 48px;
    font-style: italic;
    text-align: left;
    text-shadow: 1px 1px 0px #A8A077;
}

выделенное отвечает за размер h3 в описании подфорумов

+1

909

morgan
Спасибо ^.^

0

910

morgan написал(а):

<style>
#button-things {background-image:url('иконка'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<img src='/i/blank.gif' title='Мысли персонажи' id='button-things'  onclick=\"bbcode('', '');\"/>"
</script>

Вроде всё сделала, но кнопка в форме ответа не отображается(

Код:
<style>
#chengar {background-image:url('http://sd.uploads.ru/JSC0K.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<img src='/i/blank.gif' title='Мысли персонажи' id='chengar'  onclick=\"bbcode('[u]', '[/u]');\"/>"
</script>

0

911

werty

Код:
<style>
#chengar {background-image:url('http://sd.uploads.ru/JSC0K.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if((form=document.getElementById("form-buttons")))
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<img src='/i/blank.gif' title='Мысли персонажи' id='chengar'  onclick=\"bbcode('[u]', '[/u]');\"/>"
</script

+1

912

morgan
спасибо огромное очень помогли)

0

913

morgan
А можно сделать так, чтобы под одной иконкой несколько кнопок? То есть разворачивался список как
http://sd.uploads.ru/t/InZBJ.png

0

914

werty
Во второе окно цсс:

Код:
/* удаляем стили списка по умолчанию */
#nav {
    margin:0;
    padding:0;
    list-style:none;
}     

    /* make the LI display inline */
    /* делаем отображение LI как inline */
    /* позиционирование относительно родителя */
    #nav li {
        float:left;
        display:block;
        position:relative;
        z-index:500;
        margin:0 1px;
    }  

    /* главное меню */
    #nav li a {
        display:block;
        padding:8px 5px 0 5px;
        font-weight:700;
        height:23px;
        text-decoration:none;
        color:#fff;
        text-align:center;
        color:#333;
    }  

    #nav li a:hover {
        color:#fff;
    }  

    /* можно сделать другой стиль для выделенного меню */
    #nav a.selected {
        color:#f00;
    }  

        /* подменю, скрыто по умолчанию */
        #nav ul {
            position:absolute;
            left:0;
            display:none;
            margin:0 0 0 -1px;
            padding:0;
            list-style:none;
        }  

        #nav ul li {
        width: 150px;
float: left;
margin-left: -50px;
height: 20px;
background: #fff;
        }  

        /* display block will make the link fill the whole area of LI */
        /* отображение ссылки в меню как block, чтобы заполнить пространство в LI */
        #nav ul a {
            display:block;
            height:15px;
            padding: 8px 5px;
            color:#666;
        }  

        #nav ul a:hover {
            text-decoration:underline;
        }

В форму ответа:

Код:
<script type="text/javascript">
$(document).ready(function () {   

    $('#nav li').hover(
        function () {
            //показать подменю
            $('ul', this).slideDown(100);  

        },
        function () {
            //скрыть подменю
            $('ul', this).slideUp(100);
        }
    );  

});
if((form=document.getElementById("form-buttons")))
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<ul id=\"nav\"><li><img src=\"http://sd.uploads.ru/JSC0K.png\"> <ul> <li> <a onclick=\"bbcode('[i]', '[/i]');\"/>Мысли персонажа</a></li><li><a onclick=\"bbcode('[b]', '[/b]');\"/>Речь персонажа</a></li></ul></li></ul>"
</script>

Собственно, в стилях можно настроить внешний вид выпадающего списка, самы пункты представляют собой li списка ul.

<li> <a onclick=\"bbcode('', '');\"/>Мысли персонажа</a></li>

Думаю, разберётесь)

+1

915

morgan
Спасибо :3
Да, думаю разберусь -.-

0

916

здравствуйте, я снова к вам. не подскажете, как можно вылечить вот это, чтобы в рамку тела влезло?

тык

http://sd.uploads.ru/t/xW2dz.jpg

ссылка

0

917

Доброго времени суток.
Помогите, пожалуйста, исправить серьезный косяк.

Свернутый текст

http://sf.uploads.ru/YUrOg.png

Хорошо бы вообще убрать этот кусок рамки, оставив только сам ник и ничего более.

Отредактировано Persona non grata (20-08-2014 19:44:14)

0

918

Здравствуйте.
У меня может нубский вопрос, но всё же интересно, почему на странице "администрирование" (/admin_index.php), не отображается ни "объявление", ни див помещенный в HTML-вверх, ни див помещенный в HTML-низ? И можно ли это исправить?

Отредактировано Arius (19-08-2014 17:46:58)

0

919

hopsia

Код:
#pun-messages .post-content{
width: 600px !important;}
Arius написал(а):

У меня может нубский вопрос, но всё же интересно, почему на странице "администрирование" (/admin_index.php), не отображается ни "объявление", ни див помещенный в HTML-вверх, ни див помещенный в HTML-низ? И можно ли это исправить?

Дабы пользовательские скрипты не влияли на работу админки. Исправить нельзя.
Persona non grata
Дайте логин и пароль для теста.

+2

920

Persona non grata

Код:
#pun-post .post .post-author{
background: none !important;}

+1

921

morgan
помогите пожалуйста, исправить вот этот мой косяк. не могу никак разобраться как сделать, чтобы новые сообщения и пр. не наползало.
http://savepic.ru/5591794.png

Отредактировано соленая; (20-08-2014 17:01:58)

0

922

соленая;
Адрес форума

0

923

morgan
http://devil.f-rpg.ru

0

924

соленая;

Код:
#pun-status .container{
margin-top: 50px;}

0

925

morgan
Огромнейшее Вам спасибо.
Если не трудно, то хотелось бы попросить помощи еще в нескольких вопросах на том же форуме. Можете использовать тот же логин и пароль.

1.

Свернутый текст

Хотелось бы убрать линии
http://se.uploads.ru/5SUFD.png

2.

Свернутый текст

Доп. поля прыгают, как хотят. И разумной причины тому я не нашел.
http://sd.uploads.ru/ofibB.png

3.

Свернутый текст

Очень хотелось бы убрать полосу под окантовку профиля, если таковая процедура возможна.
http://se.uploads.ru/bJLFN.png

Отредактировано Persona non grata (20-08-2014 20:29:51)

0

926

Persona non grata написал(а):

1.

.punbb .hasicon > tr {
    background: url('http://savepic.org/5780660.png') no-repeat scroll center bottom transparent;
}

Удалить зачёркнутое.

Persona non grata написал(а):

3.

Не совсем понял, о чём речь. Если с фона профиля, то это через фотошоп нужно делать.

0

927

morgan
о, спасибо, с этим отлично все теперь
но появилась проблема с объявлением
http://devil.f-rpg.ru

0

928

morgan написал(а):

Не совсем понял, о чём речь. Если с фона профиля, то это через фотошоп нужно делать.

Теперь ясно. Именно это я и имел ввиду. Спасибо.

0

929

соленая;

<table style="text-align: justify; position: absolute; margin-left: -43px; top: 293px;" border="0" height="150px" width="900px">

Немного увеличить выделенное
и

#pun-status .container{
margin-top: 50px;}

на много увеличить)

0

930

Здравствуйте. У меня между шапкой форума и его содержимым образовалось пустое место. Как убрать его и сделать так, чтобы текст начинался примерно на этом уровне?

Свернутый текст

http://funkyimg.com/i/K6b6.png

ссылка на форум - http://givi.rolka.su/

Плюс, когда я захожу с планшета, появляются вот такие стыки. Причем, заходя с компьютера, их не видно. Как их убрать?

Свернутый текст

http://funkyimg.com/i/K6dh.jpg
http://funkyimg.com/i/K6di.jpg

Отредактировано ололош матсумото . (22-08-2014 03:24:23)

0


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!