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

Поделиться105-02-2013 07:39:37

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

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

0

Поделиться81112-08-2013 07:57:14

Автор: dolen
nothing is true
Зарегистрирован: 04-04-2012
Приглашений: 0
Сообщений: 308
Уважение: +133
Позитив: +36
Провел на форуме:
5 дней 1 час
Последний визит:
15-05-2018 10:58:30

Deisy-,
http://htmlbook.ru/css/white-space

0

Поделиться81212-08-2013 10:47:35

Автор: ультраморин
строптивый ангел
Зарегистрирован: 09-05-2011
Приглашений: 0
Сообщений: 258
Уважение: +136
Позитив: +88
Пол: Женский
Провел на форуме:
11 дней 21 час
Последний визит:
15-10-2016 19:33:47

Джи написал(а):

В ХТМЛ-верх:
Выделить код
<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>

В ХТМЛ-низ:
<script>a="http://colorforum.ru/viewtopic.php?id=7190&p=9#p429818";
Transform_Code_Box_in_HTML (a)</script>
Выделенное - ссылка на сообщение.
Также можно упрощенную ссылку вставить: /viewtopic.php?id=7190&p=9#p429818. (:
Файл с hostjs-mybb2011 лучше перезалить на форум и вставить, так надежнее (:

К сожалению не помогло. На странице только код, а картинка не появилась.

0

Поделиться81312-08-2013 11:41:51

Автор: Джи
«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

ультраморин, можно ссылку на пост?

0

Поделиться81412-08-2013 11:47:24

Автор: ультраморин
строптивый ангел
Зарегистрирован: 09-05-2011
Приглашений: 0
Сообщений: 258
Уважение: +136
Позитив: +88
Пол: Женский
Провел на форуме:
11 дней 21 час
Последний визит:
15-10-2016 19:33:47

Джи написал(а):

можно ссылку на пост?

минут через 5 в лс пришлю.

0

Поделиться81512-08-2013 11:50:06

Автор: бунтарь
r u mine?
Откуда: Москва.
Зарегистрирован: 27-07-2013
Приглашений: 0
Сообщений: 47
Уважение: +3
Позитив: 0
Пол: Женский
Провел на форуме:
8 часов 42 минуты
Последний визит:
28-03-2014 23:50:32

всем пис. созрела парочка вопросов, вот форум собралась делать
ну так вот: во-первых, как в "объявлении" сделать как бы меню, состоящее из 5 кнопок-картинок, при нажатии на которых плавно выползает текст?
во-вторых, каким образом можно убрать линии в таблице?
в-третьих, как изменить цвет текста, который под тегами?

Код:

[b][/b]

помогите, пожалуйста

0

Поделиться81612-08-2013 13:16:58

Автор: Джи
«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

бунтарь, здравствуйте.

бунтарь написал(а):

во-первых, как в "объявлении" сделать как бы меню, состоящее из 5 кнопок-картинок, при нажатии на которых плавно выползает текст?

а можно пример? немного непонятно...

бунтарь написал(а):

во-вторых, каким образом можно убрать линии в таблице?

подписываем/редактируем стили таблицы:

border="0"

бунтарь написал(а):

в-третьих, как изменить цвет текста, который под тегами?

Эти теги не будут работать в объявлении, говорю сразу.
ББ-код:

Код:

[b][color=#цвет]текст[/color][/b]

ХТМЛ-код:

Код:

<p style="color:#цвет"><b>текст</b></p>

Код:

<b><font color="#цвет">текст</font></b>

0

Поделиться81712-08-2013 13:55:41

Автор: бунтарь
r u mine?
Откуда: Москва.
Зарегистрирован: 27-07-2013
Приглашений: 0
Сообщений: 47
Уважение: +3
Позитив: 0
Пол: Женский
Провел на форуме:
8 часов 42 минуты
Последний визит:
28-03-2014 23:50:32

Джи,
вот пример
вот пять картинок-кнопок

влтмдл

и при нажатии на любую из них выскакивает такая штука

двьмдаьз

мне нужно что-то такое

какой из данных кодов для этого тега

Код:

[b][/b]

распространяется на весь форум? про объявление ясно

0

Поделиться81812-08-2013 16:17:27

Автор: бунтарь
r u mine?
Откуда: Москва.
Зарегистрирован: 27-07-2013
Приглашений: 0
Сообщений: 47
Уважение: +3
Позитив: 0
Пол: Женский
Провел на форуме:
8 часов 42 минуты
Последний визит:
28-03-2014 23:50:32

и еще как закруглить края цитаты и вообще, какие там всевозможные коды?

0

Поделиться81912-08-2013 23:57:13

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

бунтарь написал(а):

и еще как закруглить края цитаты и вообще, какие там всевозможные коды?

Код:

.punbb .quote-box, .punbb .code-box {
    border-radius: 15px 15px 15px 15px;
}

0

Поделиться82013-08-2013 13:55:15

Автор: бунтарь
r u mine?
Откуда: Москва.
Зарегистрирован: 27-07-2013
Приглашений: 0
Сообщений: 47
Уважение: +3
Позитив: 0
Пол: Женский
Провел на форуме:
8 часов 42 минуты
Последний визит:
28-03-2014 23:50:32

morgan, спасибо огромное!
а вы случайно не знаете, как делать такую штуку?

бунтарь написал(а):

817

0

Поделиться82113-08-2013 22:37:19

Автор: sheathes
I'm gonna burn it down
Зарегистрирован: 29-11-2012
Приглашений: 0
Сообщений: 119
Уважение: +163
Позитив: +2
Провел на форуме:
2 дня 0 часов
Последний визит:
14-09-2014 01:05:03

подскажите, пожалуйста, как сдвинуть "форум", "участники" и т.д. вверх, поверх шапки, плюс увеличить ширину самого блока с этими ссылками)

0

Поделиться82213-08-2013 23:57:19

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

sheathes,
Лучше бы вы адрес форума дали, ну да ладно

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

подскажите, пожалуйста, как сдвинуть "форум", "участники" и т.д. вверх, поверх шапки,

Код:

#pun-navlinks .container {
    height: 0px;
    font-weight: normal;
    text-align: center;
    margin-top: 20px;
}

margin-top: 20px; отвечает за перемещение по вертикали (чем больше значение, тем выше, чем ниже (включая и негативные значения (прим. -200px) значения, тем ниже панель.
Сюда же можете добавить width: 900px;, чем больше - тем шире (но отдаляться друг от друга кнопки не будут).

+1

Поделиться82314-08-2013 00:15:34

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

бунтарь,
Да, чуть позже скину)

0

Поделиться82414-08-2013 02:11:19

Автор: sheathes
I'm gonna burn it down
Зарегистрирован: 29-11-2012
Приглашений: 0
Сообщений: 119
Уважение: +163
Позитив: +2
Провел на форуме:
2 дня 0 часов
Последний визит:
14-09-2014 01:05:03

morgan, уже разобралась, но все равно спасибо)

0

Поделиться82514-08-2013 06:46:13

Автор: бунтарь
r u mine?
Откуда: Москва.
Зарегистрирован: 27-07-2013
Приглашений: 0
Сообщений: 47
Уважение: +3
Позитив: 0
Пол: Женский
Провел на форуме:
8 часов 42 минуты
Последний визит:
28-03-2014 23:50:32

morgan,
я только что разобралась, спасибо с:

0

Поделиться82614-08-2013 18:22:27

Автор: каравай тм
tonight
Зарегистрирован: 25-12-2012
Приглашений: 0
Сообщений: 76
Уважение: +7
Позитив: +21
Пол: Мужской
Провел на форуме:
1 день 21 час
Последний визит:
13-05-2015 22:44:04

доброго дня. прошу прощения, если пишу не туда.
вот если я хочу под никнейм юзера поместить изображение, то оно автоматически появляется у всех пользователей как оформление профиля. а вот можно ли как-нибудь сделать так, чтобы, например, у администраторов было одно изображение под ником, у модерторов другое и так далее? или даже не по группам разделить, а конкретно дописать, что вот ник1, ник2 - изобр.1; ник3 - изобр.2, для иных игроков тогда чтобы по умолчанию было некое изобр.2
пардоньте, если неясно изъясняюсь =/

Отредактировано iLadno (14-08-2013 18:27:53)

0

Поделиться82714-08-2013 18:58:24

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

Снова требуется помощь. Объясните пожалуйста, как запихнуть в шапку анимированный элемент? Например анимацию моргающих глаз, сделанную отдельно? И как передвинуть до нужного места?

0

Поделиться82814-08-2013 19:07:35

Автор: каравай тм
tonight
Зарегистрирован: 25-12-2012
Приглашений: 0
Сообщений: 76
Уважение: +7
Позитив: +21
Пол: Мужской
Провел на форуме:
1 день 21 час
Последний визит:
13-05-2015 22:44:04

WASP

<div style="height:31px; width:88px;border:red 0px solid; top:432px;margin-left:56px;position:absolute;z-index:100;">
<img
src="ссылка на картинку"></a>
</div>

31, 88 - высота и ширина соответственно
432, 56 - отступ сверху и влево соответственно
ссылка - ну, думаю, тут ясно

Отредактировано iLadno (14-08-2013 19:08:07)

+1

Поделиться82914-08-2013 19:28:45

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

iLadno, да, спасибо большое, сработало.

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

Отредактировано WASP (14-08-2013 19:29:14)

0

Поделиться83014-08-2013 19:29:50

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

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

первую строчку меню навигации?

О какой первой строчке идёт речь?

0

Поделиться83114-08-2013 20:43:37

Автор: каравай тм
tonight
Зарегистрирован: 25-12-2012
Приглашений: 0
Сообщений: 76
Уважение: +7
Позитив: +21
Пол: Мужской
Провел на форуме:
1 день 21 час
Последний визит:
13-05-2015 22:44:04

продублирую на всякий случай .__.

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

доброго дня. прошу прощения, если пишу не туда.
вот если я хочу под никнейм юзера поместить изображение, то оно автоматически появляется у всех пользователей как оформление профиля. а вот можно ли как-нибудь сделать так, чтобы, например, у администраторов было одно изображение под ником, у модерторов другое и так далее? или даже не по группам разделить, а конкретно дописать, что вот ник1, ник2 - изобр.1; ник3 - изобр.2, для иных игроков тогда чтобы по умолчанию было некое изобр.2
пардоньте, если неясно изъясняюсь =/

0

Поделиться83214-08-2013 21:02:35

Автор: каравай тм
tonight
Зарегистрирован: 25-12-2012
Приглашений: 0
Сообщений: 76
Уважение: +7
Позитив: +21
Пол: Мужской
Провел на форуме:
1 день 21 час
Последний визит:
13-05-2015 22:44:04

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

0

Поделиться83314-08-2013 21:43:07

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

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

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

Код:

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    background-color: #fff;
}

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

доброго дня. прошу прощения, если пишу не туда.
вот если я хочу под никнейм юзера поместить изображение, то оно автоматически появляется у всех пользователей как оформление профиля. а вот можно ли как-нибудь сделать так, чтобы, например, у администраторов было одно изображение под ником, у модерторов другое и так далее? или даже не по группам разделить, а конкретно дописать, что вот ник1, ник2 - изобр.1; ник3 - изобр.2, для иных игроков тогда чтобы по умолчанию было некое изобр.2
пардоньте, если неясно изъясняюсь =/

Да, можно устанавливать индивидуальные статусы картинками.

Код:

<script type="text/javascript">
var authors=document.getElementsByTagName("ul")
var feg=0
for (feg=0; feg<=(authors.length-1); feg++)
{if (authors[feg].innerHTML.indexOf("pa-author")!=-1)
{
if (authors[feg].getElementsByTagName("li")[1].innerHTML.indexOf("Координатор")!=-1)
{authors[feg].getElementsByTagName("li")[1].innerHTML="<img src='http://help.mybb.ru/uploads/help/303_sm.jpg' />"}
else if (authors[feg].getElementsByTagName("li")[1].innerHTML.indexOf("Заслуженный")!=-1)
{authors[feg].getElementsByTagName("li")[1].innerHTML="<img src='http://help.mybb.ru/uploads/help/303_zas.jpg' />"}}}
</script>

Координатор и Заслуженный - это статусы у пользователей (ранги, статус группы). Они будут заменятся на соответствующие картинки (ссылки указываются следом).
Дублировать следует эту часть кода:

else if (authors[feg].getElementsByTagName("li")[1].innerHTML.indexOf("Заслуженный")!=-1)
{authors[feg].getElementsByTagName("li")[1].innerHTML="<img src='http://help.mybb.ru/uploads/help/303_zas.jpg' />"}

чтобы добавить новые статусы. Обратите внимание, что две закрывающие фигурные скобки не дублируются, они должны быть в самом конце скрипта. То есть, для 5-ти индивидуальных статусов скрипт будет такой:

Код:

<script type="text/javascript">
var authors=document.getElementsByTagName("ul")
var feg=0
for (feg=0; feg<=(authors.length-1); feg++)
{if (authors[feg].innerHTML.indexOf("pa-author")!=-1)
{
if (authors[feg].getElementsByTagName("li")[1].innerHTML.indexOf("Координатор")!=-1)
{authors[feg].getElementsByTagName("li")[1].innerHTML="<img src='http://help.mybb.ru/uploads/help/303_sm.jpg' />"}
else if (authors[feg].getElementsByTagName("li")[1].innerHTML.indexOf("Заслуженный")!=-1)
{authors[feg].getElementsByTagName("li")[1].innerHTML="<img src='http://help.mybb.ru/uploads/help/303_zas.jpg' />"}
else if (authors[feg].getElementsByTagName("li")[1].innerHTML.indexOf("Заслуженный")!=-1)
{authors[feg].getElementsByTagName("li")[1].innerHTML="<img src='http://help.mybb.ru/uploads/help/303_zas.jpg' />"}
else if (authors[feg].getElementsByTagName("li")[1].innerHTML.indexOf("Заслуженный")!=-1)
{authors[feg].getElementsByTagName("li")[1].innerHTML="<img src='http://help.mybb.ru/uploads/help/303_zas.jpg' />"}
else if (authors[feg].getElementsByTagName("li")[1].innerHTML.indexOf("Заслуженный")!=-1)
{authors[feg].getElementsByTagName("li")[1].innerHTML="<img src='http://help.mybb.ru/uploads/help/303_zas.jpg' />"}}}
</script>

+1

Поделиться83414-08-2013 21:53:13

Автор: каравай тм
tonight
Зарегистрирован: 25-12-2012
Приглашений: 0
Сообщений: 76
Уважение: +7
Позитив: +21
Пол: Мужской
Провел на форуме:
1 день 21 час
Последний визит:
13-05-2015 22:44:04

morgan, за фон спасибо, выручили
а вот с первым вопросом мы все-таки друг друга не поняли.
вот сейчас у нас такое оформление профилей. под ник подкладывается отдельное изображение с цветами. действует для всех юзеров. так вот можно ли сделать так, чтобы для обычных юзеров это были цветы, а для других групп нечто иное? =/

0

Поделиться83514-08-2013 21:55:46

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

iLadno,
Нет, так нельзя.

Добавлено спустя 1 минуту 22 секунды:
Может и можно, тут явно нужно писать яваскриптом, в котором я вовсе не силён. Можете попробовать обратиться на тех. поддержку, может там кто-то вам сделает (хотя рентабельность подобного скрипта для меня остаётся под сомнением ).

0

Поделиться83614-08-2013 21:58:36

Автор: каравай тм
tonight
Зарегистрирован: 25-12-2012
Приглашений: 0
Сообщений: 76
Уважение: +7
Позитив: +21
Пол: Мужской
Провел на форуме:
1 день 21 час
Последний визит:
13-05-2015 22:44:04

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

Нет, так нельзя.
Добавлено спустя 1 минуту 22 секунды:

ну ладно, фиг с ним. спасибо, что потратили на меня свое время))

0

Поделиться83714-08-2013 22:01:54

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

iLadno, Всегда пожалуйста

0

Поделиться83814-08-2013 22:44:44

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

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

О какой первой строчке идёт речь?

Форум УчастникиНаграды Поиск Профиль Сообщения Администрирование Выход
Об этой.

0

Поделиться83915-08-2013 13:30:06

Автор: бунтарь
r u mine?
Откуда: Москва.
Зарегистрирован: 27-07-2013
Приглашений: 0
Сообщений: 47
Уважение: +3
Позитив: 0
Пол: Женский
Провел на форуме:
8 часов 42 минуты
Последний визит:
28-03-2014 23:50:32

как выровнять их по центру?

лвьазу

0

Поделиться84015-08-2013 19:36:27

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

бунтарь,

Код:

#pun-ulinks .container {
    position: absolute;
    z-index: 1;
    top: 548px;
    left: 0px;
    right: 0px;
}

Адреса форума нету, поэтому не могу точно сказать, по всей ширине форума у вас див или нет. Если да, тогда достаточно добавить text-align:center, если нет, тогда при помощи left или right.

0

COLOR MATE

Меню навигации

Пользовательские ссылки

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

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

Сообщений 811 страница 840 из 1000

Поделиться105-02-2013 07:39:37

Поделиться81112-08-2013 07:57:14

Поделиться81212-08-2013 10:47:35

Поделиться81312-08-2013 11:41:51

Поделиться81412-08-2013 11:47:24

Поделиться81512-08-2013 11:50:06

Поделиться81612-08-2013 13:16:58

Поделиться81712-08-2013 13:55:41

Поделиться81812-08-2013 16:17:27

Поделиться81912-08-2013 23:57:13

Поделиться82013-08-2013 13:55:15

Поделиться82113-08-2013 22:37:19

Поделиться82213-08-2013 23:57:19

Поделиться82314-08-2013 00:15:34

Поделиться82414-08-2013 02:11:19

Поделиться82514-08-2013 06:46:13

Поделиться82614-08-2013 18:22:27

Поделиться82714-08-2013 18:58:24

Поделиться82814-08-2013 19:07:35

Поделиться82914-08-2013 19:28:45

Поделиться83014-08-2013 19:29:50

Поделиться83114-08-2013 20:43:37

Поделиться83214-08-2013 21:02:35

Поделиться83314-08-2013 21:43:07

Поделиться83414-08-2013 21:53:13

Поделиться83514-08-2013 21:55:46

Поделиться83614-08-2013 21:58:36

Поделиться83714-08-2013 22:01:54

Поделиться83814-08-2013 22:44:44

Поделиться83915-08-2013 13:30:06

Поделиться84015-08-2013 19:36:27