Studio Aleko Design

Одна поверх другой

SkaZzzz — Mon, 11 Aug 2025 13:31:27 GMT

Здравствуйте, я бы хотел узнать как можно с помощью CSS наложить одно изображение на другое (при наведении (используя ).
То есть, допустим у меня есть картинка, а при наведении на неё она чуть чуть тускнеет, а поверх неё появляется другое изображение. Пример:
1. До наведения

2. После наведения

3. Вторая картинка такая:

Вот собственно вот так вот... Помогите пожалуйста =)

Кто Нажал на кнопку (ссылку)

Иван_Булгаков — Mon, 11 Aug 2025 13:29:45 GMT

Можно ли сделать такую "вещь" чтобы знать, кто из пользователей нажал на кнопку или ссылку в разделе файлы (именно в Страница материала и комментариев к нему)?

Можно ли изменить верхушку сайта

Jaguar305 — Sat, 29 Mar 2014 20:42:04 GMT

Прошу прощенья, я новичок. В общем мне нужна помощь. Скажите, можно ли изменить эту верхушку сайта:

Если да, то как?

title / заголовок для ссылок

iDiox — Mon, 04 Nov 2013 09:18:39 GMT

На поиск по сайту / форуму - убил часа полтора, два, поэтому и созданию тему.

Ранее по вашему сайту сделал title для ссылок через css, такого плана как на этом сайте.

Где эта тема и как её найти?!

Faureb

Faureb — Sat, 02 Mar 2013 11:45:39 GMT

-+- buy cialis
+-+ cialis online
http://buycialisonline-us.com/#70249 - buy cialis

erywhettict

erywhettict — Mon, 05 Mar 2012 16:44:38 GMT

Форум: Общий форум по CSS
Автор темы: erywhettict
Автор последнего сообщения: erywhettict
Количество ответов: 0

Выпадающий гориз. меню

Anchair — Fri, 24 Feb 2012 19:03:34 GMT

Приветствую! Помогите сделать из простого гориз. меню сделать выпадающий.
Вот сайт:

html:

Code

CSS:

Code

.gor-menu {
  margin: -1px 0 0 45px;
}
.gor-menu ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.gor-menu ul li {
  padding: 11px 20px 12px;
  list-style: none;
  float: left;
  color: #fff;
}
.gor-menu ul li:hover {
  background:#d80447;
  -moz-border-radius:0 0 3px 3px;
     -webkit-border-radius:0 0 3px 3px;
     border-radius:0 0 3px 3px;
  font-weight: bold;
}
.gor-menu ul li a {
  color: #fff;
  text-decoration: underline;
}
.gor-menu ul li a:hover {
  color: #fff;
  text-decoration: none;
}

Там в меню где "Остальное" у меня стоит ajax, вот там вместо ajax'a нужно сделать выпадающий.
PS: Если за это платить надо, то заплачу)

Программы для работы с CSS

club4127807 — Sat, 17 Dec 2011 21:28:11 GMT

Привет всем)Хотелось бы задать такой вот вопрос. Какие есть программы по сжатию CSS кода и настройками (чем больше тем лучше) и такую, которая будет эффективно выявлять неиспользуемые стили в файле.

Последняя программа приорететней!
Заранне спасибо, ребята!

Проблема в IE6

vladko95 — Thu, 15 Dec 2011 18:32:11 GMT

Есть два блока.

Один вложен во второй.

Везде нормально отображается, кроме ИЕ6

css

Code

html

Code

То есть получается так, что при позиционировании вложенного блока, он отображается на столько, на сколько может влезть в 500px родителя.

Как исправить можно? (z-index не пашет)

спасибо

прикрепил скрин

Opacity

Chehoff — Fri, 18 Nov 2011 10:34:41 GMT

Если я делаю прозрачность вот так:

Code

div.text-block {background: #ffffff; border: 20px solid #ffffff; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.80; width: 660px;}

То получаю что всё лежащее на text-block с такойже прозрачностью. Это первая проблема.
При этом неработаю всплывающие окна, но прикол в том что везде кроме блога, при выборе категории куда добавлять. Может прозрачность по другому задаётся?

Блок под блоком.

Jaguar — Mon, 10 Oct 2011 21:08:47 GMT

Здравствуйте! Я разрабатываю сайт, но у меня появилась проблема:

Блок, который выполняет функцию рамки (если кто подскажет, как сделать рамку в 6px белого цвета с 50% прозрачности, то вопрос решен) не хочет правильно функционировать. Как было задано min-height, так он и остается... Не масштабируется вообщем. Причем похожие стили были у блока body, но он масштабируется прекрасно. Вот небольшой листинг HTML кода:

А вот листинг CSS

Code

@font-face {
      font-family: menu;
      src: url(/templates/anime/fonts/search.otf);
     }

#background {
background: url(/templates/anime/images/background.png);
}

#body {
width: 862px;
position: absolute;
left: 50%;
margin-left: -431px;
border-radius: 59 59 25 25;
background: url(/templates/anime/images/top.png) no-repeat;
background-color: black;
min-height: 524px;
z-index: 2;
margin-top: 6px;
padding-bottom: 10px;
}

#bodyborder {
width: 874px;
position: absolute;
left: 50%;
margin-left: -437px;
border-radius: 59 59 25 25;
background: url(/templates/anime/images/bodyborder.png);
min-height: 536px;
z-index: 1;
top: 3px;
}

#menu {
margin-top: 257px;
width: 862px;
height: 82px;
background-color: white;
list-style: none;
}

#menu #home {
width: 151px;
height: 82px;
background: url(/templates/anime/images/menu.png) 0px 82px repeat-y;
background-position: 0px 82px;
}

#menu #home:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: 0px 0px;
}

#menu #categories {
width: 170px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -151px 82px;
}

#menu #categories:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -151px 0px;
}

#menu #styles {
width: 170px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -321px 82px;
}

#menu #styles:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -321px 0px;
}

#menu #about {
width: 170px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -491px 82px;
}

#menu #about:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -491px 0px;
}

#menu #donate {
width: 201px;
height: 82px;
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -661px 82px;
}

#menu #donate:hover {
background: url(/templates/anime/images/menu.png) repeat-y;
background-position: -661px 0px;
}

#menu #donate, #menu #about, #menu #styles, #menu #categories, #menu #home {
float: left;
font: 32pt menu;
text-align: center;
}

#menu b {
position: relative;
top: 15px;
cursor: default;
}

#clear01 {
background-color: #dcdad4;
opacity: 0;
}

#bodytextarea {
background-color: #dcdad4;
margin-left: 10px;
margin-right: 10px;
border-radius: 59 59 25 25;
}

Бар навигации по форуму, эффет затемнения :) - помогите

Heavy — Wed, 07 Sep 2011 15:34:05 GMT

Вот бар навигации по форуму

Как сделать такой же, с эффектом затемнения?

А, вот ещё хотел спросить, как сделать
Кнопки "Ответить" "Новая тема" "Опрос" на одном уровне с форум баром?

Жду помощи..

CSS3 - отрывок из поэмы

4eptb — Wed, 10 Aug 2011 08:40:54 GMT

h1 {
text-shadow: 1px 1px 1px #000; /*Чёрным мы наводим тень*/
text-align: center; /*Текст по центру - красотень!*/
color: #fefefe; /*Цвет добавим #fefefe*/
font: 14px Georgia; /*Думал белый? Х@й тебе!*/
margin:10px auto 0px auto; /*Маржин - десять, паддинг - пять*/
padding:5px 20px 5px 20px; /*Или двадцать? не понять*/
border-radius: 8px; /**/
background: #114477; /*Для Эксплорера фон синий*/
background: -moz-linear-gradient(top, #114477, #6699bb); /*Для Мозиллы - градиент*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#114477), to(#6699bb)); /*Про Сафари не забыли*/
border: 1px solid #114477; /*Ну а Хром и так поймёт*/
-moz-border-radius: 8px; /**/
-webkit-border-radius: 8px; /*Чудный браузер ГуглоХром*/
-moz-box-shadow:inset 0px 0px 1px #edf9ff; /*Проверяю только в нём*/
-webkit-box-shadow:inset 0px 0px 1px #edf9ff; /*Он покажет эту тень*/
box-shadow:inset 0px 0px 1px #edf9ff; /*Мелкософт покажет хрень*/
}

h2{
font: 14px Georgia; /*Здесь мы шрифт поставим клёвый*/
text-align: justify; /*Будет текст по ширине*/
-moz-border-radius-bottomleft: 8px; /*А потом мы бордер нижний */
-moz-border-radius-bottomright: 8px; /*Закругляем в уголке*/
-webkit-border-bottom-left-radius 8px; /*Закругляем его слева*/
-webkit-border-bottom-right-radius 8px; /*Справа тоже закруглим*/
border-bottom-left-radius: 8px; /*И кроссбраузерность добавим*/
border-bottom-right-radius: 8px; /*И границы зададим*/
border-right: 1px solid #114477; /*Мы границы закруглили*/
border-left: 1px solid #114477; /*Только снизу - сверху нет!*/
border-bottom: 1px solid #114477; /*Цвет границы будет синим*/
padding:0 10px 10px 10px; /*Как мой чёрный пистолет*/
margin:0 10px 10px 10px;
}

Вопросы по CSS

UnderShot — Fri, 05 Aug 2011 22:53:35 GMT

Форум: Общий форум по CSS
Автор темы: UnderShot
Автор последнего сообщения: Crasher
Количество ответов: 179

to be deleted

Colin — Wed, 15 Jun 2011 08:33:48 GMT

Форум: Общий форум по CSS
Автор темы: Colin
Автор последнего сообщения: Colin
Количество ответов: 0

Помогите сделать поиск как тут..

vovanishe_2012 — Wed, 08 Jun 2011 11:54:11 GMT

Помогите сделать поиск как тут
http://siryx.ru/ (не реклама)
в шапке поиск мне нужно с таким же дизайном помогите плиз

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

sergej1985 — Mon, 06 Jun 2011 14:55:10 GMT

друзья подскажите пожалуйста, как разместить, рассположить красную линию по центру, в нижней части хэдэра(чтобы она как-бы отделяла шапку от меню и основной части сайта)?
И второй вариант, чтобы она была сразу под хэдэром!
ВОТ ТО, ЧТО ЕСТЬ У МНЕЯ,но вот где ошибка?
#line { background: url(%D0%BA%D0%BF%D0%B0%D1%81%D0%BD%D0%B0%D1%8F-%D0%BB%D0%B8%D0%BD%D0%B8%D1%8F.png); height:1px; width:956px; bottom:200px;;padding: 1px;}

Как правильно ставить POSITION

RevoRen — Sun, 24 Apr 2011 18:01:09 GMT

Вот у меня возник такой вопрос: есть у меня div с фиксированной высотой.

Code

Этот div просто фон для div'a, который я помещаю в него.

Code

Text

И вот мой вопрос: какой position надо поставить каждому div'у, чтобы когда я поставил div'у с id = 2 свойство top:-100px;, у меня весь контент обволакивающего div'a (т.е. div с id = 2) уехал куда-то вверх и скрылся с глаз, но фон остался стоят?

Помогите разобратся со стилями форума

sasa96 — Sat, 09 Apr 2011 12:13:22 GMT

Quote

Новый ответ был успешно добавлен.

Подождите, сейчас Вы будете перемещены...

(Или нажмите сюда, если не хотите ждать)

Как изменить вид той страницы?

.blabla {content:"111"}

Crasher — Sat, 02 Apr 2011 14:38:53 GMT

Вобщем, всем известно, что с помощью CSS можно вставить информацию в нужный блок/ячейку и т.п. Например:

Code

.blabla {content:"111"}

А возможно ли как-то так вставить картинку и кнопку?

Проблема с блоком

Voidas — Fri, 11 Mar 2011 17:52:05 GMT

Пожалуйста, помогите сделать правый блок резиновым.
При широком экране он заезжает на центральный блок.
Сайт

Помогите сделать раздвидные категории

vovanishe_2011 — Mon, 28 Feb 2011 11:03:26 GMT

Мне нужно что бы при нажатии на Жанры ниже выдвигались категории этого раздела или при нажатии на страны выдвигались ниже категории раздела страны
Help help
вот сайт http://monitor.ucoz.net/ (не реклама) там слево категории разделов вот там надо такое сделать

Посмотрите мб кто знает?

kzvideo — Fri, 18 Feb 2011 14:22:49 GMT

http://pics.kz/s4/47/d5/f2/47d5f20a9f48612e3d5a180ab26d1556.jpg вот картинка это мой экран мое разрешения
http://pics.kz/s4/ec/76/14/ec76142a472004a632cfd10a15d53a09.png вот другое разрешении экрана как сделать чтобы у всех было одинаково?
там на полоске новостей есть картинки наруто блич и тд, вот я про них говорю как сделать что они стояли у всех на одном месте как на 1 скрине?
вот ксс
.ecateg {width:30px;height:27px;position:relative;top:-4px;repeat-x;right:-700;;}
вот хтмл

Огонь на css

vodi4ka — Sun, 06 Feb 2011 18:34:17 GMT

Фон

Chehoff — Thu, 06 Jan 2011 07:22:39 GMT

На своём сайте я сделал оформления 3 разными имажками:
1 фон= чёрный
2 Фон текстта + меню= jpg
3 Фон футера= jpg
Сливается всё как я хотел.
Но вот если делать так
1 фон= jpg

Code

body {background:url('/diza/back.jpg') repeat-x #000000; margin:0px; padding:0px;}

2 Фон текстта + меню = png

Code

#contanier {width: 1000px; margin-left: auto; margin-right: auto; background: url('/diza/fon.png'); padding: 0; text-align: left;}

3 Фон футера =png

Code

.footer {border: 0px; padding: 0px; border-collapse: collapse; width: 100%; margin: 0px; border-spacing: 0px; background: url('/diza/niz.png'); height: 79px;}

На форуме пропадает табличное оформление! Почему? Ведь оформление форума я не тогал.

Закрепить шапку сайта. Как ?

Tabik — Thu, 09 Dec 2010 12:44:13 GMT

Как закрепить шапку сайту, ну как админ бар чтоб он не прокручивался.
Как на http://www.myspace.com/ верхнее меню закреплено и не пропадает когда страницу вниз крутишь.

P.S. Вы особо не удивляйтесь, я просто в сайтостроение не разбираюсь сильно ) Учиться ток буду.

Ксс Мини чат

kzvideo — Sat, 20 Nov 2010 14:49:37 GMT

здравствуйте еще раз подскажите мне пожалуйста что это за баг вот сайт
http://kz-video.net/
я все сделал поставил 2 диза все работает только вот мини чат не меняется что делать?
там сбоку где профиль там скрипт он меняет диз поменяйте на темный а мини чат остается белым
вот 1 ксс это темный http://kz-video.net/styles1.css
вот 2 ксс это свелый http://kz-video.net/styles2.css
В КСС ВРОДЕ БЫ ВСЕ ПРАВИЛЬНО В СВЕТЛОМ СТОИТ СВЕТЛЫЙ В ТЕМНОМ ТЕМНЫЙ МИНИ ЧАТ

Помогите с Css Меню

vovanishe_2012 — Mon, 15 Nov 2010 16:41:00 GMT

Code

*{
  margin:0;
  padding:0;
}
body{
  background:#fff;
  color:#666;
  font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
  width:100%;
  height:61px;
  background:url() repeat-x;
}
  #menu ul{
  width:100%;
  margin:0 auto;
  list-style:none;
  }
  #menu li{
  list-style:none;
  display:block;
  float:left;
  font-size:11px;
  font-weight:bold;
  height:61px;
  line-height:61px;
  margin:0 5px;
  }
  #menu li a{
  display:block;
  float:left;
  height:61px;
  color:#99a2b7;
  text-decoration:none;
  text-transform:uppercase;
  padding:0 20px;
  }
  #menu li a:hover{
  background:url() repeat-x;
  color:#fff;
  }
  #menu li a:hover span, #menu li .current span{
  background:url() no-repeat top;
  height:61px;
  display:block;
  float:left;
  }
  #menu li .current{
  display:block;
  float:left;
  height:61px;
  background:url() repeat-x;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  padding:0 20px;
  }

Это у меня Css меню

Code

Это Html
Когда я вставляю ксс в самый конец или вверх то форум становится наполовину белым вот ссылка
Ссылка
Помогите что б белым не становился на главной странице все норм отображается

Ucoz fail или стиль цитаты

Ahelhot — Sun, 17 Oct 2010 17:24:58 GMT

Решил поменять убогий quote на свой, но столкнулся с небольшим огромным ucoz fail. Дело в том что они вместо того что бы записать стиль в класс цитаты, решили (видимо для верности) сделать это в стиль объекта :negodue:

Каким образом можно убрать стили объектов (выделены черным)?

Quote (А на ad все хорошо)

На этом форуме проблема решена, скорее всего с помощью скрипта, не подскажешь что за скрипт?

тема тупая, решения нашел ))
просто не знал раньше что такое !important

Размер новостей

Jokes — Thu, 07 Oct 2010 15:38:11 GMT

У меня проблема в дизайне сайта.

Как видите, новость занимает не всё свободное пространство(в ширину, слева).
У меня вопрос, как растянуть? С правой стороны я уже, более-менее адаптировал, а как с левой? В CSS найти не могу.

Желательно смотреть через FireFox.

ресайз изображения под див определённого размера

Akcentrin — Thu, 30 Sep 2010 19:35:05 GMT

Здравствуйте.
Подскажите пожалуйста можно ли подгонять размеры различных изображений без потери основной части? например если изображенние узкое, но высокое брался бы его верх, а если квадратное то вся картинка

вот проблема с квадратной картинкой

а здесь подогнано под высокие картинки

использовал код через css:

Code

.clip {position: relative; height: 150px; width: 150px; border: solid 1px #fff;}

.clip img {position: absolute; width: 260px; clip: rect(0 240px 150px 90px); left: -90px;}

заранее спасибо

hover для class'a?

Crasher — Fri, 24 Sep 2010 21:18:38 GMT

Допустим, клас footer. Вот кусок css:

Code

.footer {text-decoration:none;color:#F00}
.footer:hover {text-decoration:underline;color:#D00}

В opera, mozzila, chrome всё норм, но, как всегда, ie на hover не реагирует, вохможно ли это как-нибудь исправить/заменить css?

Валидность CSS

Oxeto — Thu, 23 Sep 2010 15:30:39 GMT

Форум: Общий форум по CSS
Автор темы: Oxeto
Автор последнего сообщения: Just_
Количество ответов: 7

Горизонтальное ксс меню для юкоз

kzvideo — Wed, 15 Sep 2010 18:17:10 GMT

http://s46.radikal.ru/i111/1007/69/a4117d9a105e.png
http://s41.radikal.ru/i093/1007/7d/96c373c5af75.png
http://s40.radikal.ru/i088/1007/9f/1ad350de0d1d.png
http://s55.radikal.ru/i147/1007/f3/40390364df46.png
http://s52.radikal.ru/i137/1007/79/56c93aa094a2.png
http://s40.radikal.ru/i088/1007/fa/d596ecd96b4b.png
http://i065.radikal.ru/1007/8c/2f5c8184aa88.png
я не могу составить из этих картинок горизонтальное ксс меню все перепробовал все что могу но ни как не получается пожалуйста помогите, не обязательно из всех картинок просто пример хотя из 2 картинок сделайте!!!ХОТЯ БЫ ПРОСТО ПРИМЕР

проблемы с футером

SE7EN — Mon, 23 Aug 2010 14:43:58 GMT

Мне нужно было чтоб "подвал" сайта был всегда внизу не важно насколько заполнена страница. Это решил вынесением Дива "подвала" из "контейнера" (гдето урок нашол не помню где). Но вот возник вопрос: как теперь сделать так чтоб при уменьшении окна браузера контент который в "подвале" не съежал, т.е. чтоб точно также как и тело сайта уменьшался бы только до определённого размера?

надеюсь понятно написал

вот это у меня в CSS

Code

#container{
margin:0 auto;
text-align:left;
width:100%;
min-width:1004px;
width:expression(   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 1004
?
"1004px"
:
"auto"
)
:
(
document.body.clientWidth < 1004
?
"1004px"
:
"auto"
)
);
min-height:100%;
}

#logo {
border: 0px solid #000;
position: absolute;

width:232px;
height:102px;
padding-top:50px; /*позиция логотипа верх-низ */
z-index: 1;
}

#date{
position: absolute;
border: 0px solid #000;
margin-top:120px;/*позиция даты верх-низ */
margin-left:75px; /*позиция даты право-лево */
text-align:center;
color: #ffffff; font-size: 10px; font-weight: normal; font-family:  Arial, Verdana, Helvetica;
width:175px;
float:left;
z-index: 2;
}

/*стили для шапки сайта */
#header{
border: 0px solid #000;
height:102px;
padding-top:59px; /*позиция всей шапки(без логотипа) верх-низ */
}

#headr_left{
border: 0px solid #000;
background:url(../images/header_l.png) no-repeat;
width:21px;
height:86px;
margin-left:85px;
float:left;
}

#headr_right{
border: 0px solid #000;
background:url(../images/header_r.png) no-repeat;
width:26px;
height:86px;
float:right
}

#headr_center{
border: 0px solid #000;
background:url(../images/header_center.png) left repeat-x;
height:86px;
margin-left:106px;
margin-right:26px;
}

#tab_center{
border: 0px solid #000;
height:82px;
padding-top:7px;
padding-bottom:7px;
margin-left:118px;
}

#serch{
border: 0px solid #000;
position:relative;  top: 0px;
height:20px;
}

#searchinput {
margin-top:0px;
border: 1px inset #254e60;
background-color:#CFEBF5;
color: #5d9dd3;
font-size: 14px;
font-weight: bold;
text-align: left;
font-family: Arial, Verdana, Helvetica;
margin-right:200px;
width:100%;
float:left;
}
#searchsubmit  {
border: 0px solid #000;
background: transparent url(../images/serch_btn.png) no-repeat;
width:23px;
height:23px;
margin-right:0px;
}
#searchsubmit:hover  {
border: 0px solid #000;
background: transparent url(../images/serch_btn_2.png) no-repeat;
width:23px;
height:23px;
margin-right:0px;
}
/*конец стили для шапки сайта */

/*Здесь пишем стили для левой колонки сайта */
#left{
border: 0px solid #000;
background-color:#;
width:200px;
float:left;
}
/*Здесь пишем стили для правой колонки сайта */
#right{
width:200px;
background-color:#a9d28c;
float:right;
}
/*Здесь пишем стили для блока контента */
#content{
margin:0px;
margin-left:202px;
margin-right:202px;
}

/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
#rasporka{
height: 95px;
}

/* -----Cтили для подвала (FOOTER) сайта ----- */
#footer{
border: 0px solid #000;
background:url(../images/bg_bottom.png) repeat-x;
font-size:17px;
width:100%;
height: 95px;
margin-top:-95px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
text-align:left;
color:#ffffff;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}
#footer_left{
border: 0px solid #000;
margin-top:5px;
margin-left:5px;
float:left;
}
#footer_left a {color:#ffffff;font-weight: bold;}
#footer_left a:hover{color: #ffffff;text-decoration: underline;}

#footer_right{
border: 1px solid #000;
margin-top:40px;
float:right
}
#footer_center{
border: 0px solid #000;
margin-top:25px;
margin-left:450px;
margin-right:50px;
}
#footer_center a {color:#ffffff;font-size: 11px;font-family:Arial, Helvetica, sans-serif;font-weight: bold;}
#footer_center a:hover{color: #ffffff;font-size: 11px;font-family:Arial, Helvetica, sans-serif;text-decoration: underline;}
/* -----Конец стили для подвала (FOOTER) сайта ----- */

а это в индекс файле

Code

{%BLOCKS left%}

{%BLOCKS message%}{%BLOCKS center%}{%MODULE%}{%BLOCKS down%}

{%BLOCKS right%}

Как изменить вид переключателей страниц на форуме?

cool09 — Fri, 06 Aug 2010 17:41:23 GMT

вот как - как это сделать??? и второй вопрос по ксс - как изменить подпись пользователей на форуме, чтоб текст был 6 пунктов???

Джава Скрипт Шапка

kzvideo — Thu, 05 Aug 2010 08:59:16 GMT

СПАСИБО ВАМ БОЛЬШОЕ ЗА ПРОШЛУЮ ПОМОЩЬ. еще разок можете помочь как вот перенести этот скрипт в ксс просто я ставлю два диза на сайт и мне надо перенести все в ксс. я все сделал вот тока шапка осталась я бы сам бы ее перенес просто она идет как джава каждый раз меняется, вот в этом суть проблемы!!!

CSS3 Закончился конкурс от "Smashing Magazine"

GlebLozhkovoy — Thu, 15 Jul 2010 21:15:44 GMT

В прошлом месяце "Smashing Magazine" объявил конкурс на лучшый "креатив" из CSS3. Посмотрите, что у них вышло! Все картинки являются кликабельными и ведут на примеры работ.

Первое место: CSS3 Графики
Этот метод является примером экспериментальных CSS3 диаграмм, без JavaScript'a и использования изображений.

Второе место: CSS3 Рубик
Интересная идея для CSS3 дизайна. Идея дизайнера заключается в создании навигационного меню: хотя это не очень удобны для регулярного использования, этот способ может быть отличным для привлечения на сайтах-портфолио.

Третье место: CSS3D
У вас есть 3D-очков на руках? Если да, то смотрите через них этот стереоскопический 3D эффект, созданный с CSS3. Работает во всех современных браузерах, а также на iPhone.

Четвертое место: CSS3 Монстр "Блоб" <= Мне понравилось больше всего
CSS чудовище, созданное с чистого CSS3. Само собой разумеется, что чудовище CSS является масштабируемой. Глаза анимированные Параллакс-эффект с JQuery.

Пятое место: CSS3: Рифт во время

CSS3 "Музыкальный пример" - Jewelcase

CSS3 Vicero

CSS3 iPad с тенью

CSS3 Машина времени

CSS3 возможности

CSS3 книга

CSS3 Человек-ракета

CSS3 "Wii-иш" идея

CSS3 CSS Видео!

CSS3 "Меганс Радиус Шрифт" - 100% ручной шрифт использованием CSS3, HTML и несколько крошечных фоновых изображений.

CSS3 Монстр-дракон

CSS3 iMac

CSS3 книга, полная HTML5, CSS3 и JavaScript'a

CSS3 камера

CSS3 под водой в CSS3

CSS3 90-х годов

Журнал CSS3

CSS3 Лазерный меч

CSS3 Логотип журнала Smashing

CSS3 Эксперты готовить пищу

CSS3 Високи Дечани храм

CSS3 Псевдо 3D Радиальная Кнопки

CSS3 Перемещение нарисованных фигур

CSS3 Искривлённые тени элементов

CSS3 Кролик

CSS3 - будущее здесь

CSS3 Шаблон радуги

CSS3 Самое свежее

Super Mario!

Мне, лично, понравились больше всего монстры! А вам?

Форма добавления сайтов

club4127807 — Sat, 10 Jul 2010 16:36:31 GMT

Здравствуйте. у меня есть форма добавления сайтов
http://www.linkstoyou.ru/dir/0-0-0-0-1
но стилизовать мне удалось лишь малую её часть, а именно всего 2 строки ввода

свою красивую форму я могу создать без всфких проблем, но стилизовать юкозовскую не получается

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

спасибо!

кстати сайт замечательный, лично я первый раз вижу такой дизайн на ucoz, уважение админу)

overflow в table > td

WRC — Sat, 03 Jul 2010 08:04:47 GMT

Code

gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg g g g gggggggggggggggggggggggggggggggggggggggg

Можете сами проверить... Ни в одном браузере (((
Как исправить?

Блок сайта

Wireless — Thu, 01 Jul 2010 15:18:52 GMT

Здравствуйте, принимайте новичка)

Никак не могу переделать блок,хочу сделать через div,может кто то поможет? Вот код

Code

Навигация по сайту

	$SMENU_1$ $SMENU_2$

.b-top-left {
  width:29px;height:34px;
  background-image:url(style/images/b-top-left.gif);
}

.b-top-main {
  font-family:Verdana,Tahoma,Arial,Sans-Serif;
  font-size:11px;font-weight:bold;
  color:#fff;
  height:34px;
  padding: 2px 1px 1px 1px;
  background-image:url(style/images/b-top.gif);background-repeat:repeat-x;
}

.b-top-right {
  width:29px;height:34px;
  background-image:url(style/images/b-top-right.gif);
}

.b-left {
  width:29px;
  background-image:url(style/images/b-left.gif);background-repeat:repeat-y;
}

.b-right {
  width:29px;
  background-image:url(style/images/b-right.gif);background-repeat:repeat-y;
}

.b-bottom-left {
  width:29px;height:23px;
  background-image:url(style/images/b-bottom-left.gif);
}

.b-bottom-main {
  height:7px;
  background-image:url(style/images/b-bottom.gif);background-repeat:repeat-x;
}

.b-bottom-right {
  width:29px;height:23px;
  background-image:url(style/images/b-bottom-right.gif);
}

Вид материалов

OnMusic — Sat, 26 Jun 2010 06:51:10 GMT

Хочу панельку в виде материалов приподнять на -50 пх, но не получается.

проблема с поиском..

Colin — Wed, 23 Jun 2010 06:43:50 GMT

раз Александр долго не отвечает на мои сообщения в icq, то я решил создать тему.

так вот, проблема-то у меня с поиском..
посмотрите сами ТЫК
как видите, "[Расширенный поиск]" выходит за границы.

прошу помочь с этой проблемой.

Заранее спасибо!

Хаки CSS

ad — Wed, 09 Jun 2010 21:57:43 GMT

Алеко, ты писал о хаках CSS в блоге но я немного не понял.

Вот ты написал так: селектор {_свойство:значение}

Это я так понял значит что мне придется каждый раз так писать ?

Например: image300 {_margin-top:20px;_margin-left:10px;}

Да ?????

Закругление углов посредствами CSS

UnderShot — Thu, 03 Jun 2010 06:38:11 GMT

Привет всем. Сегодня я вам расскажу как закруглять углы посредствами CSS и HTML.
Не буду много гооврить, сразу к делу.

Что нам понадобится:
1. Photoshop CS+
2. Малейшее знание HTML&CSS

Что-ж приступим.

Шаг 1
Открываем наш Photoshop. Создаем файл 500x300px, заливаем фон белым цветом. Берем инструмент «Скругленный прямоугольник» или просто клавиша U ( ). Настраиваем настройки:
1. Выбераем "Заливка пикселами"
2. Радиус: 10px (можно любой другой)
3. Прозрачность: 100%
4. Поставить галочку на "Сглаживание"

Создаем новый слой. Выбрать второй цвет(для прямоугольника) в моем случае "#0084ff". Рисуем наш прямоугольник, путем нажатия мышки, перетсакивания курсора от одной области в другую, как на скриншоте:

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

Шаг 2
Во втором шаге нам нужно будет нарезать углы. Углы можно нарезать путем выделения самого угла, и вставки в новый файл.

Копируем выделеную область, и вставляем в новый файл, с шириной и высотой 10x10px (это зависти от радиуса угла). Раз наш угол 10x10px, то нужно умножить 10 на 2, получится 20. Изменяем размер холста до 20x20px (Alt+Ctrl+C).
Дублируем слой угла на 4, и раскидываем их на 4 угла.

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

Дальше, складываем все слои в один. Волшебной палочкой( ) клацаем в центр круга, после выделения, удаляем эту область (Delete).

Сохраняем картинку в формате *.png(для сглаженности), под названием "corner".

Шаг 3
Перейдем к HTML и CSS.
Создаем файл "index.html". Вставляем в него этот код:

Code

Закругление углов

Посредствами CSS

(c) UnderShot

Классы .lt,.rt,.lb,.rb — отвечают за скругление углов.
Также можно эти стили вставить в css-файл

Code

Пример закруления с помощью CSS.
Вот и все, всем спасибо, все свободны xD.

Автор: UnderShot

Замена Стандартных button

OnMusic — Mon, 31 May 2010 12:36:45 GMT

Мне бы хотелось заменить button на свои. Примеру вот картинки..

Помогите Плиз с css

vova121212 — Mon, 24 May 2010 15:05:21 GMT

помогите найти код который отвечает за цвет на скрине отмечена область скрин внизу

Code

/* General Style */
div#contanier {background:url('/.s/t/913/2.gif') repeat-x;}
div#left {float:left;width:238px;padding-left:50px;background:url('/.s/t/913/3.gif') right repeat-y;text-align:center;margin-bottom:10px;}
div#leftBottom {height:14px;text-align:left;}
div#right {margin-left:288px;}
   *html div#right {margin:0 !important;float:right;}
div#logo {width:238px;height:120px;background:url('/.s/t/913/4.gif') no-repeat #D7F5FF;padding-top:50px;color:#004A80;font:20pt bold Verdana,Tahoma;margin-bottom:5px;}
   *html div#logo {height:170px !important;}
div#dataBar {height:45px;background:url('/.s/t/913/5.jpg') right no-repeat;color:#004A80;padding-top:5px;padding-right:10px;text-align:right;}
   *html div#dataBar {height:50px !important;}
div#ship {height:311px;background:url('/.s/t/913/6.jpg') right no-repeat;}
div#cBody {background:url('/.s/t/913/7.jpg') top right no-repeat;}
div#content {width:95%;margin-left:30px;}
.boxTable {width:200px;margin-left:17px;margin-right:21px;}
.boxTitle {color:#004A80;background:#8FC7DF;padding:3px;text-align:center;}
.boxContent {color:#004A80;padding:5px;}
div#footer {padding:10px;text-align:center;border-top:1px solid #3078A4;}

div#dataBar a:link {text-decoration:underline; color:#95D9EE;}
div#dataBar a:active {text-decoration:underline; color:#95D9EE;}
div#dataBar a:visited {text-decoration:underline; color:#95D9EE;}
div#dataBar a:hover {text-decoration:none; color:#468EB6;}

a:link {text-decoration:underline; color:#FFFFFF;}
a:active {text-decoration:underline; color:#FFFFFF;}
a:visited {text-decoration:underline; color:#FFFFFF;}
a:hover {text-decoration:none; color:#FFFFFF;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#C9E7F3}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#FFFFFF}
a.noun:active {text-decoration:none; color:#FFFFFF}
a.noun:visited {text-decoration:none; color:#FFFFFF}
a.noun:hover {text-decoration:none; color:#91D7EF}
.mframe1 {padding:2 10 30 10px;}
hr {color:#E6E8EA;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#FFFFFF;font-size:13px;font-weight:bold; padding-left:22px; background: url('/.s/t/913/8.gif') no-repeat 5px 2px;}

.menut0 {background:#585858;border-top:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.menut {padding:2 3 3 15px;background:#003D69;border-top:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-bottom:4px solid #FFFFFF;}
.mframe {padding:2 0 30 30px;}
.bannerTable {width:468;height:60;background:#003D69;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-bottom:0px solid #FFFFFF;}

.menu1 {font-weight:bold;font-size:8pt;font-family:Arial,Sans-Serif;}
a.menu1:link {text-decoration:none; color:#91D7EF}
a.menu1:active {text-decoration:none; color:#91D7EF}
a.menu1:visited {text-decoration:none; color:#91D7EF}
a.menu1:hover {text-decoration:none; color:#FFFFFF}
/* ------------- */

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 3px 13px; background: url('/.s/t/913/9.gif') no-repeat 0px 4px; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}

.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#004A80;}
.uMenuV li a:active {text-decoration:none; color:#004A80;}
.uMenuV li a:visited {text-decoration:none; color:#004A80;}
.uMenuV li a:hover {text-decoration:underline; color:#002A49;}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#002A49;}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#002A49;}
.uMenuV a.uMenuItemA:hover {text-decoration:none; color:#FFFFFF;}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 2px; padding: 3px; text-align:center; border:1px solid #8FC7DF;background:#B2E1F5;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 3px 13px; background: url('/.s/t/913/9.gif') no-repeat 0px 4px; margin-bottom: .6em;}
.catNumData {font-size:7pt;color:#8BAFBF;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#FFFFFF;}
a.catName:visited {text-decoration:none; color:#FFFFFF;}
a.catName:hover {text-decoration:none; color:#91D7EF;}
a.catName:active {text-decoration:none; color:#FFFFFF;}
a.catNameActive:link {text-decoration:none; color:#91D7EF;}
a.catNameActive:visited {text-decoration:none; color:#91D7EF;}
a.catNameActive:hover {text-decoration:none; color:#FFFFFF;}
a.catNameActive:active {text-decoration:none; color:#91D7EF;}
/* ----------------- */

/* Entries Style */
.eBlock {border:1px solid #8FC7DF;padding:1px;}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#004A80; padding: 3px 3px 3px 10px; background: #D7F5FF;}
.eTitle a:link {text-decoration:none; color:#004A80;}
.eTitle a:visited {text-decoration:none; color:#004A80;}
.eTitle a:hover {text-decoration:none; color:#62A9CB;}
.eTitle a:active {text-decoration:none; color:#004A80;}
.eMessage {color:#C9E7F3;}
.eText {text-align:justify; padding:5px;border-top:1px dashed #C9E7F3;}

.eDetails {background:#003D69;color:#9BBECD;padding-bottom:3px;padding-top:1px;text-align:left;font-size:7pt;}
.eDetails1 {background:#003D69;color:#9BBECD;padding-bottom:3px;padding-top:1px;text-align:left;font-size:8pt;}
.eDetails2 {background:#003D69;color:#9BBECD;padding-bottom:3px;padding-top:1px;text-align:left;font-size:8pt;}

.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/913/10.gif') no-repeat 0px 0px;}
/* --------------- */

/* Entry Manage Table */
.manTable {}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style */
.cAnswer {color:#F4F5F7;padding-left:15px;padding-top:4px;font-style:italic;}

.cBlock1 {background:#003D69; border:1px dotted #9EC1CF;}
.cBlock2 {background:#003D69; border:1px dotted #9EC1CF;}
/* -------------- */

/* Comments Form Style */
.commTable {}
.commTd1 {color:#FFFFFF;font-weight:bold;padding-left:5px;}
.commTd2 {padding-bottom:2px;}
.commFl {width:100%;color:#FFFFFF;background:#003D69;border:1px solid #3E668B;}
.smiles {}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:#FFFFFF;background:#003D69;border:1px solid #3E668B;}
/* ------------------- */

/* News/Blog Archive Menu */
.archUl {list-style: none; margin:0; padding-left:0;}
.archLi {padding: 0 0 3px 10px; background: url('/.s/t/913/11.gif') no-repeat 0px 4px;}
.archActive {color:#FFFFFF;}
a.archLink:link {text-decoration:underline; color:#FFFFFF;}
a.archLink:visited {text-decoration:underline; color:#FFFFFF;}
a.archLink:hover {text-decoration:none; color:#D8D5D5;}
a.archLink:active {text-decoration:none; color:#D8D5D5;}
/* ---------------------- */

/* News/Blog Archive Style */
.archiveCalendars {text-align:center;color:#CACBCC;}
.archiveDateTitle {font-weight:bold;color:#FFFFFF;padding-top:15px;}
.archEntryHr {width:250px;color:#DDDDDD;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/913/12.gif') no-repeat 0px 2px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#FFFFFF}
a.archiveDateTitleLink:visited {text-decoration:none; color:#FFFFFF}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#FFFFFF}
a.archiveDateTitleLink:active {text-decoration:underline; color:#FFFFFF}
.archiveNoEntry {text-align:center;color:#CACBCC;}
/* ------------------------ */

/* News/Blog Calendar Style */
.calMonth {}
.calWday {color:#004A80; background:#95B6C3; width:18px;}
.calWdaySe {color:#004A80; background:#B9D2DD; width:18px;}
.calWdaySu {color:#004A80; background:#B9D2DD; width:18px; font-weight:bold;}
.calMday {color:#C9E7F3;background:#004A80;}
.calMdayA {color:#004A80;background:#FFFFFF;}
.calMdayIs {color:#FFFFFF;background:#004A80;font-weight:bold;}
.calMdayIsA {color:#C9E7F3;border:1px solid #C9E7F3; background:#5B93C1;font-weight:bold;}
a.calMonthLink:link,a.calMdayLink:link {text-decoration:underline; color:#FFFFFF;}
a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:underline; color:#FFFFFF;}
a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:none; color:#FFFFFF;}
a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; color:#FFFFFF;}
/* ------------------------ */

/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#1B1B1B}
.textResults {background:#9BBECD}
.textResultsTd {background:#003D69}

.pollNow {background:#FFFFFF}
.pollNowTd {background:#003D69}

.totalVotesTable {}
.totalVotesTd {background:#003D69}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:yellow;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:pink;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}
/* ---------------- */

/* Other Styles */
.replaceTable {background:#004A80;height:100px;width:300px;border:1px solid #003D69;}
.replaceBody {background:url('/.s/t/913/13.gif') repeat-x #004A80;}

.legendTd {font-size:7pt;}
/* ------------ */

/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#8FC7DF;}
.gTableTop {padding:2px;height:30px;background:url('/.s/t/913/2.gif') repeat-x;font-family:Verdana,Sans-Serif;color:#003D69;font-size:13px;font-weight:bold; padding-left:22px;}
.gTableSubTop {padding:2px;background:url('/.s/t/913/7.jpg') top right no-repeat #256E9C;color:#C6E3FF;height:18px;font-size:10px;}
.gTableBody {padding:2px;background:#004A80;}
.gTableBody1 {padding:2px;background:#004A80;}
.gTableBottom {padding:2px;background:#003053;}
.gTableLeft {padding:2px;background:#003D69;font-weight:bold;color:#FFFFFF}
.gTableRight {padding:2px;background:#003D69;color:#FFFFFF;}
.gTableError {padding:2px;background:#003D69;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#004A80}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#003D69}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#003D69;}
a.catLink:visited {text-decoration:none; color:#003D69;}
a.catLink:hover {text-decoration:underline; color:#FFFFFF;}
a.catLink:active {text-decoration:underline; color:#003D69;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#CCCCCC;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:underline; color:#FFFFFF;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:underline; color:#FFFFFF;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color:#91D7EF;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#FFFFFF;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#FFFFFF;}
a.forumBarA:visited {text-decoration:none; color:#FFFFFF;}
a.forumBarA:hover {text-decoration:underline; color:#FFFFFF;}
a.forumBarA:active {text-decoration:underline; color:#FFFFFF;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#585858;color:#FFFFFF;}
.fastNavCat {background:#EEEEF0;}
.fastNavCatA {background:#EEEEF0;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.pagesInfo {background:#003D69;padding-right:10px;font-size:7pt;}
.switches {background:#003053;}
.switch {background:#003D69;width:15px;font-size:7pt;}
.switchActive {background:#9EC1CF;font-weight:bold;color:#003053;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#9EC1CF;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#9EC1CF;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#9EC1CF;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#004A80}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#003D69}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#CCCCCC;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#003053;height:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px;}
.threadsDetails {padding:2px;background:#246D9C;color:#C6E3FF;height:20px;}
.forumOnlineBar {padding:2px;background:#003053;height:20px;color:#FFFFFF;}

a.threadPinnedLink:link {text-decoration:none; color:#FFFFFF;}
a.threadPinnedLink:visited {text-decoration:none; color:#FFFFFF;}
a.threadPinnedLink:hover {text-decoration:underline; color:#FFFFFF;}
a.threadPinnedLink:active {text-decoration:underline; color:#FFFFFF;}

.threadPinnedLink,.threadLink {font-weight:bold;}
a.threadLink:link {text-decoration:underline; color:#FFFFFF;}
a.threadLink:visited {text-decoration:underline; color:#FFFFFF;}
a.threadLink:hover {text-decoration:underline; color:#E1E1E1;}
a.threadLink:active {text-decoration:underline; color:#E1E1E1;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* Posts View */
.postTable {background:#003053}
.postPoll {background:#003D69;text-align:center;}
.postFirst {background:#003D69;border-bottom:1px solid silver;}
.postRest1 {background:#003D69;}
.postRest2 {background:#003D69;}
.postSeparator {height:2px;background:#FFFFFF;}

.postTdTop {background:url('/.s/t/913/7.jpg') top right no-repeat #256E9C;color:#C6E3FF;height:18px;font-size:10px;}
.postBottom {background:#003D69;height:20px;}
.postUser {font-weight:bold;background:#003D69;}
.postTdInfo {background:#004A80;text-align:center;padding:5px;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#CCCCCC;}
.posttdMessage {background:#004A80;padding:5px;}

.postPoll {padding:5px;}
.pollQuestion {text-align:center;font-weight:bold;}
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#003D69;font-size:9px;}
.quoteMessage {background:#003D69;font-size:9px;}

.signatureView {font-size:7pt;}
.edited {padding-top:30px;font-size:7pt;text-align:right;color:#CCCCCC;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#FFFF00;}
.statusOffline {color:#FFFFFF;}
/* ---------- */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('/.s/t/913/14.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/.s/t/913/14.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* Post Form */
.pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background:#004A80;color:#9ABECD;border:1px solid #3E668B;}

.codeButtons {font-size:7pt;font-size:7pt;background:#004A80;color:#9ABECD;border:1px solid #3E668B;}
.codeCloseAll {font-size:7pt;font-size:7pt;background:#004A80;color:#9ABECD;border:1px solid #3E668B;font-weight:bold;}
.postNameFl,.postDescrFl {background:#003D69;border:1px solid #3E668B;width:400px;color:#FFFFFF;}
.postPollFl,.postQuestionFl {background:#003D69;border:1px solid #3E668B;width:400px;color:#FFFFFF;}
.postResultFl {background:#003D69;border:1px solid #3E668B;width:50px;color:#FFFFFF;}
.postAnswerFl {background:#003D69;border:1px solid #3E668B;width:300px;color:#FFFFFF;}
.postTextFl {background:#003D69;border:1px solid #3E668B;width:550px;height:150px;color:#FFFFFF;}
.postUserFl {background:#003D69;border:1px solid #3E668B;width:300px;color:#FFFFFF;}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* --------- */

/* ====== forum End ====== */

Css хаки Opera, Mozilla, IE, Safari

Aleko — Sat, 15 May 2010 23:17:10 GMT

Вот список известных мне, проверенных хаков:

Code

margin:0 auto + IE

Hammer — Fri, 30 Apr 2010 18:20:42 GMT

Да почему же у меня одного не получается прировнять блок по центру в ие?

background

Raiderr — Thu, 29 Apr 2010 07:55:57 GMT

Форум: Общий форум по CSS
Описание темы: помогите
Автор темы: Raiderr
Автор последнего сообщения: MrFrost
Количество ответов: 10