Тормоз от CSS???

вторник, 31 августа 2010

22:59

все записи пользователя в сообществе .Femme douce

Люблю и любима.

#side { width:200px !important; margin:0 !important; position:absolute; clear: right: 90; top: 10px;}<br /> #page-c {width:80% !important; margin:0 !important; padding-right: 200px !important; }<br /> .singleComment .postContent { padding-left:140px; }<br /> .singleComment .postInner { margin-left:-150px; padding-left:150px; }<br /> .singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }<br /> .commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }<br /> .avatar, .avatarNew{ float:left; background: # no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}<br /> .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}<br /> .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }<br /> .left #side{width:180px; !important;margin:0 !important;}<br /> #page-c{width:200px; !important;margin:4 !important;}<br /> #extrabottom {width:200px; !important;margin:4 !important;}<br /> #extrabottom .bordered{ border-style:dotted; border-color:#B85E00;}<br /> #extrabottom .bordered{ border:2px dotted #B85E00;}<br /> #side {background: url('/userdir/2/8/7/2/287209/59508953.png') repeat}<br /> #postsArea {background: url('/userdir/2/8/7/2/287209/59508953.png') repeat}<br /> #commentsArea {background: url('/userdir/2/8/7/2/287209/59508953.png') repeat}<br /> #addCommentArea {background: url('/userdir/2/8/7/2/287209/59508953.png') repeat 0 0 fixed;}<br /> .postLinksBackg, .epigraph, #post0 {border-bottom: 1px solid #B85E00; padding: 10px !important;}<br /> .menuSection, .bordered {border-bottom: 1px solid #B85E00; padding: 10px !important;}<br /> #thisDiaryPhoto { background:url('/userdir/2/8/7/2/287209/59511590.png') no-repeat; height: 170px !important; }<br /> #side{-moz-border-radius: 20px !important;}<br /> #postsArea{-moz-border-radius: 20px !important;}<br /> #side{-moz-box-shadow: 0px 20px 10px -10px #888; border:1px SOLID; border-color: #B85E00;}<br /> #postsArea{-moz-box-shadow: 0px 20px 10px -10px #866;}<br /> #side{-moz-box-shadow: extend 1px 1px 10px #888;}<br /> #page-t .bordered{ border:1px SOLID; border-color: #B85E00;}

Может что то лишнее?
Люди добрые , разбирающиеся , подскажите.
Комп тормозит .
Решено

URL

Люблю обшарпанные комнаты провинциальных гост... :wow: В Корее творится совершеннейшее футбольное сумашес... Прошлась в обед по магазинам. Хожу, смотрю и все хочу!......

Вспомнила сегодня голос и фразу Альбины, когда ей предлаг... ...репетировал нейронный ансамбль. Ещё одна фантастическа... На земле весь род людской Чтит один кумир священный, ...

Комментарии

31.08.2010 в 23:03

Вполне возможно из-за border-radius, не знаю как насчет тени, но вот радиус может очень сильно мешать.

URL

31.08.2010 в 23:03

Gonty

Тормозит из-за этого filter:alpha(opacity=100). Прозрачность.

URL

31.08.2010 в 23:06

.Femme douce

Люблю и любима.

Gonty а где это не нахожу ?если убрать то фон записей перестанет быть прозрачным?

URL

31.08.2010 в 23:11

Gonty

.Femme douce
Он у вас прописан для аватарок:
« .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important; opacity:.75 !important;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }»
если убрать то фон записей перестанет быть прозрачным?
:susp:

В фоне записей он у вас вообще не участвует.

URL

31.08.2010 в 23:13

.Femme douce

Люблю и любима.

Gonty нашла нашла , уже , спасибо.
а если удалю ничего не потеряется визуально?

URL

31.08.2010 в 23:16

Gonty

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

URL

31.08.2010 в 23:18

winterwolf

Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём

Шельн, Gonty На личном опыте и на даже если логически подумать - это будет из-за тени! Скругление углов тут не причем, и прозрачность тоже - я не наблюдал даже когда делал для всех изображений. (тем более для ие там затычка другая).

Сглаживание углов это пару десятков пикселей отрисовки браузером, тень же имеет ширину*высоту блока + ширину*ширину блока пикселей отрисовки браузером. Не знаю почему, возможно еще не обкатали и не оптимизировали подход, да и цсс 3 официально не стандарт, в разработке.

URL

31.08.2010 в 23:19

.Femme douce

Люблю и любима.

Удаляю весь левый столбец пропадает, т.е. панель меню
И фон меню и записей пропадает

URL

31.08.2010 в 23:19

winterwolf по личному опыту знаю, ксс3 вообще коварная вещь)

URL

31.08.2010 в 23:21

winterwolf

Шельн Она не коварная - она в разработке. Стандарт описывают - браузеры реализуют поддержку и обычно по разному. Отсюда косяки.

URL

31.08.2010 в 23:24

winterwolf ну и я о том же :upset:

URL

31.08.2010 в 23:25

Gonty

winterwolf, таки по личному опыту - тормоза у меня были с дизайном именно из-за прозрачности. А вот с тенью не работала, не знаю. :hmm:

URL

31.08.2010 в 23:28

winterwolf

Вот мой совет - уберите все тени. Все еще тормозит? Уберите прозрачность, все еще тормозит, все еще тормозит? Смените компьютер...

URL

01.09.2010 в 00:04

Aloria

Не сахар

Тормозить может и из-за прозрачности и из-за тени. Помнится, ИЕ7 тормозил именно из-за прозрачности, а Опера, кажется, косячит с тенью.

URL

01.09.2010 в 00:57

winterwolf

Aloria В ИЕ реализация прозрачности - это костыль фильтр Alpha DirectX.
Цсс свойство opacity - это цсс3, а цсс 3 в ИЕ вплоть до 8 версии не реализован, есть некоторые свойства которые уже заложены и были перенесены, но в основном нет (Тени в ие нету!). Прозрачность в ие используется другой подход, чем в остальных браузерах. -_-
Ок, простой пример - тормозит прокрутка блока? (надеюсь модераторы простят наглядных примеров)

URL

01.09.2010 в 01:07

Aloria

Не сахар

winterwolf, если честно, я не помню, как реализовывала прозрачность в ИЕ, когда она у меня тормозила. Но прекрасно помню, что этот же прим в ИЕ8 уже нормально обрабатывался.
Кстати, дневник автора у меня отлично тормозит в ФФ 3.6.8, что показательно. Имхо, там слишком много всего наверчено для бедных маленьких дневников))).

URL

01.09.2010 в 01:21

winterwolf

Aloria На самом деле терпимо, хотел заметить - это только для фф, для остальных браузеров стиль тени не прописан.
Я убрал тень и все замечательно работает.

URL

01.09.2010 в 01:41

winterwolf

Может что то лишнее? Люди добрые , разбирающиеся , подскажите. Комп тормозит .

filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}

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

Тормозит из-за этого filter:alpha(opacity=100). Прозрачность.
Здесь сказано - для ИЕ не использовать прозрачность - эту строчку можно опустить - это дефолтное значение.

 #side{-moz-border-radius: 20px !important;}

стиль работает только в ФФ. Добавляем border-raduis - стандарт, -moz-border-raduis - firefox, webkit-border-radius - вебкитовский движок (гугл хром, опера)

-moz-box-shadow: 0px 20px 10px -10px #888;

Стиль работает только в фф - убираем, чтобы не тормозило.
!important для этих стилей можно опустить, мы не переназначаем дефолтный стиль дневников.

URL

01.09.2010 в 15:23

.Femme douce

Люблю и любима.

Владелец дневника видит IP-адреса пользователей, оставивших комментарии!

#side{-moz-box-shadow: 0px 20px 10px -10px #888; border:1px SOLID; border-color: #B85E00;}
 #postsArea{-moz-box-shadow: 0px 20px 10px -10px #866;}
 #side{-moz-box-shadow: extend 1px 1px 10px #888;}

удалила просто отовсюду слово shadow
и все вышло
а то удаляя строчку и конттур записей и меню сбивается

URL


Запомнить

Тормоз от CSS???

@CSS — стилизация дневников