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

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

Эпиграф в стиле tumblr (перевод windymind)

Вверх
Вниз

COLOR MATE

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

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

Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS (& HTML)

Вопросы по CSS (& HTML)

Страница:   1 … 22 23 24 25 26 … 34  

Сообщений 691 страница 720 из 1000

1

  • Автор: admin
  • takes to lead
  • admin
  • Зарегистрирован: 29-04-2011
  • Приглашений: 0
  • Сообщений: 691
  • Уважение: +53
  • Позитив: +163
  • Провел на форуме:
    7 дней 0 часов
  • Последний визит:
    23-03-2013 22:58:04

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

0

691

  • Автор: Escaldo
  • временно в лоу, болею :( аська в профиле :)
  • Escaldo
  • Зарегистрирован: 08-07-2013
  • Приглашений: 0
  • Сообщений: 224
  • Уважение: +35
  • Позитив: +23
  • Пол: Женский
  • Возраст: 31 [1993-02-10]
  • Провел на форуме:
    2 дня 1 час
  • Последний визит:
    06-08-2013 20:58:36
WASP написал(а):

Помогите пожалуйста опустить меню навигации

div#pun-navlinks {
font-size: 9px;
position: absolute;
width: 100%;
margin-left: -69px;
top: 390px;
}

Зачеркнутое надо убрать, жирное поменять на margin-top
В стиле пользовательского меню "новые сооб. и т.д." тоже надо опускать через margin-top

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

Еще нужно узнать, где можно уменьшить вот это расстояние

.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
margin-left: -40px;
}

Жирное добавить хотя, по-хорошему, надо бы коды тела форума переписать полностью, а то шапка при масштабировании так и будет съезжать

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

И каким кодом в это поле запихивается табличка, которую можно листать стрелочками

Это горизонтальный круговой слайдер, сейчас дам код, но его надо вручную передвигать и стрелочки придется сделать в пнг без фона

+2

692

  • Автор: Escaldo
  • временно в лоу, болею :( аська в профиле :)
  • Escaldo
  • Зарегистрирован: 08-07-2013
  • Приглашений: 0
  • Сообщений: 224
  • Уважение: +35
  • Позитив: +23
  • Пол: Женский
  • Возраст: 31 [1993-02-10]
  • Провел на форуме:
    2 дня 1 час
  • Последний визит:
    06-08-2013 20:58:36
Escaldo написал(а):

Это горизонтальный круговой слайдер, сейчас дам код, но его надо вручную передвигать и стрелочки придется сделать в пнг без фона

Круговой слайдер
Но там очень долгая и кропотливая настройка

+1

693

  • Автор: WASP
  • Heaven can wait
  • WASP
  • Зарегистрирован: 07-03-2012
  • Приглашений: 0
  • Сообщений: 108
  • Уважение: +136
  • Позитив: +62
  • Пол: Женский
  • Провел на форуме:
    3 дня 12 часов
  • Последний визит:
    01-07-2014 09:44:05
Escaldo написал(а):

Именно через CSS или скриптом?

Через css, скрипт у меня есть.

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

В стиле пользовательского меню "новые сооб. и т.д." тоже надо опускать через margin-top

Почему-то уехало с позиции по центру. Добаила методом тыка "position : center;" - не сработало.

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

хотя, по-хорошему, надо бы коды тела форума переписать полностью, а то шапка при масштабировании так и будет съезжать

Я бы переписала, но смыслю во всем этом на уровне средненького такого чайника)

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

Это горизонтальный круговой слайдер, сейчас дам код, но его надо вручную передвигать и стрелочки придется сделать в пнг без фона

А если просто табличку? Какие параметры нужно добавить, чтобы подогнать ее на нужное место?
Все остальное получилось, спасибо большое, что помогаете)

Отредактировано WASP (22-07-2013 14:32:55)

0

694

  • Автор: Escaldo
  • временно в лоу, болею :( аська в профиле :)
  • Escaldo
  • Зарегистрирован: 08-07-2013
  • Приглашений: 0
  • Сообщений: 224
  • Уважение: +35
  • Позитив: +23
  • Пол: Женский
  • Возраст: 31 [1993-02-10]
  • Провел на форуме:
    2 дня 1 час
  • Последний визит:
    06-08-2013 20:58:36
WASP написал(а):

Почему-то уехало с позиции по центру. Добаила методом тыка "position : center;" - не сработало.

Добваить туда же:
margin-left: 40px;

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

А если просто табличку? Какие параметры нужно добавить, чтобы подогнать ее на нужное место?
Все остальное получилось, спасибо большое, что помогаете)

Можно добавить простой див-блок в ХТМЛ-низ:

<div style="
    position: absolute;
    padding: 2px;
    width: 469px;
    height: 91px;
    margin-left: 437px;
    margin-top: -45px;
    color: bisque;
">содержание блока</div>

+1

695

  • Автор: Escaldo
  • временно в лоу, болею :( аська в профиле :)
  • Escaldo
  • Зарегистрирован: 08-07-2013
  • Приглашений: 0
  • Сообщений: 224
  • Уважение: +35
  • Позитив: +23
  • Пол: Женский
  • Возраст: 31 [1993-02-10]
  • Провел на форуме:
    2 дня 1 час
  • Последний визит:
    06-08-2013 20:58:36

WASP
Кстати, среди картинок на меню не хватает Профиля и Сообщений)

0

696

  • Автор: WASP
  • Heaven can wait
  • WASP
  • Зарегистрирован: 07-03-2012
  • Приглашений: 0
  • Сообщений: 108
  • Уважение: +136
  • Позитив: +62
  • Пол: Женский
  • Провел на форуме:
    3 дня 12 часов
  • Последний визит:
    01-07-2014 09:44:05

Escaldo, так и знала, что что-то упустила)

открыть

http://s4.uploads.ru/dauSW.png
http://s4.uploads.ru/qfYaD.png

0

697

  • Автор: dorea potter
  • lollypop
  • dorea potter
  • Зарегистрирован: 19-03-2012
  • Приглашений: 0
  • Сообщений: 249
  • Уважение: +119
  • Позитив: +201
  • Пол: Женский
  • Провел на форуме:
    6 дней 6 часов
  • Последний визит:
    02-09-2015 15:05:13

Здравствуйте)
У меня чувство дежавю насчет моего вопроса, но раз я до сих пор не знаю на него ответ, значит в прошлый раз не помогли(

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

картинка

http://ipic.su/img/img7/fs/Untitled-3.1374492942.png

http://doreapotter.0bb.ru/

Отредактировано dorea potter (22-07-2013 15:38:52)

0

698

  • Автор: Escaldo
  • временно в лоу, болею :( аська в профиле :)
  • Escaldo
  • Зарегистрирован: 08-07-2013
  • Приглашений: 0
  • Сообщений: 224
  • Уважение: +35
  • Позитив: +23
  • Пол: Женский
  • Возраст: 31 [1993-02-10]
  • Провел на форуме:
    2 дня 1 час
  • Последний визит:
    06-08-2013 20:58:36

WASP
Это для всех картинок, кроме пиар-входа, ХТМЛ-верх:

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

<style>
#pun-navlinks li a span {
display: none;
}
li#navindex a {
padding: 10px 38px;
background: top center no-repeat url(http://s5.uploads.ru/0KgID.png);
}
li#navuserlist a {
padding: 10px 50px;
background: top center no-repeat url(http://s4.uploads.ru/aYPp5.png);
}
li#navsearch a {
padding: 10px 38px;
background: top center no-repeat url(http://s4.uploads.ru/1SBvC.png);
}
li#navlogout a {
padding: 10px 36px;
background: top center no-repeat url(http://s5.uploads.ru/cjr1o.png);
}
li#navadmin a {
padding: 10px 42px;
background: top center no-repeat url(http://s5.uploads.ru/QRT4m.png);
}
li#navregister a {
padding: 10px 54px;
background: top center no-repeat url(http://s4.uploads.ru/4jSOV.png);
}
li#navlogin a {
padding: 10px 34px;
background: top center no-repeat url(http://s4.uploads.ru/oKRqy.png);
}
li#navprofile a {
padding: 10px 43px;
background: top center no-repeat url(http://s4.uploads.ru/dauSW.png);
}
li#navpm a {
padding: 10px 50px;
background: top center no-repeat url(http://s4.uploads.ru/qfYaD.png);
}
li#navextra1 a {
padding: 10px 43px;
background: top center no-repeat url(http://s4.uploads.ru/sxZEl.png);
}
</style>

Пиар-вход, ХТМЛ-низ:

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\"><img title=\"Быстрый вход для 'Пиарщиков'\" src=\"http://s4.uploads.ru/hzxau.png\"/></span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

Жирное замените на данные своего пиар-акка)

+2

699

  • Автор: Escaldo
  • временно в лоу, болею :( аська в профиле :)
  • Escaldo
  • Зарегистрирован: 08-07-2013
  • Приглашений: 0
  • Сообщений: 224
  • Уважение: +35
  • Позитив: +23
  • Пол: Женский
  • Возраст: 31 [1993-02-10]
  • Провел на форуме:
    2 дня 1 час
  • Последний визит:
    06-08-2013 20:58:36

dorea potter
Форум, к сожалению, скрыт от гостей, и я не могу посмотреть, в чем дело  http://funkyimg.com/u2/1479/251/35385303.png

0

700

  • Автор: WASP
  • Heaven can wait
  • WASP
  • Зарегистрирован: 07-03-2012
  • Приглашений: 0
  • Сообщений: 108
  • Уважение: +136
  • Позитив: +62
  • Пол: Женский
  • Провел на форуме:
    3 дня 12 часов
  • Последний визит:
    01-07-2014 09:44:05

Escaldo, заменилось, но получился такой косяк с расстоянием между "участники" и "поиск". И можно как-то подчеркнутые строчки опустить? Это, кажется, последнее, больше донимать не буду))

открыть

http://s5.uploads.ru/HNTwS.png

0

701

  • Автор: Escaldo
  • временно в лоу, болею :( аська в профиле :)
  • Escaldo
  • Зарегистрирован: 08-07-2013
  • Приглашений: 0
  • Сообщений: 224
  • Уважение: +35
  • Позитив: +23
  • Пол: Женский
  • Возраст: 31 [1993-02-10]
  • Провел на форуме:
    2 дня 1 час
  • Последний визит:
    06-08-2013 20:58:36

WASP
А, пробел у вас создался скрытым пунктом награды)
Добавьте в код, что я дала выше это:
li#navawards a {
padding: 0!important;
}

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

И можно как-то подчеркнутые строчки опустить? Это, кажется, последнее, больше донимать не буду))

#pun-status {
margin-top: 20px;
}
https://forumupload.ru/uploads/000c/77/06/120183-1.gif

+2

702

  • Автор: WASP
  • Heaven can wait
  • WASP
  • Зарегистрирован: 07-03-2012
  • Приглашений: 0
  • Сообщений: 108
  • Уважение: +136
  • Позитив: +62
  • Пол: Женский
  • Провел на форуме:
    3 дня 12 часов
  • Последний визит:
    01-07-2014 09:44:05

Escaldo, вы просто сокровище)) Без вас я бы ни за что не поставила этот диз на коды)

0

703

  • Автор: dorea potter
  • lollypop
  • dorea potter
  • Зарегистрирован: 19-03-2012
  • Приглашений: 0
  • Сообщений: 249
  • Уважение: +119
  • Позитив: +201
  • Пол: Женский
  • Провел на форуме:
    6 дней 6 часов
  • Последний визит:
    02-09-2015 15:05:13
Escaldo написал(а):

Форум, к сожалению, скрыт от гостей, и я не могу посмотреть, в чем дело

Простите. Сейчас открыла
http://doreapotter.0bb.ru/

0

704

  • Автор: Escaldo
  • временно в лоу, болею :( аська в профиле :)
  • Escaldo
  • Зарегистрирован: 08-07-2013
  • Приглашений: 0
  • Сообщений: 224
  • Уважение: +35
  • Позитив: +23
  • Пол: Женский
  • Возраст: 31 [1993-02-10]
  • Провел на форуме:
    2 дня 1 час
  • Последний визит:
    06-08-2013 20:58:36

dorea potter
Нужно к стилю категории дописать:
width: 100%;
margin-left: -19px;

+2

705

  • Автор: dorea potter
  • lollypop
  • dorea potter
  • Зарегистрирован: 19-03-2012
  • Приглашений: 0
  • Сообщений: 249
  • Уважение: +119
  • Позитив: +201
  • Пол: Женский
  • Провел на форуме:
    6 дней 6 часов
  • Последний визит:
    02-09-2015 15:05:13

Escaldo
Спасибо большое, помогло  [взломанный сайт]

Отредактировано dorea potter (22-07-2013 21:08:04)

0

706

  • Автор: Nash von Berne
  • я есмь клевер
  • Nash von Berne
  • Зарегистрирован: 22-07-2013
  • Приглашений: 0
  • Сообщений: 25
  • Уважение: 0
  • Позитив: +1
  • Провел на форуме:
    3 часа 0 минут
  • Последний визит:
    19-09-2013 01:34:21

здравствуйте, у меня тут возникло "нечто", которое меня излишне уже раздражает.
дизайн устанавливался в хрониумиме. смотрели и через другие - все акей. но мозила, как и обычно, особо порадовала.

хром и остальное:

тык

http://savepic.org/4157715.png

мозила:

тык

http://s4.uploads.ru/yitgZ.png

что сие такое? что с этим делать?

Отредактировано Nash von Berne (23-07-2013 04:54:02)

0

707

  • Автор: morgan
  • главный по горшкам
  • morgan
  • Зарегистрирован: 27-07-2012
  • Приглашений: 0
  • Сообщений: 4222
  • Уважение: +1775
  • Позитив: +1413
  • Пол: Мужской
  • Провел на форуме:
    2 месяца 25 дней
  • Последний визит:
    12-03-2019 02:02:54

Nash von Berne
Ссылка на форум.

0

708

  • Автор: Nash von Berne
  • я есмь клевер
  • Nash von Berne
  • Зарегистрирован: 22-07-2013
  • Приглашений: 0
  • Сообщений: 25
  • Уважение: 0
  • Позитив: +1
  • Провел на форуме:
    3 часа 0 минут
  • Последний визит:
    19-09-2013 01:34:21

morgan
вопрос снимается. все заново переписал и нормально заработало. думается мне, что впопыхах успел стереть нужный код. извините за беспокойство. продолжу прописывать и сравнивать. если проблема повторится - обращусь. ну и сцыль кину, да.

0

709

  • Автор: Mixer
  • Даже судьба за то , что буду Королём ада навечно!
  • Mixer
  • Зарегистрирован: 23-07-2013
  • Приглашений: 0
  • Сообщений: 85
  • Уважение: +25
  • Позитив: +5
  • Пол: Мужской
  • Провел на форуме:
    2 дня 6 часов
  • Последний визит:
    13-08-2014 15:45:40

Добрый вечер.
Не подскажите такой скриптик и куда его вставлять...
чтоб также в отдельной "рамочке"  был профиль
http://s5.uploads.ru/t/DGVrm.png

0

710

  • Автор: morgan
  • главный по горшкам
  • morgan
  • Зарегистрирован: 27-07-2012
  • Приглашений: 0
  • Сообщений: 4222
  • Уважение: +1775
  • Позитив: +1413
  • Пол: Мужской
  • Провел на форуме:
    2 месяца 25 дней
  • Последний визит:
    12-03-2019 02:02:54

Mixer
В хтмл-верх:

Код:
<style>
.punbb .post .post-author {
    background: url("http://s2.uploads.ru/H4wTy.png") repeat scroll 0% 0% transparent;
    text-align: center;
    border-radius: 11px 11px 11px 11px;
    box-shadow: 3px 0px 8px rgb(28, 24, 20);
}
</style>

+2

711

  • Автор: Mixer
  • Даже судьба за то , что буду Королём ада навечно!
  • Mixer
  • Зарегистрирован: 23-07-2013
  • Приглашений: 0
  • Сообщений: 85
  • Уважение: +25
  • Позитив: +5
  • Пол: Мужской
  • Провел на форуме:
    2 дня 6 часов
  • Последний визит:
    13-08-2014 15:45:40

morgan
о, спасибо!

0

712

  • Автор: gretel
  • magic never ends
  • gretel
  • Зарегистрирован: 07-01-2012
  • Приглашений: 0
  • Сообщений: 604
  • Уважение: +233
  • Позитив: +189
  • Пол: Женский
  • Провел на форуме:
    12 дней 12 часов
  • Последний визит:
    04-11-2013 12:28:43

Escaldo, спасибо)
скажите тогда уж заодно, как поменять слово "активны" все в той же строке статистики?

0

713

  • Автор: Escaldo
  • временно в лоу, болею :( аська в профиле :)
  • Escaldo
  • Зарегистрирован: 08-07-2013
  • Приглашений: 0
  • Сообщений: 224
  • Уважение: +35
  • Позитив: +23
  • Пол: Женский
  • Возраст: 31 [1993-02-10]
  • Провел на форуме:
    2 дня 1 час
  • Последний визит:
    06-08-2013 20:58:36

gretel, в Хтмл-низ тоже)

<script type="text/javascript">
var link="http://houseofbuilding.rusff.ru" //ставим адрес форума без последнего слеша
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].href==""+link+"/online.php")
{arr[j].innerHTML="Где-то тут"} //а сюда пишем желаемую фразу
}}
changeLink()
</script>

+2

714

  • Автор: milana;
  • сolor my life with a chaos of trouble
  • milana;
  • Зарегистрирован: 06-11-2011
  • Приглашений: 0
  • Сообщений: 23
  • Уважение: 0
  • Позитив: +8
  • Провел на форуме:
    17 часов 4 минуты
  • Последний визит:
    07-10-2015 21:54:32

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

ссылка на форум
http://originals.rolebb.com/

0

715

  • Автор: Escaldo
  • временно в лоу, болею :( аська в профиле :)
  • Escaldo
  • Зарегистрирован: 08-07-2013
  • Приглашений: 0
  • Сообщений: 224
  • Уважение: +35
  • Позитив: +23
  • Пол: Женский
  • Возраст: 31 [1993-02-10]
  • Провел на форуме:
    2 дня 1 час
  • Последний визит:
    06-08-2013 20:58:36

milana;, не совсем могу понять, что требуется, поскольку цвет ссылки и так меняют при наведении)

0

716

  • Автор: Alfonso
  • я есмь клевер
  • Зарегистрирован: 25-11-2012
  • Приглашений: 0
  • Сообщений: 72
  • Уважение: +3
  • Позитив: +7
  • Провел на форуме:
    9 дней 10 часов
  • Последний визит:
    20-10-2018 21:04:37

- Доброго времени суток. Как убрать горизонтальную прокрутку внизу форума?
http://s5.uploads.ru/2Dkjo.png
Форум - http://fmatv1.rusff.ru/

0

717

  • Автор: Джи
  • «Science has failed our Mother Earth...»
  • Джи
  • Откуда: Бердск
  • Зарегистрирован: 15-06-2012
  • Приглашений: 0
  • Сообщений: 303
  • Уважение: +71
  • Позитив: +9
  • Пол: Женский
  • Возраст: 24 [2000-03-09]
  • Провел на форуме:
    10 дней 12 часов
  • Последний визит:
    18-06-2014 11:27:14

Alfonso, здравствуйте.
Второе окошко стиля. Добавьте:

html {background: url(http://s3.uploads.ru/T2YMd.jpg) 50% #0c0000; overflow-x: hidden;}

+1

718

  • Автор: Alfonso
  • я есмь клевер
  • Зарегистрирован: 25-11-2012
  • Приглашений: 0
  • Сообщений: 72
  • Уважение: +3
  • Позитив: +7
  • Провел на форуме:
    9 дней 10 часов
  • Последний визит:
    20-10-2018 21:04:37

Джи, спасибо *О*

0

719

  • Автор: monkeyslut
  • я есмь клевер
  • monkeyslut
  • Зарегистрирован: 26-07-2012
  • Приглашений: 0
  • Сообщений: 266
  • Уважение: +80
  • Позитив: +1
  • Провел на форуме:
    10 дней 22 часа
  • Последний визит:
    07-03-2016 10:43:14

как из этого http://savepic.org/4226490m.png сделать это? http://savepic.org/4212154m.png

0

720

  • Автор: morgan
  • главный по горшкам
  • morgan
  • Зарегистрирован: 27-07-2012
  • Приглашений: 0
  • Сообщений: 4222
  • Уважение: +1775
  • Позитив: +1413
  • Пол: Мужской
  • Провел на форуме:
    2 месяца 25 дней
  • Последний визит:
    12-03-2019 02:02:54

monkeyslut,
Воображение)
Нужны ссылки.

0

Страница:   1 … 22 23 24 25 26 … 34  

Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS (& HTML)