Абсолютный помощник по дизайну CSS 2 (beta)

Поделиться81Пт, 14 Авг 2009 14:07:10

Автор: Марко
Заслуженный
Зарегистрирован: Ср, 9 Апр 2008
Сообщений: 447
Уважение: +77
Позитив: +104
Пол: Мужской
Последний визит:
Вс, 1 Янв 2012 23:51:25

Ноль с загагуленькой
Сколько можно говорить, адрес форума!

0

Поделиться82Пт, 14 Авг 2009 15:39:22

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Ноль с загагуленькой написал(а):

3 - там фон тем же цветом.

Код:

body { 

background-image: url("http://i29.tinypic.com/30hrp5c.jpg"); 

background-attachment: fixed; 

background-repeat: repeat; 

}

Заменить на:

Код:
body { background: url(http://i29.tinypic.com/30hrp5c.jpg) fixed repeat; } #pun{background: #C0C0C0;}

Ноль с загагуленькой написал(а):
2. убрать чёрную полоску

Код:
/* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; }

Замените на:

Код:
/* D5.6 */ #pun-break1 { margin: 0 1em; border-style: none none; border-width: 0 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; }

Ноль с загагуленькой написал(а):
1. нужно убрать серую полоску и заменить её этим цветом C0C0C0 и где пробелы тоже фон цветом.

Код:
/* D4.1 */ #pun-ulinks { margin-top: 9px; border: solid 2px #DEDEDE; }

Заменить на:

Код:
/* D4.1 */ #pun-ulinks { margin-top: 9px; border: solid 2px #C0C0C0; }

0

Поделиться83Вс, 16 Авг 2009 21:01:19

Автор: Ноль с загагуленькой
Стремящийся
Зарегистрирован: Пт, 5 Дек 2008
Сообщений: 4
Уважение: +2
Позитив: 0
Последний визит:
Вс, 30 Авг 2009 20:11:11

rps
спасибо боьшое. конечно +

0

Поделиться84Ср, 26 Авг 2009 15:39:43

Автор: буся4545
Заслуженный
Зарегистрирован: Ср, 26 Авг 2009
Сообщений: 76
Уважение: +1
Позитив: +6
Пол: Женский
Последний визит:
Сб, 22 Янв 2011 19:33:41

Аааааа.Я сейчас такой дизайн сделала хороший.А у меня почему то код не выдаёт(((( выдаёт вот что:

Код:

#pun_wrap #pun #pun-index .section .container 
#pun_wrap #pun #pun-index .section {background-color: f2f0e6; background-repeat: repeat; }

а я целый день делала.как быть? что делать?

0

Поделиться85Ср, 26 Авг 2009 15:52:06

Автор: Наруто-кун
Заслуженный
Зарегистрирован: Сб, 23 Май 2009
Сообщений: 558
Уважение: +69
Позитив: +28
Пол: Мужской
Последний визит:
Вт, 2 Авг 2011 15:36:35

буся4545
Ставьте в теги стиля и в хтмл-верх! И пишите в вопросы по оформлению!

0

Поделиться86Ср, 26 Авг 2009 15:55:08

Автор: буся4545
Заслуженный
Зарегистрирован: Ср, 26 Авг 2009
Сообщений: 76
Уважение: +1
Позитив: +6
Пол: Женский
Последний визит:
Сб, 22 Янв 2011 19:33:41

Наруто-кун
я говорю я сделала дизайн очень большой.
а выдаёт он мне всего лишь этот код маленький.

0

Поделиться87Ср, 26 Авг 2009 15:57:24

Автор: Наруто-кун
Заслуженный
Зарегистрирован: Сб, 23 Май 2009
Сообщений: 558
Уважение: +69
Позитив: +28
Пол: Мужской
Последний визит:
Вт, 2 Авг 2011 15:36:35

буся4545 написал(а):

Наруто-кун
я говорю я сделала дизайн очень большой.
а выдаёт он мне всего лишь этот код маленький.

Если вы сделали большой,а он выдал вам это значит так и должно быть! Пробуйте! Ставьте в теги стиля и в верх

0

Поделиться88Ср, 26 Авг 2009 16:01:15

Автор: буся4545
Заслуженный
Зарегистрирован: Ср, 26 Авг 2009
Сообщений: 76
Уважение: +1
Позитив: +6
Пол: Женский
Последний визит:
Сб, 22 Янв 2011 19:33:41

Наруто-кун
нет.не получилось.вот так я сделала:

Код:

<style type="text/css">
#pun_wrap #pun #pun-index .section .container 
#pun_wrap #pun #pun-index .section {background-color: f2f0e6; background-repeat: repeat; }
</style>

0

Поделиться89Ср, 26 Авг 2009 16:13:22

Автор: Наруто-кун
Заслуженный
Зарегистрирован: Сб, 23 Май 2009
Сообщений: 558
Уважение: +69
Позитив: +28
Пол: Мужской
Последний визит:
Вт, 2 Авг 2011 15:36:35

буся4545
Тогда делайте заново! Восстановить всё,что утеряно по моему невозможно!

0

Поделиться90Ср, 26 Авг 2009 16:39:29

Автор: буся4545
Заслуженный
Зарегистрирован: Ср, 26 Авг 2009
Сообщений: 76
Уважение: +1
Позитив: +6
Пол: Женский
Последний визит:
Сб, 22 Янв 2011 19:33:41

Наруто-кун
да.я долго делала.целый день.
больше не буду.

0

Поделиться91Ср, 26 Авг 2009 21:33:51

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

буся4545 написал(а):

#pun_wrap #pun #pun-index .section .container
#pun_wrap #pun #pun-index .section {background-color: f2f0e6; background-repeat: repeat; }

Во-первых, у Вас полно ошибок: правильно так:

Код:
<style type="text/css"> .section .container, .section {background: f2f0e6 repeat; } </style>

Во-вторых я не до конца понял, что Вы хотели этим кодом добиться. Адрес форума и скриншоты, я дам рабочие коды.

0

Поделиться92Пт, 28 Авг 2009 23:52:40

Автор: Melissa Itory
Заслуженный
Зарегистрирован: Пт, 28 Авг 2009
Сообщений: 25
Уважение: 0
Позитив: +1
Пол: Женский
Последний визит:
Сб, 14 Ноя 2009 19:04:44

Прекрасная идея, однако, либо я что-то не так делаю, либо что-то глючит...

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

адрес форума
http://itory.icebb.ru/

вот скрин того, что наляпала в помощнике))

вот код, который выдает помощник

Код:

#pun_wrap #pun #pun-index #pun-navlinks.section .container #navsearch a span 
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navregister a span {color: #000000; }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navlogin a span {color: #000000; }
#pun #pun-index #pun-main #pun-category1.category .container table .hasicon .alt1 .tcl .intd .tclcon {font-style: oblique; }
#pun #pun-index #pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon {text-align: center; }
#pun #pun-index #pun-main #pun-category1.category .container table .hasicon #forum_f3.alt2 .tcl .intd .tclcon {font-style: oblique; }
#pun #pun-index #pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon {text-align: center; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container {height: 150; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container {background-image: url("http://s03.radikal.ru/i176/0908/27/c7fac3376ebb.png"); background-repeat: no-repeat; background-position: left center; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container {float: left; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container {float: none; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container #onlinelist.item5 div {text-align: right; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container .item3 {text-align: right; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container .item1 span {text-align: center; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container .item1 span {margin-left: 100; }
#pun_wrap #pun #pun-index .section .statscon .container .item2 span {margin-left: 100; }
#pun_wrap #pun #pun-index .section .statscon .container .item5 div {border-top-style: none; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container {border-top-style: none; }
#pun_wrap #pun #pun-index #pun-main .category .container table thead tr .tcl {text-align: right; }
#pun-index #pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon h3 {font-style: oblique; }

Ставила в хтмл-верх... ничего не понимаю, объясните, пожалуйста.

0

Поделиться93Сб, 29 Авг 2009 00:10:41

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Melissa Itory
1. Убирайте код, у Вас "перекосило" форум.
2. Говорите мне, что надо, я дам Вам готовые коды и скажу, что и как сделать.
3. Вы используете свой стиль или один из шаблонных?

0

Поделиться94Сб, 29 Авг 2009 00:26:23

Автор: Melissa Itory
Заслуженный
Зарегистрирован: Пт, 28 Авг 2009
Сообщений: 25
Уважение: 0
Позитив: +1
Пол: Женский
Последний визит:
Сб, 14 Ноя 2009 19:04:44

rps

1. Убрала код из хтмл-верх.

2. Мне нужно, чтобы в объявлениях был фон с заданными размерами 740х508, все темы были курсивом, в статистике так же заданный размер по высоте 150... еще хотелось бы поставить иконки на темы (закрыта, обновлена-не обновлена). Иконки 50х50.
Собственно, желательно как на скрине + фоновые картинки на названиях категорий, а буквенные названия выровнять по правому краю.
Кстати, пыталась поменять цвет таблицы - тоже не получается. Чувствую себя блондинкой))

3. Изначально был шаблонный, но я поставила галку на свой.

Код из хтмл-верха, который я убрала.

Код:

<style type="text/css">
HTML, BODY {background-color: #FFFFff; background-image: url("http://i034.radikal.ru/0908/c8/5e6b5d1c5d70.jpg"); background-repeat: repeat; background-attachment: fixed; background-position: top center;}
#pun {background-color: transparent; width: 76%;}
#pun-title table {background-image : url(http://i025.radikal.ru/0908/a9/933d86ffd93d.jpg);
height : 132px; 
}
#pun-title .title-logo {background-image : url(http://i032.radikal.ru/0908/89/5a7355843522.jpg);
background-repeat : no-repeat; height : 220px;
}
#pun-title .title-logo span {display: none;}
#pun-navlinks .container {
padding-top : 4px;  background-color : #ffffff;
background-image : url(http://s55.radikal.ru/i150/0908/ed/b42432dc7bc5.jpg);
font-weight: bold;
text-align: center;
}
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navsearch a span 
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navregister a span {color: #000000; }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navlogin a span {color: #000000; }
#pun #pun-index #pun-main #pun-category1.category .container table .hasicon .alt1 .tcl .intd .tclcon {font-style: oblique; }
#pun #pun-index #pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon {text-align: center; }
#pun #pun-index #pun-main #pun-category1.category .container table .hasicon #forum_f3.alt2 .tcl .intd .tclcon {font-style: oblique; }
#pun #pun-index #pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon {text-align: center; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container {height: 150; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container {background-image: url("http://s03.radikal.ru/i176/0908/27/c7fac3376ebb.png"); background-repeat: no-repeat; background-position: left center; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container {float: left; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container {float: none; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container #onlinelist.item5 div {text-align: right; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container .item3 {text-align: right; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container .item1 span {text-align: center; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container .item1 span {margin-left: 100; }
#pun_wrap #pun #pun-index .section .statscon .container .item2 span {margin-left: 100; }
#pun_wrap #pun #pun-index .section .statscon .container .item5 div {border-top-style: none; }
#pun_wrap #pun #pun-index #pun-stats.section .statscon .container {border-top-style: none; }
#pun_wrap #pun #pun-index #pun-main .category .container table thead tr .tcl {text-align: right; }
#pun-index #pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon h3 {font-style: oblique; }

</style>

Отредактировано Melissa Itory (Сб, 29 Авг 2009 00:28:11)

0

Поделиться95Сб, 29 Авг 2009 00:35:52

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Melissa Itory
Графические элементы можете мне дать?

Добавлено:Вижу.

Отредактировано rps (Сб, 29 Авг 2009 00:36:29)

0

Поделиться96Сб, 29 Авг 2009 00:44:07

Автор: Melissa Itory
Заслуженный
Зарегистрирован: Пт, 28 Авг 2009
Сообщений: 25
Уважение: 0
Позитив: +1
Пол: Женский
Последний визит:
Сб, 14 Ноя 2009 19:04:44

rps

вот ссылки на фоны в категориях по номерам:

1.http://i026.radikal.ru/0908/e9/762b7d77b865.jpg
2.http://s15.radikal.ru/i189/0908/89/2a67f088ebf2.jpg
3.http://i073.radikal.ru/0908/34/2e754a3239b9.jpg
4.http://s60.radikal.ru/i169/0908/fa/dfeb89c746f5.jpg
5.http://s60.radikal.ru/i169/0908/fa/dfeb89c746f5.jpg
6.http://s53.radikal.ru/i140/0908/b0/76fdaa4016b9.jpg

иконки:
закрытая тема: http://i021.radikal.ru/0908/8a/b73f83adf0b6.jpg
не обновленная: http://s59.radikal.ru/i163/0908/bd/507d412ca523.jpg
обновленная: http://s43.radikal.ru/i101/0908/37/f6dfab076e98.jpg

остальное в коде прописано.

0

Поделиться97Сб, 29 Авг 2009 00:46:17

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Melissa Itory
Как будет готово, я скину в эту тему адрес форума. Подождите немного.

0

Поделиться98Сб, 29 Авг 2009 01:36:25

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Melissa Itory
http://etp.mybb.ru/

Что там не так? Говорите, а я буду исправлять. Можно показывать на скриншоте.

Если всё так - я отдаю код.

Отредактировано rps (Сб, 29 Авг 2009 01:36:40)

0

Поделиться99Сб, 29 Авг 2009 01:43:46

Автор: Melissa Itory
Заслуженный
Зарегистрирован: Пт, 28 Авг 2009
Сообщений: 25
Уважение: 0
Позитив: +1
Пол: Женский
Последний визит:
Сб, 14 Ноя 2009 19:04:44

rps
1. "форум-участники..." - по центру,

2. еще я с ссылкой ошиблась, простите... 5м номером - http://s52.radikal.ru/i137/0908/61/f8fead85555d.jpg
Но это, в общем-то не проблема.

3. Объявлений не вижу)

4. и все-таки хотелось бы темы курсивом и с выравниванием по центру...

Все остальное - просто замечательно.

0

Поделиться100Сб, 29 Авг 2009 01:49:21

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Melissa Itory написал(а):

1. "форум-участники..." - по центру,
2. еще я с ссылкой ошиблась, простите... 5м номером - http://s52.radikal.ru/i137/0908/61/f8fead85555d.jpg
Но это, в общем-то не проблема.

Выполнено.

Melissa Itory написал(а):
3. Объявлений не вижу)

Поставил, но не вижу графику для него.

Melissa Itory написал(а):
и все-таки хотелось бы темы курсивом и с выравниванием по центру...

Темы - это что? Форумы в категориях, темы в форуме или посты в темах? Что именно?

Отредактировано rps (Сб, 29 Авг 2009 01:50:17)

0

Единый форум поддержки

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

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

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

Абсолютный помощник по дизайну CSS 2 (beta)

Сообщений 81 страница 100 из 294

Поделиться81Пт, 14 Авг 2009 14:07:10

Поделиться82Пт, 14 Авг 2009 15:39:22

Поделиться83Вс, 16 Авг 2009 21:01:19

Поделиться84Ср, 26 Авг 2009 15:39:43

Поделиться85Ср, 26 Авг 2009 15:52:06

Поделиться86Ср, 26 Авг 2009 15:55:08

Поделиться87Ср, 26 Авг 2009 15:57:24

Поделиться88Ср, 26 Авг 2009 16:01:15

Поделиться89Ср, 26 Авг 2009 16:13:22

Поделиться90Ср, 26 Авг 2009 16:39:29

Поделиться91Ср, 26 Авг 2009 21:33:51

Поделиться92Пт, 28 Авг 2009 23:52:40

Поделиться93Сб, 29 Авг 2009 00:10:41

Поделиться94Сб, 29 Авг 2009 00:26:23

Поделиться95Сб, 29 Авг 2009 00:35:52

Поделиться96Сб, 29 Авг 2009 00:44:07

Поделиться97Сб, 29 Авг 2009 00:46:17

Поделиться98Сб, 29 Авг 2009 01:36:25

Поделиться99Сб, 29 Авг 2009 01:43:46

Поделиться100Сб, 29 Авг 2009 01:49:21