MaXSauCo (Сайдир-для тебя)

[Ктулхова бабушка]

Смотреть дальше

ссыль на автора www.sauco.ru/

@темы: Пикчи, MaXSauCo, Фото, Красиво

Comments

Гыы, пасип)))

[Ктулхова бабушка]

Сайдир Ар-Терезени
Дык,не за шо)Эт правда не полная коллекция из этого сета-но че есть)

[питте]

ого
ого!
спасибо... ну... ого. )

Император Ада|Императрица Ада
Кстати, классный диз)) Может и себе прозрчный фон записей сделать... Какой код?

[Ктулхова бабушка]

Tuve Yansson
И дя тебе,дитятко)

Сайдир Ар-Терезени
Жжешь чувак-тупо убираешь фон и все)Без кода)

Император Ада|Императрица Ада
Ы, понял))

[Ктулхова бабушка]

Сайдир Ар-Терезени
К.с-спасяб за диз))))Ну,за похвалу вот)Ыыыы)

Император Ада|Императрица Ада
Тв немазашо)))

А как ширину поля записи поменять?

[Ктулхова бабушка]

Сайдир Ар-Терезени
Та е за шоооо)Тебе генератор дать?
www.quartex.ru/diary/cssgen/
это?)

Император Ада|Императрица Ада
Блин, слишком сложно >_< Это как у тебя будет?

[Ктулхова бабушка]

Сайдир Ар-Терезени
*улеглась*У меня диз -вот
#wrapper{min-width:800px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:160px !important;margin:0 !important}
#page-c{width:640px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
160-меню,640 поля записей

Император Ада|Императрица Ада
Да все, я уже догнал >_<

[Ктулхова бабушка]

Сайдир Ар-Терезени
^_^ умницо)

Император Ада|Императрица Ада
Чета так страшно получаицо((

[Ктулхова бабушка]

Сайдир Ар-Терезени
Открой мине днев.Подскажу вось)

Император Ада|Императрица Ада
Открыл. Я думаю может сделать фон процентов на 30? Но я кода нинаю((

[Ктулхова бабушка]

Сайдир Ар-Терезени
Ща гляну,только там не код ставиться.Там надо в фш делать фон в пнг,заливать в БИ,а ток потом ставить.У тебя фон-фиксированый?А то я слегка глючу от уколов.

Император Ада|Императрица Ада
Не, я не про фон днева, а про фон записи. Ну, сейчас его нет, а я хочу, что бы был, но почти прозрачный...

[FiliNN]

Император Ада|Императрица Ада
Вай-вай-вай, какие картиночки)))

[Ктулхова бабушка]

Сайдир Ар-Терезени
*хыхыкнула*И я про тоже-просто при фиксированом фоне дневника доступен или вариант с фотошопом,или как у меня-а если фон просто стандартный-Щас кину код
Полупрозрачный фон


Самое сложное. Увы. Включайте мозг )

СПОСОБ I

Плюсы: Трушная полупрозрачность фона.
Минусы: Бывают глюки с отступами, которые никак, кроме ручной правки не исправляются. Я в свое время справился.
1. Делаем полупрозрачный PNG в Фотопопе или другом редакторе, кладем себе в Библиотеку изображения.
В фотошопе так: создаем картинку 10 на 10 px c фоном Transparent, берем заливку, устанавливаем opacity в нужное количество процентов и заливаем нужным цветом. Сохранять в PNG (если просит уточнить - PNG-24)
2. Полупрозрачный фон нужным элементам прописывается так:
*element*
{
background: none;
background: url('/userdir/9/3/1/2/93120/17332882.png') repeat bottom right !important;
background-image: none;
filter: progidXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/93120/17332882.png', sizingMethod='scale');
zoom: 1;
}
Ссылка должна быть на СВОЮ картинку - ту, которую вы положили в БИ.
Она будет выглядеть приблизительно так: http: //static.diary.ru/userdir/9/3/1/2/93120/17332882.png
Посмотрите на код, посмотрите на вашу ссылку и вставьте по аналогии )


3. Для элементов, которым прописали полупрозрачноть, прописывам новое свойство ссылок
(не потеряйте a и input!):
ЭТО ОФИГЕННО ВАЖНЫЙ ПУНКТ! Забудете - не будут работать ссылки в Internet Explorer
*element* a, *element* input, textarea
{
position:relative; z-index: 2;
}

4. Если ники скачут, прибиваем их гвоздями:
.authorName { float:none;}

СПОСОБ II

Плюсы: Никаких глюков, короткий и простой код, работает всегда и везде.
Минусы: Не катит на фиксированном фоне и в некоторых других случаях.

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


Что такое *element*?


*element* - это штука, которую надо заменить на то, к чему бы собираетесь применить эффект
например
#side .bordered - меню
#side .menuSection - отдельные блоки меню
#page-t .bordered - блок записей

Т.е. код для полупрозрачности всего блока меню будет выглядеть так:

#side div.bordered {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); }

[Ктулхова бабушка]

FiliNN
Тоже понравились?)Необычные фото)

Бля, я делаю через фш и не получается нифига(((

[FiliNN]

Император Ада|Императрица Ада
Не то слово как)

[Ктулхова бабушка]

Сайдир Ар-Терезени
А шо не выходит именно?

[Ктулхова бабушка]

FiliNN
И вам и мне тоже,и Сайдиру вон)Ставим пять фотографу)

Император Ада|Императрица Ада
Посмотри, прозрачности не получается((

[Ктулхова бабушка]

Сайдир Ар-Терезени
кинь мне код который ты ставишь.сюды

#side .bordered { background: none; background: url('/userdir/4/1/4/0/414093/30907979.png') repeat bottom right !important; background-image: none; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/4/1/4/0/414093/30907979.png', sizingMethod='scale'); zoom: 1; }
#page-t .bordered { background: none; background: url('/userdir/4/1/4/0/414093/30907979.png') repeat bottom right !important; background-image: none; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/4/1/4/0/414093/30907979.png', sizingMethod='scale'); zoom: 1; }
#side .bordered a, #side .bordered input, textarea { position:relative; z-index: 2; }
#page-t .bordered a, #page-t .bordered input, textarea { position:relative; z-index: 2; }

[Ктулхова бабушка]

Сайдир Ар-Терезени
Черд.Фиг его..*фтыкает*У меня фыходило только совсем все полу-прозрачное,и фон и буквы.Надо в ксс писать таки,в поддержку