Вопросы\проблемы со стилем

Поделиться93123-01-2010 02:14:32

Автор: Wilhelm
Angelus Domini
Уважение: +484
Зарегистрирован: 30-09-2009
Провел на форуме:
25 дней 4 часа
Возраст: 36 [1988-01-24]
Пол: Мужской
Последний визит:
30-09-2012 13:55:02

libert?;
давайте ссылку на тестовик, код рабочий и проверенный не раз.

+1

Поделиться93223-01-2010 02:24:29

Автор: -mie
а психам закон не писан~
Уважение: +241
Зарегистрирован: 29-07-2009
Провел на форуме:
19 дней 9 часов
Откуда: latvia-kun.
Последний визит:
02-11-2010 22:54:54

Wilhelm
ну я придурок, поэтому у меня и не идет. х Х
http://fignyaaaa.anihub.ru/

0

Поделиться93323-01-2010 02:58:49

Автор: Wilhelm
Angelus Domini
Уважение: +484
Зарегистрирован: 30-09-2009
Провел на форуме:
25 дней 4 часа
Возраст: 36 [1988-01-24]
Пол: Мужской
Последний визит:
30-09-2012 13:55:02

//с таким названием и вправду не пойдет XDD Оу, простите )
Итак, 1. открываете вкладку "Стиль", идем во второе окошко (style_cs.css), ищем пункт /* CS4 Post status icons
-------------------------------------------------------------*/
Он находится где-то в конце. Убираем все, что под ним написано. Или - просто закомментируем код. Комментарии добавляются следующим образом: /* код-код-код */
т.е. достаточно будет поставить /* перед словом DIV в первой строчке и закончить */ на последней (после кода #pun-main div.catleft, #pun-main div.catright {display: none}).

2. открываете вкладку "Стиль" ищете в первом окошечке(которое style.css) пункт /* C2.14 */
Он у вас уже скорректирован, не трогаем больше:

/* C2.14 */
.punbb td div.tclcon {
margin-right: 115px;
}

3. идем дальше - в пункт /* C2.15 */
и вместо всего, что у вас там понаписано вставляем следующий код (размеры иконок - корректировать под себя):

/* C2.15 */
TR.inew Div.icon {background-image : url("картинка");
float: right;
display: block;
background-repeat: no-repeat;
width: 70px;
height: 70px;
padding-top: 1px;
margin-top: 1px; }

TR.isticky Div.icon {background-image : url("картинка");
float: right;
display: block;
background-repeat: no-repeat;
width: 70px;
height: 70px;
padding-top: 1px;
margin-top: 1px;}

TR.iclosed Div.icon {background-image : url("картинка");
float: right;
display: block;
background-repeat: no-repeat;
width: 70px;
height: 70px;
padding-top: 1px;
margin-top: 1px;}

Div.icon {background-image : url("картинка");
float: right;
display: block;
background-repeat: no-repeat;
width: 70px;
height: 70px;
padding-top: 1px;
margin-top: 1px;}

+2

Поделиться93423-01-2010 10:14:28

Автор: -mie
а психам закон не писан~
Уважение: +241
Зарегистрирован: 29-07-2009
Провел на форуме:
19 дней 9 часов
Откуда: latvia-kun.
Последний визит:
02-11-2010 22:54:54

Wilhelm
получилось. ++""" / безумно любит. / меня спаслиии. ** xd пасиба большое. :3

0

Поделиться93524-01-2010 12:16:02

Автор: Naoko-san~
активный пользователь
Уважение: +0
Зарегистрирован: 11-01-2010
Провел на форуме:
10 часов 57 минут
Последний визит:
19-03-2010 16:14:53

1) Как вставить в шапку баннеры? Ну вот прям как на этом форуме...
2) Как поставить фоновое изображение в цитату, код и форму сообщения? **

0

Поделиться93624-01-2010 13:13:09

Автор: Wilhelm
Angelus Domini
Уважение: +484
Зарегистрирован: 30-09-2009
Провел на форуме:
25 дней 4 часа
Возраст: 36 [1988-01-24]
Пол: Мужской
Последний визит:
30-09-2012 13:55:02

Naoko-san~ написал(а):

2) Как поставить фоновое изображение в цитату, код и форму сообщения? **

/* CS1.7 цитата и код*/
.punbb .quote-box, .punbb .code-box {
background-color: цвет_фона;
background-image: url("изображение");
color: цвет_текста;}

/* форма быстрого ответа*/
.punbb textarea, .punbb input {
background-color: цвет_фона;
background-image: url("картинка");
color: цвет_текста;}

Естественно, чтобы фон не повторялся, надо прописать еще и
background-repeat: no-repeat;
И если хочется прикрепить куда-либо картинку (например, слева вниз), то тоже прописать дополнительно:
background-position: bottom left;

+1

Поделиться93724-01-2010 14:41:16

Автор: raphael'
безмолвный хранитель
Уважение: +2373
Зарегистрирован: 06-12-2008
Провел на форуме:
2 месяца 4 дня
Возраст: 29 [1995-11-07]
Пол: Мужской
Последний визит:
22-06-2019 16:44:04

Naoko-san~ написал(а):

1) Как вставить в шапку баннеры? Ну вот прям как на этом форуме...

это секретная информация. ^ ^

0

Поделиться93824-01-2010 15:51:14

Автор: =ёЖиГ v ТумaNe=
мяу
Уважение: +187
Зарегистрирован: 28-01-2009
Провел на форуме:
17 дней 18 часов
Возраст: 16 [2008-01-28]
Пол: Женский
Последний визит:
01-02-2013 19:13:37

Law. написал(а):

это секретная информация. ^ ^

О___О *чувствует себя партизоном хЗЗ*

Неправильный скрипт, теоретически способный навредить форуму. Wilhelm

Отредактировано =ёЖиГ v ТумaNe= (24-01-2010 16:19:37)

0

Поделиться93924-01-2010 16:02:09

Автор: Wilhelm
Angelus Domini
Уважение: +484
Зарегистрирован: 30-09-2009
Провел на форуме:
25 дней 4 часа
Возраст: 36 [1988-01-24]
Пол: Мужской
Последний визит:
30-09-2012 13:55:02

=ёЖиГ v ТумaNe= написал(а):

<script type="text/javascript"><!--new Image().src = "http://coun

Э-э-э? А это разве не встроенный скрипт рекламы? (замены баннера рекламного и прочих вкусностей)?
И там div'ы рушатся, если подряд считать открытые и закрытые коды )

Отредактировано Wilhelm (24-01-2010 16:02:55)

0

Поделиться94024-01-2010 16:20:55

Автор: =ёЖиГ v ТумaNe=
мяу
Уважение: +187
Зарегистрирован: 28-01-2009
Провел на форуме:
17 дней 18 часов
Возраст: 16 [2008-01-28]
Пол: Женский
Последний визит:
01-02-2013 19:13:37

Wilhelm
без понятия, я скопировала всего лишь ответ, самим скриптом не пользовалась и не разбиралась. Но могу сказать, что на альтернативе стоит тоже самое Оо
div добавила, вроде все сосчитала

0

Поделиться94124-01-2010 17:51:02

Автор: оленяша
Babydoll Sixteen
Уважение: +373
Зарегистрирован: 29-11-2009
Провел на форуме:
13 дней 20 часов
Последний визит:
06-03-2013 12:35:37

~~мне лень скринить xdd~~
скажите, как убрать сзади вот этих штук в объявлении чёрный фон?хх" и текст в них сделать белым?оо"
http://yachitoshi.rolka.su/

Отредактировано .котэ (24-01-2010 18:33:26)

0

Поделиться94224-01-2010 19:13:12

Автор: .вазелин
.бросает курить
Уважение: +541
Зарегистрирован: 03-01-2009
Провел на форуме:
9 дней 12 часов
Откуда: | Из Зазеркалья.
Возраст: 30 [1994-09-13]
Пол: Мужской
ICQ: 273045839
Последний визит:
20-12-2010 22:54:18

Я понимаю, что меня сейчас пошлют в тему "Часто задаваемые вопросы", но объясните мне - дурному идоту,
Как делать форум полупрозрачным? И желательно подробно, а то из того что написано в теме про часто задаваемые, я вообще ничего не понял, куда вставлять, что вставлять.
Так же интересно было бы узнать как делать панели подфорумов как тут (в смысле на каждый подфорум панель с названием) ну и соответственно как в таком случае убрать текст чтобы не мешался.

0

Поделиться94324-01-2010 19:44:58

Автор: Deisy-
активный пользователь
Уважение: +892
Зарегистрирован: 27-03-2009
Провел на форуме:
2 месяца 3 дня
Последний визит:
10-11-2013 10:35:10

:Kote-sama написал(а):

Так же интересно было бы узнать как делать панели подфорумов как тут

прочитайте второй пост на этой странице пожалуйста )
.котэ
это вы в скрипте ищите, где меняется цвет фона контейнера (ну, выплывающего меню).

0

Поделиться94424-01-2010 20:21:32

Автор: =ёЖиГ v ТумaNe=
мяу
Уважение: +187
Зарегистрирован: 28-01-2009
Провел на форуме:
17 дней 18 часов
Возраст: 16 [2008-01-28]
Пол: Женский
Последний визит:
01-02-2013 19:13:37

:Kote-sama
что именно расписать? Как сделать весь форум полупрозрачным? [пример] или по бокам и между промежутками? [не нашла примера ==]

0

Поделиться94524-01-2010 21:01:57

Автор: .вазелин
.бросает курить
Уважение: +541
Зарегистрирован: 03-01-2009
Провел на форуме:
9 дней 12 часов
Откуда: | Из Зазеркалья.
Возраст: 30 [1994-09-13]
Пол: Мужской
ICQ: 273045839
Последний визит:
20-12-2010 22:54:18

=ёЖиГ v ТумaNe=
Во, как первый. Расскажите как так сделать?

Deisy- написал(а):

прочитайте второй пост на этой странице пожалуйста )

Извиняюсь, сейчас гляну.

0

Поделиться94624-01-2010 21:32:30

Автор: :daydreamer
:mad reality:
Уважение: +182
Зарегистрирован: 07-09-2009
Провел на форуме:
8 дней 16 часов
Откуда: пёёрф
Возраст: 28 [1996-06-11]
Пол: Женский
ICQ: 1402430
Последний визит:
22-03-2011 19:12:44

:Kote-sama
код для категорий:

Код:

#pun-category1 h2 {height: 100px; background-image: url(""); background-repeat: no-repeat; background 
overflow-x: hidden; background-position: top center;
color: цвет;

}

#pun-category2 h2 {height: 100px; background-image: url(""); background-repeat: no-repeat; background-
overflow-x: hidden; background-position: top center; 
color: цвет;

}

#pun-category3 h2 {height: 100px; background-image: url(""); background-repeat: no-repeat; background-
overflow-x: hidden; background-position: top center; 
color: цвет;

}


#pun-category4 h2 {height: 100px; background-image: url(""); background-repeat: no-repeat; background-
overflow-x: hidden; background-position: top center; 
color: цвет;

}

а для удобства цвет названия категорий сделайте как цвет их "фона"

:Kote-sama написал(а):

Как делать форум полупрозрачным

по моему там нужно просто поставить в каждом значении /* CS1.1 */ не blackground: #цвет; а background-image: url("");
со своими настройками..)

Отредактировано Origami; (24-01-2010 21:37:24)

+1

Поделиться94725-01-2010 10:51:16

Автор: Wilhelm
Angelus Domini
Уважение: +484
Зарегистрирован: 30-09-2009
Провел на форуме:
25 дней 4 часа
Возраст: 36 [1988-01-24]
Пол: Мужской
Последний визит:
30-09-2012 13:55:02

=ёЖиГ v ТумaNe=
Этот скрипт встроен во все форумы. Видимо, кто-то скопировал не глядя из исходного когда странички первый попавшийся код - и доволен. Но факт - от скрипта форуму жарко, но несколько в ином смысле. ДИВы так и остались непарными ) (см. первый закрывающий ДИВ после самого скрипта - он вообще никуда не относится, а делать пустую ячейку div - это несколько.. странновато, скажем так)

Тьфу, разобрался, из-за-чего такое возможно. И - да, как я и предполагал - введением нового элемента. В данном случае - введение и описание класса table-header. Грубо говоря, из вашего кода требуется лишь эта часть, не более:

=ёЖиГ v ТумaNe= написал(а):

<div id="html-header"><div class="table_head"><table width="100%" height="100%" border="0"><tr align="center"><td><center><marquee direction="up" scrollAmount=4 onmouseover=this.scrollAmount=0 onmouseout=this.scrollAmount=4 width=88 height=95><div id="counters">ссылка баннеров </marquee></center></td></tr></table><div>

А уж что записано в table-header - я промолчу ) Ибо пусть остается секретом )

Отредактировано Wilhelm (25-01-2010 10:53:07)

0

Поделиться94825-01-2010 14:04:58

Автор: Tenss
активный пользователь
Уважение: +0
Зарегистрирован: 25-01-2010
Провел на форуме:
23 минуты
Последний визит:
25-01-2010 14:26:19

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

0

Поделиться94925-01-2010 14:21:47

Автор: Wilhelm
Angelus Domini
Уважение: +484
Зарегистрирован: 30-09-2009
Провел на форуме:
25 дней 4 часа
Возраст: 36 [1988-01-24]
Пол: Мужской
Последний визит:
30-09-2012 13:55:02

Tenss
можно. Исходный код, правда, показывает код самой страницы, а не css-код, но в нем же есть отсылка на css.
Отправил ответ по ЛС.

0

Поделиться95025-01-2010 19:27:04

Автор: Naoko-san~
активный пользователь
Уважение: +0
Зарегистрирован: 11-01-2010
Провел на форуме:
10 часов 57 минут
Последний визит:
19-03-2010 16:14:53

=ёЖиГ v ТумaNe= написал(а):

этот вопрос уже был, кажесь...*нарыла на просторах страниц этой темы*

Не работает(( Вся структура форума из-за него нарушается...
Его ведь нужно в HTML-верх, да?

0

Поделиться95125-01-2010 19:54:22

Автор: Wilhelm
Angelus Domini
Уважение: +484
Зарегистрирован: 30-09-2009
Провел на форуме:
25 дней 4 часа
Возраст: 36 [1988-01-24]
Пол: Мужской
Последний визит:
30-09-2012 13:55:02

Naoko-san~, забудьте -__-
Это неправильный код. Точнее - это часть кода, но скрипт тут совершенно не нужен.

Отредактировано Wilhelm (25-01-2010 20:57:39)

0

Поделиться95225-01-2010 20:34:16

Автор: Deisy-
активный пользователь
Уважение: +892
Зарегистрирован: 27-03-2009
Провел на форуме:
2 месяца 3 дня
Последний визит:
10-11-2013 10:35:10

Naoko-san~ написал(а):

Его ведь нужно в HTML-верх, да?

его и надо было вверх с самого начала. В этом коде css даже и не пахнет -___-"

0

Поделиться95325-01-2010 21:22:47

Автор: виоленс
картавый
Уважение: +691
Зарегистрирован: 01-08-2009
Провел на форуме:
27 дней 14 часов
Возраст: 29 [1995-10-07]
Пол: Женский
ICQ: 442143360
Последний визит:
25-07-2013 13:26:51

А вот и я сюда полезла))
На многих форумах *да почти на всех* есть переход между самим форумом и фоном. Так вот как сделать этот переход? Я догадываюсь, что нужно через внутренние границы идти, но как их в разные стороны повернуть как здесь.

0

Поделиться95425-01-2010 21:31:42

Автор: Wilhelm
Angelus Domini
Уважение: +484
Зарегистрирован: 30-09-2009
Провел на форуме:
25 дней 4 часа
Возраст: 36 [1988-01-24]
Пол: Мужской
Последний визит:
30-09-2012 13:55:02

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

есть переход между самим форумом и фоном

эффект "затемнения" что ль? )
Это делается либо на самом исходном фоне (прорисовывается часть фона--затемнение--фон форума--затемнение--общий фон), он фиксируется по центру и спокойно юзается. Можно сделать внутренние отступы на #pun и залить подложку фоном-полосочкой, которая по краям затемнена.

На том форуме фон организован по первому принципу. Вот фоновая картинка того форума, для примера: http://i48.tinypic.com/fx9w1z.jpg

Отредактировано Wilhelm (25-01-2010 21:33:19)

0

Поделиться95525-01-2010 21:36:19

Автор: виоленс
картавый
Уважение: +691
Зарегистрирован: 01-08-2009
Провел на форуме:
27 дней 14 часов
Возраст: 29 [1995-10-07]
Пол: Женский
ICQ: 442143360
Последний визит:
25-07-2013 13:26:51

Wilhelm
Понятно.. Значит все в ФШ мудрить надо, да?

0

Поделиться95625-01-2010 22:03:58

Автор: Чешир
нация_фастфуда
Уважение: +18
Зарегистрирован: 03-05-2009
Провел на форуме:
1 день 18 часов
ICQ: 397448653
Последний визит:
24-05-2012 20:52:01

http://probubnusichek.spybb.ru/
Не подскажете, как поднять меню вверх по шапке? Размер шапки 800х350, код, указывающий расположение шапки, ниже.

Код:

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;
  margin-bottom: 130px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 20px;
  padding-right: 30px;
  height: 27px;
  font-weight: bold;
  text-align: right;
}

/* D.3 */
#pun-navlinks .container {
  padding-top: 50px;
  padding-bottom: 0px;
  height: 16px;
  font-family: comic sans ms;
}

.container #pun-navlinks li {
  display: inline;
  margin: 0.1%;
  padding: 3px 4px 4px 4px;
  border-left: 1px solid #fff;
}

0

Поделиться95725-01-2010 23:06:25

Автор: Wilhelm
Angelus Domini
Уважение: +484
Зарегистрирован: 30-09-2009
Провел на форуме:
25 дней 4 часа
Возраст: 36 [1988-01-24]
Пол: Мужской
Последний визит:
30-09-2012 13:55:02

Animika, да.
Чешир, а у вас конфликт возможен, ибо код повторяется, притом с разными значениями )

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

/* D3.2 */
#pun-navlinks .container {
~~padding-top: 20px;~~
~~padding-right: 30px;~~
~~height: 27px;~~
font-weight: bold;
text-align: right;
font-family: comic sans ms;
}

/* D.3 */
#pun-navlinks .container {
padding-top: -50px;
padding-right: 30px;
padding-bottom: 0px;
~~height: 16px;~~
~~font-family: comic sans ms;~~
}

Отредактировано Wilhelm (25-01-2010 23:06:55)

0

Поделиться95826-01-2010 12:53:30

Автор: Gilgamesh
/)^3^(\
Уважение: +866
Зарегистрирован: 09-06-2009
Провел на форуме:
1 месяц 16 дней
Возраст: 26 [1998-07-02]
Пол: Женский
ICQ: 5306449
Skype: hinokuromu
Последний визит:
02-01-2013 18:59:35

Дайте пожалуйста отдельный код редактирования панели в переадрессации. Как не мудрю, одна пардон, фигнюшка выходит.

0

Поделиться95926-01-2010 14:11:48

Автор: Wilhelm
Angelus Domini
Уважение: +484
Зарегистрирован: 30-09-2009
Провел на форуме:
25 дней 4 часа
Возраст: 36 [1988-01-24]
Пол: Мужской
Последний визит:
30-09-2012 13:55:02

хино.
/* A5.3 */
#pun-redirect, #pun-maint

В общем-то, именно re-direct, насколько мне известно, за эту панельку отвечает ) Так что - мучьте имено этот пункт - А5.3, больше переадресация нигде не встречается в коде.

0

Поделиться96026-01-2010 14:25:55

Автор: Gilgamesh
/)^3^(\
Уважение: +866
Зарегистрирован: 09-06-2009
Провел на форуме:
1 месяц 16 дней
Возраст: 26 [1998-07-02]
Пол: Женский
ICQ: 5306449
Skype: hinokuromu
Последний визит:
02-01-2013 18:59:35

Wilhelm
Да нее. Мне нужен код что бы редактировать изображение в панеле при переадрессации. А там за само окно отвечает.

0

Alternative Art : breath of a phoenix

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

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

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

Вопросы\проблемы со стилем

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

Поделиться93123-01-2010 02:14:32

Поделиться93223-01-2010 02:24:29

Поделиться93323-01-2010 02:58:49

Поделиться93423-01-2010 10:14:28

Поделиться93524-01-2010 12:16:02

Поделиться93624-01-2010 13:13:09

Поделиться93724-01-2010 14:41:16

Поделиться93824-01-2010 15:51:14

Поделиться93924-01-2010 16:02:09

Поделиться94024-01-2010 16:20:55

Поделиться94124-01-2010 17:51:02

Поделиться94224-01-2010 19:13:12

Поделиться94324-01-2010 19:44:58

Поделиться94424-01-2010 20:21:32

Поделиться94524-01-2010 21:01:57

Поделиться94624-01-2010 21:32:30

Поделиться94725-01-2010 10:51:16

Поделиться94825-01-2010 14:04:58

Поделиться94925-01-2010 14:21:47

Поделиться95025-01-2010 19:27:04

Поделиться95125-01-2010 19:54:22

Поделиться95225-01-2010 20:34:16

Поделиться95325-01-2010 21:22:47

Поделиться95425-01-2010 21:31:42

Поделиться95525-01-2010 21:36:19

Поделиться95625-01-2010 22:03:58

Поделиться95725-01-2010 23:06:25

Поделиться95826-01-2010 12:53:30

Поделиться95926-01-2010 14:11:48

Поделиться96026-01-2010 14:25:55