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

Поделиться121-09-2013 03:39:05

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

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

Поделиться93122-08-2014 03:29:21

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

ололош матсумото .
Добавить выделенное, зачёркнутое удалить

#pun-status .container {
padding: 0.8em 1em 1em;
margin-top: -80px;
}

#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0px;
~~margin: 0px;~~
position: absolute;
width: 800px;
margin-top: -180px;
}

#pun-ulinks {
margin-top: -120px;
text-align: center;
position: absolute;
width: 800px;
}

+1

Поделиться93222-08-2014 03:51:52

Автор: ололош матсумото .
я есмь клевер
Зарегистрирован: 02-04-2012
Приглашений: 0
Сообщений: 45
Уважение: 0
Позитив: +9
Провел на форуме:
2 дня 23 часа
Последний визит:
06-04-2015 21:29:00

morgan
Большое спасибо)

0

Поделиться93322-08-2014 13:53:08

Автор: anglosucks
любимая точка
Зарегистрирован: 09-09-2011
Приглашений: 0
Сообщений: 965
Уважение: +230
Позитив: +261
Возраст: 30 [1994-07-29]
Провел на форуме:
13 дней 1 час
Последний визит:
01-06-2020 15:11:14

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

как можно сдвинуть/уменьшить расстояние от рамки до темы ответа? или лучше просто уменьшить сам размер рамки?
просто думала может кодом аккуратно поправить, аннет
нет, я обновила через графику и теперь рамка просто статично держится за границу тела
как её подвинуть ближе к ответу?
с эти кодом работаю

Код:

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://sd.uploads.ru/tL0yr.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://sd.uploads.ru/bLymk.png) 0 top no-repeat,url(http://sd.uploads.ru/BPlSp.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:10px 17px!important;
}

http://anglosucks.rusff.ru/
спасибо :3

Отредактировано anglosucks (22-08-2014 13:59:46)

0

Поделиться93422-08-2014 16:36:34

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

anglosucks
На тестовике нет ни одной темы, чтобы посмотреть пример)

0

Поделиться93522-08-2014 16:47:24

Автор: anglosucks
любимая точка
Зарегистрирован: 09-09-2011
Приглашений: 0
Сообщений: 965
Уважение: +230
Позитив: +261
Возраст: 30 [1994-07-29]
Провел на форуме:
13 дней 1 час
Последний визит:
01-06-2020 15:11:14

morgan
забыла, исправила)

0

Поделиться93622-08-2014 17:08:09

Автор: ололош матсумото .
я есмь клевер
Зарегистрирован: 02-04-2012
Приглашений: 0
Сообщений: 45
Уважение: 0
Позитив: +9
Провел на форуме:
2 дня 23 часа
Последний визит:
06-04-2015 21:29:00

Еще вопросы.

1) Делала низ форума и почему-то выделенная надпись съехала вправо. Как вернуть ее обратно?

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

2) Фон картинки низа и фон самого форума я заливала одним цветом, но почему-то они немного отличаются и получается некрасивый стык

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

Ссылка

http://givi.rolka.su/

0

Поделиться93722-08-2014 17:34:34

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

anglosucks

Код:

.punbb .post .post-author {
    margin-left: 10px !important;
}

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

.punbb .post .post-author > ul {
background: url('http://sd.uploads.ru/pHl5n.png') no-repeat scroll 0px top, url('http://sd.uploads.ru/0YMUj.png') no-repeat scroll 0px bottom transparent;
~~padding: 10px 17px !important;~~
}

Поменять выделенное на 190px:

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

И аватар подправляем:

Код:

.pa-avatar{
margin-left: -5px !important;}

ололош матсумото . написал(а):

1) Делала низ форума и почему-то выделенная надпись съехала вправо. Как вернуть ее обратно?

Поменять выделенное на center:

#pun-about .container {
text-align: right;
line-height: 150%;
}

ололош матсумото . написал(а):

2) Фон картинки низа и фон самого форума я заливала одним цветом, но почему-то они немного отличаются и получается некрасивый стык

В фотошопе поправьте футер, у него другой цвет)

0

Поделиться93822-08-2014 17:52:10

Автор: anglosucks
любимая точка
Зарегистрирован: 09-09-2011
Приглашений: 0
Сообщений: 965
Уважение: +230
Позитив: +261
Возраст: 30 [1994-07-29]
Провел на форуме:
13 дней 1 час
Последний визит:
01-06-2020 15:11:14

morgan
о.о рамочки вообще нет

0

Поделиться93922-08-2014 17:53:02

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

anglosucks
Удалить это, а не background x)

.punbb .post .post-author > ul {
background: url('http://sd.uploads.ru/pHl5n.png') no-repeat scroll 0px top, url('http://sd.uploads.ru/0YMUj.png') no-repeat scroll 0px bottom transparent;
~~padding: 10px 17px !important;~~
}

0

Поделиться94022-08-2014 17:56:24

Автор: anglosucks
любимая точка
Зарегистрирован: 09-09-2011
Приглашений: 0
Сообщений: 965
Уважение: +230
Позитив: +261
Возраст: 30 [1994-07-29]
Провел на форуме:
13 дней 1 час
Последний визит:
01-06-2020 15:11:14

morgan
определенно я сегодня полная блондинка о.о

.punbb .post .post-author {
margin-left: 10px !important;
}
background:url(http://sd.uploads.ru/Tde6G.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
overflow: visible!important;
margin:12px 0!important;
}
.punbb .post .post-author > ul {
background: url('http://sd.uploads.ru/pHl5n.png') no-repeat scroll 0px top, url('http://sd.uploads.ru/0YMUj.png') no-repeat scroll 0px bottom transparent;
padding: 10px 17px !important; - это удалять?
}

0

Поделиться94122-08-2014 17:57:37

Автор: ололош матсумото .
я есмь клевер
Зарегистрирован: 02-04-2012
Приглашений: 0
Сообщений: 45
Уважение: 0
Позитив: +9
Провел на форуме:
2 дня 23 часа
Последний визит:
06-04-2015 21:29:00

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

Поменять выделенное на center:

#pun-about .container {
text-align: right;
line-height: 150%;
}

А где именно это находится? Я пробовала в /* D8.4 */, но ничего не изменилось

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

В фотошопе поправьте футер, у него другой цвет)

Да нет, цвет я скопировала из css. Но, ладно, я что-нибудь придумаю

0

Поделиться94222-08-2014 18:07:08

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

ололош матсумото . написал(а):

Да нет, цвет я скопировала из css. Но, ладно, я что-нибудь придумаю

Мммм... опровержение

Да, вы указали background-color, но это не важно, у вас на картинке футера другой цвет)

ололош матсумото . написал(а):

А где именно это находится? Я пробовала в /* D8.4 */, но ничего не изменилось

#pun-about p.container {background-color: #14061a;
background-image : url("http://funkyimg.com/i/K6Dc.png");
text-align: right;
line-height: 150%;
background-position : center top;
background-repeat : no-repeat;
height :351px;
width: 1801px;
margin-left: -486px;
overflow-x: hidden;
}

0

Поделиться94322-08-2014 18:08:09

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

anglosucks
Да, обозначенное удалять))

0

Поделиться94422-08-2014 18:10:00

Автор: anglosucks
любимая точка
Зарегистрирован: 09-09-2011
Приглашений: 0
Сообщений: 965
Уважение: +230
Позитив: +261
Возраст: 30 [1994-07-29]
Провел на форуме:
13 дней 1 час
Последний визит:
01-06-2020 15:11:14

morgan
я вроде сделала все как надо, но рамочки нет о.о
простите :с

0

Поделиться94522-08-2014 18:13:31

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

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

простите :с

Нет вам прощения х)
Лишняя скобка)

/*Ôîí ìèíè-ïðîôèëÿ â Òîïèêå*/
.punbb .post .post-author {
margin-left: 10px !important;
}
background:url(http://sd.uploads.ru/Tde6G.png) 0 0 repeat-y; /*Ôîí ðàçìíîæàåìûé ïî âåðòèêàëè*/
overflow: visible!important;
margin:12px 0!important;
}
.punbb .post .post-author > ul {
background: url('http://sd.uploads.ru/pHl5n.png') no-repeat scroll 0px top, url('http://sd.uploads.ru/0YMUj.png') no-repeat scroll 0px bottom;
}

+1

Поделиться94622-08-2014 18:15:15

Автор: anglosucks
любимая точка
Зарегистрирован: 09-09-2011
Приглашений: 0
Сообщений: 965
Уважение: +230
Позитив: +261
Возраст: 30 [1994-07-29]
Провел на форуме:
13 дней 1 час
Последний визит:
01-06-2020 15:11:14

morgan
теперь появилась рамка, но она налезает на границу хдд

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

Нет вам прощения х)

0

Поделиться94722-08-2014 18:23:48

Автор: ололош матсумото .
я есмь клевер
Зарегистрирован: 02-04-2012
Приглашений: 0
Сообщений: 45
Уважение: 0
Позитив: +9
Провел на форуме:
2 дня 23 часа
Последний визит:
06-04-2015 21:29:00

morgan
Нашла. Но, видимо, проблема не в надписи, так как теперь она стоит по центру, а сам форум все равно смещен

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

Да, вы указали background-color, но это не важно, у вас на картинке футера другой цвет)

Да нет, когда я делала заливку футера, я использовала именно цвет 14061a, причем я несколько раз проверяла. Весьма странно, но попробую снова)

0

Поделиться94822-08-2014 19:02:41

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

anglosucks
Я ведь сразу дал это:

Код:

.punbb .post .post-author {
    margin-left: 10px !important;
}

ололош матсумото . написал(а):

а сам форум все равно смещен

М? Об этом вроде как речь не шла)

+1

Поделиться94922-08-2014 19:04:35

Автор: anglosucks
любимая точка
Зарегистрирован: 09-09-2011
Приглашений: 0
Сообщений: 965
Уважение: +230
Позитив: +261
Возраст: 30 [1994-07-29]
Провел на форуме:
13 дней 1 час
Последний визит:
01-06-2020 15:11:14

morgan
я не туда её поставила :с
спасибо, я сегодня на редкость тормоз :3

0

Поделиться95022-08-2014 19:16:13

Автор: ололош матсумото .
я есмь клевер
Зарегистрирован: 02-04-2012
Приглашений: 0
Сообщений: 45
Уважение: 0
Позитив: +9
Провел на форуме:
2 дня 23 часа
Последний визит:
06-04-2015 21:29:00

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

М? Об этом вроде как речь не шла)

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

0

Поделиться95122-08-2014 20:32:51

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

ололош матсумото . написал(а):

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

Ещё раз не понял)
Это копирайт, в указанном мною коде указано, что весь футер должен делать text-align: center, т.е. текст в футере должен выравниваться по центру. К другим частям форума эта часть кода не имеет никакого отношения)

0

Поделиться95222-08-2014 20:59:07

Автор: ололош матсумото .
я есмь клевер
Зарегистрирован: 02-04-2012
Приглашений: 0
Сообщений: 45
Уважение: 0
Позитив: +9
Провел на форуме:
2 дня 23 часа
Последний визит:
06-04-2015 21:29:00

morgan
Это я уже поняла)
Ну так вот, у меня форум почему-то сдвигается вправо. Причем влево нет, только вправо. Не знаю, как еще объяснить. Это произошло после того, как я установила футер

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

0

Поделиться95322-08-2014 21:23:35

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

ололош матсумото .

Код:

body {
    overflow: hidden;
}

Прокручиваться всё равно будет стрелками или нажатием колёсика мыши, но полоски не будет)

0

Поделиться95422-08-2014 23:10:01

Автор: ололош матсумото .
я есмь клевер
Зарегистрирован: 02-04-2012
Приглашений: 0
Сообщений: 45
Уважение: 0
Позитив: +9
Провел на форуме:
2 дня 23 часа
Последний визит:
06-04-2015 21:29:00

morgan
Ну, ясно, большое спасибо)

0

Поделиться95523-08-2014 16:02:17

Автор: Rapture.
я есмь клевер
Зарегистрирован: 06-04-2013
Приглашений: 0
Сообщений: 37
Уважение: 0
Позитив: +2
Провел на форуме:
11 часов 6 минут
Последний визит:
11-07-2015 15:48:27

Ребята, что-то я намудрила. В итоге получилась такая жуть. Забросила, когда в принципе нашла решение, сейчас вернулась доделать - не помню, хоть убей)
http://testordie23.rolka.su/
Там отступ справа, не могу его убрать. И какая-то магия с иконками и форумами, решили пожить своей жизнью.
И статистика поехала...
Направьте на путь истинный, очень прошу, а то я с ума сойду Х)

Отредактировано Rapture. (23-08-2014 16:07:38)

0

Поделиться95623-08-2014 18:22:59

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

Rapture.
Поменять на 874px

#pun .section {
border-style: none;
width: 764px;
}

+1

Поделиться95723-08-2014 20:00:41

Автор: Rapture.
я есмь клевер
Зарегистрирован: 06-04-2013
Приглашений: 0
Сообщений: 37
Уважение: 0
Позитив: +2
Провел на форуме:
11 часов 6 минут
Последний визит:
11-07-2015 15:48:27

morgan
Спасибо большое)
Но с этим беда осталась.

:с

0

Поделиться95824-08-2014 17:59:17

Автор: ололош матсумото .
я есмь клевер
Зарегистрирован: 02-04-2012
Приглашений: 0
Сообщений: 45
Уважение: 0
Позитив: +9
Провел на форуме:
2 дня 23 часа
Последний визит:
06-04-2015 21:29:00

Здравствуйте снова. Скажите, а как можно сделать такое маркирование текста (или что это) в названии форумов как на скрине, а так же выравнивание по ширине в описании форумов и выравнивание по правому краю в правой части форума? Спасибо заранее

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

0

Поделиться95924-08-2014 18:50:12

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

ололош матсумото . написал(а):

Здравствуйте снова. Скажите, а как можно сделать такое маркирование текста (или что это) в названии форумов как на скрине, а так же выравнивание по ширине в описании форумов и выравнивание по правому краю в правой части форума? Спасибо заранее

Код:

.punbb td div.tclcon {
    text-align: justify;
}
.punbb .main .tcr {
    text-align: right;
}

+1

Поделиться96024-08-2014 22:11:22

Автор: ололош матсумото .
я есмь клевер
Зарегистрирован: 02-04-2012
Приглашений: 0
Сообщений: 45
Уважение: 0
Позитив: +9
Провел на форуме:
2 дня 23 часа
Последний визит:
06-04-2015 21:29:00

morgan
Спасибо)

0

COLOR MATE

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

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

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

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

Сообщений 931 страница 960 из 1000

Поделиться121-09-2013 03:39:05

Поделиться93122-08-2014 03:29:21

Поделиться93222-08-2014 03:51:52

Поделиться93322-08-2014 13:53:08

Поделиться93422-08-2014 16:36:34

Поделиться93522-08-2014 16:47:24

Поделиться93622-08-2014 17:08:09

Поделиться93722-08-2014 17:34:34

Поделиться93822-08-2014 17:52:10

Поделиться93922-08-2014 17:53:02

Поделиться94022-08-2014 17:56:24

Поделиться94122-08-2014 17:57:37

Поделиться94222-08-2014 18:07:08

Поделиться94322-08-2014 18:08:09

Поделиться94422-08-2014 18:10:00

Поделиться94522-08-2014 18:13:31

Поделиться94622-08-2014 18:15:15

Поделиться94722-08-2014 18:23:48

Поделиться94822-08-2014 19:02:41

Поделиться94922-08-2014 19:04:35

Поделиться95022-08-2014 19:16:13

Поделиться95122-08-2014 20:32:51

Поделиться95222-08-2014 20:59:07

Поделиться95322-08-2014 21:23:35

Поделиться95422-08-2014 23:10:01

Поделиться95523-08-2014 16:02:17

Поделиться95623-08-2014 18:22:59

Поделиться95723-08-2014 20:00:41

Поделиться95824-08-2014 17:59:17

Поделиться95924-08-2014 18:50:12

Поделиться96024-08-2014 22:11:22