•●Anime Crossroads●• - проект помощи и поддержки аниме ролевых

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

Привет, Гость! Войдите или зарегистрируйтесь.



Вопросы по Css

Сообщений 1 страница 30 из 157

1

Вроде как в стилях разбираетесь, но появился вопрос на который не знаете ответ? Задавайте его сюда, мы попробуем ответить на него. Помним, что здесь вопросы только по Css. Не боимся ставить "+", если вам помогли. Похвалу любят все)

0

2

.вроде этот вопрос по CSS
.в общем, если ошиблась, то я случайно

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

Отредактировано Maya (2010-03-29 19:43:10)

0

3

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

.я бы хотела сделать рамку на форуме

#pun {border-color: #цвет;
border-style: dashed;
border-width: Npx;}

N - толщина рамки
bordes-style - как отображаемся (solid - одиночная рамка, dashed - пунктир, dotted - точечками)
цвет - цвет рамки )

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

.тоненькие полосочки по краям, чтобы он от фона отделялся

По краям чего?
Если требуется вообще рамку только справа и слева, то вместо всего вышенаписанного можно использовать:

#pun {border-right: Npx solid #цвет;
border-left: Npx solid #цвет; }

+2

4

Wilhelm
.спасибо большое^^
.пойду попробую^^

0

5

у меня есть гипер супер вопрос не решаемый для меня х Х"
я оформила все, а когда заменяла коды цветов, то где-то исправила, и теперь у меня сливается панель "Форум Участники Профиль Поиск Выход"
Она такого же цвета как и фон
я пробывала исправлять, но ничего не получилось >.>
в какой конкретно части кода нужно заменить цвет?

0

6

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

в какой конкретно части кода нужно заменить цвет?

Скорее всего у вас просто не закрыт определенный тэг и цвет автоматически переправился на "прозрачный".

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #цвет;
}

0

7

А как через структуру style.css поставить меню как тут

0

8

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

0

9

Я про меню навигации а не про таблицу

0

10

.nэk.
тогда извините, сам не понял.~

надо опустить шапку с структуре CSS

/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
  margin: 0;
  margin-top: 0px;
  border: none;
  margin-bottom: ваше значениеpx;
}

затем надо изменить расположение меню навигации.
меняем D2 на~~

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

меняем D3 на~~

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

/* D3.1 */
#pun-navlinks {
  border: none;
  margin-bottom: расстояние между меню навигации и ссылками (активные темы и д.т.), ваше значениеpx;
}

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

/* D3.2 */
(эта часть меняет расположение меню навигации)
#pun-navlinks .container {
  padding-top: ваше значениеpx;
  padding-right: ваше значениеpx;
  height: 27px;
  font-weight: bold;
  text-align: right;
}

/* D.3 */
#pun-navlinks .container {
  padding-top: 15px;
  padding-bottom: 0px;
  height: 16px;
  font-family: шрифт меню навигации; ваш~;
}

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

Отредактировано hime. (2010-04-23 16:09:59)

+1

11

Спасибо вам +

0

12

у мя вот как получилсь *картинка кликабельна*

увеличить

0

13

.nэk.

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

надо опустить шапку с структуре CSS

Что ж вы все так любите эти огроменные неповоротливые шапки-то?..

Отредактировано Wilhelm (2010-04-24 21:09:49)

0

14

Итак. У меня опять возникли некоторые сложности)
Дело в том, что я что-то сделала в коде, и некоторая часть форума из-за этого просвечивает. Что делать?

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
	background-color: #afeeee;
}

#pun-title .title-logo {background-image : url("http://s53.radikal.ru/i141/1005/8e/8f579f685164.jpg");background-repeat : no-repeat; height : 270px;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 220px}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #afeeee;
  color: black;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #afeeee
  color: black;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-image: url("http://i069.radikal.ru/1005/fc/6bf721364fbc.png");
  background-color: #afeeee; 
  background-repeat: no-repeat; 
  color: black;
  height: 50px;
  font-style: normal;
  text-align: center;
  font-size: 12px;
  Font-Family: Trebuchet MC;
  font-weight: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #afeeee;
  color: black;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #afeeee;
  color: black
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #afeeee;
  color: black
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #afeeee;
  color: black
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #afeeee;
  color: black;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #afeeee;
  color: black
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #afeeee #afeeee #afeeee #afeeee
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: black
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: black;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #afeeee;
  }

/* CS2.5 */
.punbb th {
  border-color: black
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: black black black black;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: black
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: black
  }

.punbb .divider {
  border-color: #afeeee #afeeee #afeeee #afeeee
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #afeeee;
  }

li.pa-online {
  border-left-color: #afeeee;
  }

.punbb .post-sig dt {
  border-top-color: #afeeee !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {

color: black;
    border-bottom: 0px none black;
  text-decoration: underline;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {

color: black
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {

color: #afeeee;
    border-bottom: 0px none #000;
  text-decoration: underline;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/
#pun-main table Div.icon {padding-left: 35px; padding-top: 15px; padding-bottom: 20px;}
Div.icon {
background-image : url(http://s60.radikal.ru/i168/1005/7c/64d8edf92d2e.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://s04.radikal.ru/i177/1005/b9/a06e75e3af6a.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://s58.radikal.ru/i162/1005/b4/b89d0f0d6889.png); background-repeat: no-repeat;
}

TR.iclosed Div.icon {
background-image : url(http://s40.radikal.ru/i089/1005/80/675f6f81f590.png);
background-repeat: no-repeat; }

#pun-about p.container {background-image: url("http://s52.radikal.ru/i136/1005/40/61b498fbc87c.png"); background-repeat: no-repeat; width: 822; height: 300px;
background-position: top center;}

0

15

И вот вопросик: я хочу поменять шрифт на всей ролевой...Подскажите КАК это сдлеать)

0

16

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

я хочу поменять шрифт на всей ролевой...Подскажите КАК это сдлеать)

руками.

.punbb {
  font-family: Century Gothic !important;
  }

Вместо Century Gothic - любой шрифт из стандартных (ибо если хочется с закорючками, то не факт, что у того, кто просматривает форум установлен такой же шрифт. Не будем ломать ему мозг и поставим один из тех, что указаны на самом форуме - в панели над формой ответа, под синей буковкой "А" - выбирайте понравившийся - и вперед)

+1

17

Как передвигать эту рекламу,,которая ложиться на шапку?

0

18

Не знаете, есть ли такие программки, которые бы тестировали написанные коды? по хтмл есть, к примеру...

0

19

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

Как передвигать эту рекламу,,которая ложиться на шапку?

<style>
#pun {margin-top: 0px}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 450px; top: 0px
}
</style>

Подгоняете под себя, вставлять в верх.

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

Не знаете, есть ли такие программки, которые бы тестировали написанные коды? по хтмл есть, к примеру...

А зачем программы, берете создаете форум и используете его как тестовый, по моему намного проще.

+1

20

В сообщении все ники пользователей пишутся с маленькой буквы, независимо от того, как они были введены изначально. Какой пункт в css и как над подправить, чтобы "заборы" писались "зборами"?

0

21

добрый день.
могли бы разъяснить, что и где в ксс нужно изменить, что бы получить такой расклад на шапке?
http://www.forss.mybb.ru/

0

22

.roro
Менб навигации

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

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

/* D3.2 */
#pun-navlinks .container {
  margin-right: 0px;
  top: -322px;
  padding-right: 100px;
  position: relative;
  font-weight: normal;
  text-align: center;
  padding-left: 550px;
}

/* D.3 */
#pun-navlinks .container {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 0px;
}

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

Пользовательское меню

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

/* D4.2 */
#pun-ulinks .container {
  text-align: center;
  border: none;
  height: 0px;
  top: -290px;
  text-align: center;
  padding-left: 500px;
  position: relative;
  padding-right: 260px;
  }

/* 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
  }

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

+1

23

Riza Hawkeye

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

0

24

toshiro-kun
http://vocaloids.rolevaya.com/

0

25

toshiro-kun написал(а):

добавляете того что не хватает

если есть возможность, могли бы кратко набросать какие блоки (д3.2, д4.1 и пр.) за что отвечают?

0

26

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

д3.2

Выравнивание навигационного меню, т.е. в каком месте оно будет располагаться
.

toshiro-kun написал(а):

/* D3.1 */

Трогать и не нужно собственно.

toshiro-kun написал(а):

/* D.3 */

вертикальное расположение меню

с пользовательским меню, тоже самое.

Riza Hawkeye
Сто меняли в css структуре?

+1

27

toshiro-kun написал(а):

Сто меняли в css структуре?

Ммм... Размеры форума, больше ничего.

0

28

toshiro-kun
большое спасибо

0

29

Riza Hawkeye написал(а):

Ммм... Размеры форума, больше ничего.

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

0

30

Вот у меня вопрос. Я раньше как-то ээтого не замечала, но у меня или какая-то ошибка в коде css или в stile_css. Но факт остаётся один у меня в темах и сообщениях всё пишется жирным шрифтом. Я что-то пыталась сделать в коде сss, но ничего не получилось... не подскажите, может я не там смотрю?
Вот сылочка... http://kodgias.anihub.ru/

0



Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC