Вопросы по 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

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

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

ушастая замарашка написал(а):

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

в смысле размеры?

0

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

Автор: ушастая замарашка
я есмь клевер
Зарегистрирован: 27-10-2012
Приглашений: 0
Сообщений: 19
Уважение: +2
Позитив: +11
Провел на форуме:
22 часа 18 минут
Последний визит:
05-09-2016 21:28:04

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

в смысле размеры?

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

0

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

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

ушастая замарашка написал(а):

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

у тебя есть аська? я там всё объясню, или контакт

0

Поделиться75403-08-2013 16:06:00

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

ушастая замарашка написал(а):

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

Здравствуйте)
Второе окошко стилей:

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #302019;
font-weight: normal; font-style: normal; border-bottom: 0px none #000;
background-color:#b9a57f;
}

Выделенное - убираем

Отредактировано Джи (03-08-2013 16:06:30)

+1

Поделиться75503-08-2013 16:10:03

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

ушастая замарашка написал(а):

ну если он идет бесшовный он же больше по размерам

Бесшовый фон может быть размером 10х10 точек, 150х150 точек и так до бесконечности. Для отображения используйте этот код:

html, body {
background-image: url(ССЫЛКА_НА_ФОН);
background-repeat: repeat;
background-position: center;
background-color: #ЦВЕТ;
}

Либо более сокращенный вариант:

html, body {
background: url(ССЫЛКА_НА_ФОН) repeat #ЦВЕТ center;
}

+2

Поделиться75603-08-2013 16:10:53

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

Джи,
Спасибо, а т.е. стили пишем тут?

0

Поделиться75703-08-2013 21:04:40

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

У меня еще один вопрос. вот у меня код

Код:

<style>
.punbb .post .post-author {
    background: url("ссылка") repeat scroll 0% 0% transparent;
    text-align: center;
    border-radius: 11px 11px 11px 11px;
    box-shadow: 3px 0px 8px rgb(28, 24, 20);
}
</style>

это "обертка форума". Выделяется как тут. Но я хочу не просто цвет, я хочу сам картинку поставить. Ставлю, а выходит так:
да еще снизу обрезает, сволочь.
Если скрипт, где просто вставить картинку для обертки?

0

Поделиться75803-08-2013 21:11:23

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

Mixer, Пост 730 в этой же теме)

+1

Поделиться75903-08-2013 21:33:17

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

morgan,
спасибо, нашел, )
а куда вставлять?)
я вообще туплю))

Отредактировано Mixer (03-08-2013 21:40:58)

0

Поделиться76003-08-2013 21:40:28

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

Mixer, В хтмл верх, заключив в теги <style>

+1

Поделиться76103-08-2013 22:11:20

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

morgan,
черт, запутался совсем. ничего не выходит...

0

Поделиться76203-08-2013 22:28:12

Автор: ушастая замарашка
я есмь клевер
Зарегистрирован: 27-10-2012
Приглашений: 0
Сообщений: 19
Уважение: +2
Позитив: +11
Провел на форуме:
22 часа 18 минут
Последний визит:
05-09-2016 21:28:04

monkeyslut, Джи, огромное спасибо за помощь)
и еще вопрос, какой раздел отвечает за цвета:
http://s4.uploads.ru/wcXiB.png
http://s5.uploads.ru/9RsnP.png
http://s4.uploads.ru/cK5IT.png

+1

Поделиться76304-08-2013 00:07:13

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

Mixer, А конкретней?

0

Поделиться76404-08-2013 09:32:57

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

ушастая замарашка, не за что С:
За юзер-панель блок D4 в первом окошке:

Тык

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
margin-top: 0;
}

/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
letter-spacing: 1px;
text-align: center;

}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 0px;
white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}

Тк. юзер-панель берет свойства обычных ссылок, то чтобы установить свои стили дописываем:

Тык

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
margin-top: 0;
}

/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
letter-spacing: 1px;
text-align: center;

}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 0px;
white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em;
color: #fff;
}
#pun-ulinks li a:hover {
padding: 0 0.3em 0 0.6em;
color: #fff;
}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}

За профиль блок C3, начиная с C3.5)раньше идет за вид сообщения и темы в общем)

Тык

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 0.2em 0.2em 0.2em;
line-height: 140%;
}

/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
}

/* C3.8 */
.pa-author a {
text-decoration: none
}

/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}

li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}

/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
padding: 1em;
}

/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}

/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}

/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}

/* C3.16 */
.punbb .post-links li {

display: inline;
padding-left: 1em;
}

/* C3.17 */
.pl-email, .pl-website {
float: left;
}

/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}

За подфорумы:

Тык

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}

Туда можно добавлять абсолютно любые свойства.

+2

Поделиться76504-08-2013 09:34:55

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

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

Джи,
Спасибо, а т.е. стили пишем тут?

Да

0

Поделиться76604-08-2013 14:41:22

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

Джи,
Нет, имелось ввиду что писать то надо? Какие стили?) я туплю)

0

Поделиться76704-08-2013 14:53:53

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

Mixer,

Код:

<style>
.pa-author {
    background: url("http://s0.uploads.ru/1ZzY6.png") no-repeat scroll -70px -141px transparent;
    color: rgb(206, 165, 95);
    height: 34px;
    margin-top: -18px !important;
    padding-bottom: 3px !important;
    padding-top: 25px !important;
    text-shadow: 0px 0px 2px rgb(0, 0, 0);
    width: 220px;
}
.pa-avatar {
    background: url("http://s0.uploads.ru/DxiSc.png") repeat-y scroll 2px 0px transparent;
    padding-right: 0px !important;
    width: 216px;
}
.pa-title {
    background: url("http://s0.uploads.ru/1ZzY6.png") no-repeat scroll -70px -207px transparent;
    height: 30px;
    margin-left: 0px !important;
    position: relative;
    width: 196px;
    z-index: 2;
}
.pa-fld3 {
    background: url("http://s0.uploads.ru/DxiSc.png") repeat scroll 2px 0px transparent;
    padding: 6px 12px 0px !important;
    width: 192px;
    margin-top: -20px;
}
.pa-fld1 {
    background: url("http://s0.uploads.ru/upcSj.png") no-repeat scroll -70px -270px transparent;
    line-height: 5px;
    margin-top: -10px;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    width: 216px;
}
</style>

Добавьте три дополнительных поля, второе дополнительное поле скройте из профиля, сначала идёт третье, потом первое. Таким образом получите живой пример, и по нему уже делаете свою подложку.
.pa-fld1, .pa-title и т.д. - названия контейнеров из профиля. Все названия можно узнать из этой темы - Центрирование различных полей профиля (по отдельности)

+2

Поделиться76804-08-2013 18:23:30

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

Mixer, оу, извиняюсь о_о
Для того, чтобы заменить саму строку используем bg-image:

.post-content hr {
background-image: url(ССЫЛКА);
}

Помимо этого можно добавить отступы путем добавление селектора padding:

.post-content hr {
background-image: url(ССЫЛКА);
padding: 2px;
}

Я подурачилась, как пример ;D

Тык

Код:

.post-content hr {
   background-image: url(http://demiart.ru/forum/uploads/post-51847-1192627139.gif);
   padding: 2px;
   margin: 10px;
}

+1

Поделиться76905-08-2013 15:05:40

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

Джи,
угу, спасибо.
Я поставил, но ничего не происходит. Остается это серая полоса. Пробовал и в хтмл вверх и стили.

0

Поделиться77005-08-2013 15:09:51

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

а, нет, вру. У меня в подписи отражается, а где профиль нет.

0

Поделиться77105-08-2013 17:36: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

Mixer, ссылку на форум с:

0

Поделиться77205-08-2013 17:43:00

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

Mixer, а хотя и без сылки разобраться можно:

Код:

 hr {
  background-image: url(ССЫЛКА);
}

Код:

 hr {
  background-image: url(ССЫЛКА); 
  padding: 2px; 
}

Код:

 hr {
   background-image: url(http://demiart.ru/forum/uploads/post-51847-1192627139.gif);
   padding: 2px;
   margin: 10px;
}

+1

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

Автор: Chokopay
.твоё от тебя не уйдет
Зарегистрирован: 16-09-2012
Приглашений: 0
Сообщений: 11
Уважение: +3
Позитив: 0
Пол: Женский
Возраст: 25 [1998-12-19]
Провел на форуме:
6 дней 12 часов
Последний визит:
02-08-2014 13:11:28

Здравствуйте! Помогите разобраться: я ставлю стрелочки в объявлении. На mybb все нормально получается, а как тоже самое на rusff переношу, так завал какой-то.
На mybb:

тык

На rusff:

тык

0

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

Автор: Selebris
Тысяча Боярских!
Зарегистрирован: 11-03-2012
Приглашений: 0
Сообщений: 158
Уважение: +66
Позитив: +39
Пол: Женский
Возраст: 30 [1994-08-05]
Провел на форуме:
10 дней 12 часов
Последний визит:
20-12-2016 00:58:27

Chokopay, когда просите о помощи, хотя бы убирайте профилактику с форумов.

+1

Поделиться77508-08-2013 17:51:38

Автор: Ротация
я есмь клевер
Зарегистрирован: 08-08-2013
Приглашений: 0
Сообщений: 4
Уважение: 0
Позитив: +3
Провел на форуме:
45 минут
Последний визит:
11-10-2013 21:11:00

Привет!
Хочется узнать, можно ли вверх-вниз тягать вот эти надписи
форум-тем-сообщений-последнее сообщение

например, я хочу опустить пониже надписи, как это сделать?
ссылка на форум, коли что

0

Поделиться77609-08-2013 07:00:30

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

Ротация написал(а):

например, я хочу опустить пониже надписи, как это сделать?

#pun-main .category h2 {
margin-bottom: 10px;
}

выделенное жирным - значение отступа в пикселях

+2

Поделиться77710-08-2013 11:23:22

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

Ротация, здравствуйте. С: Либо так, затрагивая только эти самые надписи.
В первом окне:

/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}

Вожделенные - меняем на свое

+2

Поделиться77810-08-2013 18:15:19

Автор: Кролик
я есмь клевер
Зарегистрирован: 10-11-2012
Приглашений: 0
Сообщений: 35
Уважение: +1
Позитив: +16
Провел на форуме:
16 часов 15 минут
Последний визит:
15-11-2014 01:26:58

Доброго времени суток.
1. Ссылкам бы цвет в цитатах и скрытом тексте изменить.

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

2. Слово "Профиль" впритык с остальным текстом, как бы поднять его выше? =о

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

Ссылка на форум - http://probnikleto.anihub.ru/

Отредактировано Кролик (10-08-2013 18:16:17)

0

Поделиться77910-08-2013 18:38:01

Автор: Selebris
Тысяча Боярских!
Зарегистрирован: 11-03-2012
Приглашений: 0
Сообщений: 158
Уважение: +66
Позитив: +39
Пол: Женский
Возраст: 30 [1994-08-05]
Провел на форуме:
10 дней 12 часов
Последний визит:
20-12-2016 00:58:27

Кролик написал(а):

1. Ссылкам бы цвет в цитатах и скрытом тексте изменить.

Во втором окне стиля найдите:

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {
background-color: #bcbcca;
color: #20203c;
border-color: #9999bb;
background: #bcbcca;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
}

выделенное жирным меняйте на свой цвет.

+1

Поделиться78010-08-2013 20:00:54

Автор: Кролик
я есмь клевер
Зарегистрирован: 10-11-2012
Приглашений: 0
Сообщений: 35
Уважение: +1
Позитив: +16
Провел на форуме:
16 часов 15 минут
Последний визит:
15-11-2014 01:26:58

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

выделенное жирным меняйте на свой цвет.

Что то не то) Сменился сам фон, а не текст(ссылки) в цитатах и скрытом тексте.

0

COLOR MATE

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

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

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

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

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

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

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

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

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

Поделиться75403-08-2013 16:06:00

Поделиться75503-08-2013 16:10:03

Поделиться75603-08-2013 16:10:53

Поделиться75703-08-2013 21:04:40

Поделиться75803-08-2013 21:11:23

Поделиться75903-08-2013 21:33:17

Поделиться76003-08-2013 21:40:28

Поделиться76103-08-2013 22:11:20

Поделиться76203-08-2013 22:28:12

Поделиться76304-08-2013 00:07:13

Поделиться76404-08-2013 09:32:57

Поделиться76504-08-2013 09:34:55

Поделиться76604-08-2013 14:41:22

Поделиться76704-08-2013 14:53:53

Поделиться76804-08-2013 18:23:30

Поделиться76905-08-2013 15:05:40

Поделиться77005-08-2013 15:09:51

Поделиться77105-08-2013 17:36:51

Поделиться77205-08-2013 17:43:00

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

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

Поделиться77508-08-2013 17:51:38

Поделиться77609-08-2013 07:00:30

Поделиться77710-08-2013 11:23:22

Поделиться77810-08-2013 18:15:19

Поделиться77910-08-2013 18:38:01

Поделиться78010-08-2013 20:00:54