Вроде как в стилях разбираетесь, но появился вопрос на который не знаете ответ? Задавайте его сюда, мы попробуем ответить на него. Помним, что здесь вопросы только по Css. Не боимся ставить "+", если вам помогли. Похвалу любят все)
Вопросы по Css
Сообщений 1 страница 30 из 157
Поделиться22010-03-29 19:39:45
.вроде этот вопрос по CSS
.в общем, если ошиблась, то я случайно
.я бы хотела сделать рамку на форуме
.тоненькие полосочки по краям, чтобы он от фона отделялся
.не могли бы мне подсказать, как это сделать?
Отредактировано Maya (2010-03-29 19:43:10)
Поделиться32010-03-29 19:44:57
.я бы хотела сделать рамку на форуме
#pun {border-color: #цвет;
border-style: dashed;
border-width: Npx;}
N - толщина рамки
bordes-style - как отображаемся (solid - одиночная рамка, dashed - пунктир, dotted - точечками)
цвет - цвет рамки )
.тоненькие полосочки по краям, чтобы он от фона отделялся
По краям чего?
Если требуется вообще рамку только справа и слева, то вместо всего вышенаписанного можно использовать:
#pun {border-right: Npx solid #цвет;
border-left: Npx solid #цвет; }
Поделиться42010-03-29 19:45:50
Wilhelm
.спасибо большое^^
.пойду попробую^^
Поделиться52010-04-02 17:01:06
у меня есть гипер супер вопрос не решаемый для меня х Х"
я оформила все, а когда заменяла коды цветов, то где-то исправила, и теперь у меня сливается панель "Форум Участники Профиль Поиск Выход"
Она такого же цвета как и фон
я пробывала исправлять, но ничего не получилось >.>
в какой конкретно части кода нужно заменить цвет?
Поделиться62010-04-02 19:33:25
в какой конкретно части кода нужно заменить цвет?
Скорее всего у вас просто не закрыт определенный тэг и цвет автоматически переправился на "прозрачный".
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #цвет;
}
Поделиться72010-04-21 21:35:30
А как через структуру style.css поставить меню как тут
Поделиться82010-04-22 00:24:59
koko
если подумать, то это плагиат чистой воды. люди старались и делали таблицу, а мы вам напишем точно такую же и что будет?
так что лучше идите в заказы таблиц и удосужьтесь хотя бы нарисовать примерный вариант в пеинте или что у вас там.
заранее благодарю~
Поделиться92010-04-22 13:01:11
Я про меню навигации а не про таблицу
Поделиться102010-04-23 16:08:57
.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)
Поделиться112010-04-23 18:02:14
Спасибо вам +
Поделиться122010-04-23 18:30:08
у мя вот как получилсь *картинка кликабельна*
Поделиться132010-04-24 09:33:37
.nэk.
надо опустить шапку с структуре CSS
Что ж вы все так любите эти огроменные неповоротливые шапки-то?..
Отредактировано Wilhelm (2010-04-24 21:09:49)
Поделиться142010-05-02 11:45:45
Итак. У меня опять возникли некоторые сложности)
Дело в том, что я что-то сделала в коде, и некоторая часть форума из-за этого просвечивает. Что делать?
/* 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;}
Поделиться152010-05-05 16:59:12
И вот вопросик: я хочу поменять шрифт на всей ролевой...Подскажите КАК это сдлеать)
Поделиться162010-05-09 03:55:35
я хочу поменять шрифт на всей ролевой...Подскажите КАК это сдлеать)
руками.
.punbb {
font-family: Century Gothic !important;
}
Вместо Century Gothic - любой шрифт из стандартных (ибо если хочется с закорючками, то не факт, что у того, кто просматривает форум установлен такой же шрифт. Не будем ломать ему мозг и поставим один из тех, что указаны на самом форуме - в панели над формой ответа, под синей буковкой "А" - выбирайте понравившийся - и вперед)
Поделиться172010-05-22 21:57:09
Как передвигать эту рекламу,,которая ложиться на шапку?
Поделиться182010-06-07 01:26:27
Не знаете, есть ли такие программки, которые бы тестировали написанные коды? по хтмл есть, к примеру...
Поделиться192010-06-07 12:43:01
Как передвигать эту рекламу,,которая ложиться на шапку?
<style>
#pun {margin-top: 0px}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 450px; top: 0px
}
</style>
Подгоняете под себя, вставлять в верх.
Не знаете, есть ли такие программки, которые бы тестировали написанные коды? по хтмл есть, к примеру...
А зачем программы, берете создаете форум и используете его как тестовый, по моему намного проще.
Поделиться202010-06-10 11:42:42
В сообщении все ники пользователей пишутся с маленькой буквы, независимо от того, как они были введены изначально. Какой пункт в css и как над подправить, чтобы "заборы" писались "зборами"?
Поделиться212010-06-12 18:17:46
добрый день.
могли бы разъяснить, что и где в ксс нужно изменить, что бы получить такой расклад на шапке?
http://www.forss.mybb.ru/
Поделиться222010-06-12 20:43:47
.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
}
В общем ищите такой отрезок у себя в структуре кода и добавляете того что не хватает. И потом уже подгоняете под себя, отступы шрифт размер и прочие мелочи.
Поделиться232010-06-12 20:46:15
Riza Hawkeye
Не совсем понял. Ссылку на форум дайте что ли, или объясните попонятнее
Поделиться252010-06-12 22:21:43
добавляете того что не хватает
если есть возможность, могли бы кратко набросать какие блоки (д3.2, д4.1 и пр.) за что отвечают?
Поделиться262010-06-12 22:39:08
д3.2
Выравнивание навигационного меню, т.е. в каком месте оно будет располагаться
.
/* D3.1 */
Трогать и не нужно собственно.
/* D.3 */
вертикальное расположение меню
с пользовательским меню, тоже самое.
Riza Hawkeye
Сто меняли в css структуре?
Поделиться272010-06-12 22:42:17
Сто меняли в css структуре?
Ммм... Размеры форума, больше ничего.
Поделиться282010-06-12 23:53:20
toshiro-kun
большое спасибо
Поделиться292010-06-13 00:42:24
Ммм... Размеры форума, больше ничего.
Странно из скриптов не вижу ничего что могло бы на это повлиять. Даже ответить затрудняюсь, первый раз с таким встречаюсь
Поделиться302010-06-14 03:41:11
Вот у меня вопрос. Я раньше как-то ээтого не замечала, но у меня или какая-то ошибка в коде css или в stile_css. Но факт остаётся один у меня в темах и сообщениях всё пишется жирным шрифтом. Я что-то пыталась сделать в коде сss, но ничего не получилось... не подскажите, может я не там смотрю?
Вот сылочка... http://kodgias.anihub.ru/