• ↓
  • ↑
  • ⇑
 
Записи с темой: основные блоки (список заголовков)
19:25 

Прозрачный враппер и содержимое

esce
— Какой человек станет пить с тобой кофе, Лорд, после того как ты дал ему по морде? Никакой. ©
Хотелось бы узнать - ни у кого нет кода, что бы фотографии в записи и текст записи были непрозрачными?

@темы: основные блоки

00:38 

Отступ перед экстработтомом

shurshunchik
Я всех умней, но это незаметно.
ПоможИте, хто чем может, сами-томылюдинеместные!
Собственно, я за помощью. Проблема: пробел между основным блоком записей и экстработтомом.
Знаю, что одна из самых распространенных и что везде решение описывалось по сто-двести-тристо раз. В свое оправдание могу сказать, я честно-пречестно искала его. И честно перепробовала все, что нашла. А воз и ныне там: ничегошеньки не помогает. Хоть топись в ближайшей луже.

А вот и он, больной зубскрин


Дизайн у меня блочный, панель Nav передвинута на боттом при помощи relative (кстати, если ее можно вообще убрать как-нибудь - это будет просто замечательно). Экстработтом пробовала поднять - подняться - поднялся, а осадочек остался пробел неистребим.

Вот то, что я конкретно пробовала в борьбе с отступом:
div.bordered {margin-bottom:0 !important;}
.pageBar {margin-bottom: 0 !important; padding-bottom: 0 !important;}
#page-c {margin-bottom:0 !important; padding-bottom: 0 !important;}
.bottomNav {margin:0 !important; padding:0 !important;}
.block_design .bordered {margin-bottom: 0 !important; }
#side {margin-bottom:0;}
.formcontainer {margin-bottom: 0 !important;}

АПД: проблема решена, и великая благодарность объявляется vykos

@темы: основные блоки, diaryCSS

00:45 

All bitter @ dark
Дорогие мастера!
Есть ли возможность задать для #page-t такие параметры, при которых при меньшем разрешении монитора #page-t уменьшалась бы, но при этом не увеличивалась бы больше заданного размера.

@темы: diaryCSS, основные блоки

02:31 

Объявления

D Storm
Veni, vidi, vici.
Сейчас особо нет времени, поэтому в двух словах. Составляющие уже описывал, так что тут всё просто. Если вам нужно повесить какое-то объявление в своём дневе (и так, чтобы оно было видно отовсюду) - используйте следующий код:



Пояснения. Все визуальные параметры вы можете перенастроить, это очевидно. При наведении мыши вы можете переписать любые параметры (в коде выше это только текст сообщения и выравнивание по ширине).

Пример (если ничего не видно - обновите страницу).

@темы: Мысли вслух, основные блоки, текст

01:42 

Shep.
Fen'Harel enansal
И еще один вопрос вдогонку.
Как убрать эти назойливые черные полосы между постами/после эпиграфа?




Добрый вечер!
Скажите, пожалуйста, можно ли провернуть так, чтобы при полупрозрачном блоке записей картинки, вставляемые в пост (плюс экстратоп/эпиграф/экстработтом) были не прозрачными?

запись создана: 01.11.2011 в 19:39

@темы: основные блоки, Дизайн, diaryCSS, эпиграф

10:58 

Искала, не нашла, в том числе и вне дайрей...

Naturka
Зло умеет заводить дружбу с хорошими людьми и утаскивать их во тьму.
А есть в css возможность (в частности, меня, конечно же, интересуют дайри) разделить данные в одном контейнере на два столбца?
Например, есть список последних комментариев. Он выводится одним столбцом и не всегда удобен в таком виде (например, в том дийзайне, который у меня сейчас). Можно ли его разбить на два столбца?

upd. Разобралась самостоятельно. Добавила следующий код:

При этом в #lastComments нужно установить ширину, которая будет делиться на выставленное количество столбцов (в моем примере - 2 столбца).
У меня этот параметр выглядит так:

А вообще, насколько я поняла, свойство "column-count" можно применять к любым параметрам.
Правда, работает только в ФФ, в ИЭ не хочет ни в какую. В ГХ и Опере не пробовала из-за отсутствия браузеров.


@темы: основные блоки, меню, diaryCSS

18:54 

Фон под темы записей

Фьори
Это как модус-понус, только левее и голубенькое ©
В CSS мну еще новичок, и вот столкнулась с проблемой. К сожалению ответ найти сама не смогу - ограничена скорость инета, может кто подскажет из знатоков. Сделал себе дизайн - все устраивает, вот только на странице, где открываются все темы записей полностью, у мну нет фона. Вернее есть, но только с картинкой. какую строчку нужно вставить в код, чтобы темы отображались на том же фоне, что и остальные записи в дневнике? Скрины загрузить тоже не могу, но желающие могут глянуть у мну в дневе, открыв все темы.

@темы: diaryCSS, основные блоки

14:04 

Back to Top

D Storm
Veni, vidi, vici.
Перенёс тут кнопочку из VK. Вернее, вытащил и настроил.

Как установить.
1. Закинуть это изображение в БИ. Скопировать ссылку.
2. Добавить к CSS дизайн следующий код:

3. Заменить __IMAGE_LINK__ на ссылку на изображение из БИ. Обрезать всё до '/userdir/...'.

Пример.

@темы: основные блоки, Учеба, Мысли вслух, Дизайн

04:56 

Sephiroth
Дизайн дневника блочный. Хочу цветную полосу с датой, как в табличном. Причем чтобы на ней справа были день недели и дата, а слева - время (на одном уровне). И чтобы цвет полосы шел градиентной растяжкой. Как это сделать?
В CSS ничего не понимаю :(
Напишите кто-нибудь код, который я смогу просто скопировать, а?

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

@темы: Дизайн, основные блоки

09:56 

Рамка для картинки, больше заданного размера

Abs0lute [DELETED user] [DELETED user]
Здравствуйте уважаемые сообщники.

Скажите пожалуйста, возможно ли прописать так код к .paragraph img, чтобы только изображения больше, чем например 100x100 px обводились в рамку?

Спасибо.

@темы: основные блоки, рамки и полоски

17:10 

Timea
Я всегда говорю, что думаю, и думаю, что говорю. (с) Льюис Кэрролл
Доброго времени суток!
Имеется код:

Он позволяет добавить кнопку "Наверх" сбоку на постоянной основе внизу страницы. У меня при добавлении данного кода и просмотре через мозилу ничего нет. Через хром кнопка видна. Но при этом имеется аналогичный диз. у которого эта кнопка показывается в обоих браузерах. В чем подвох?

@темы: diaryCSS, Дизайн, меню, основные блоки, платный сервис

12:15 

отображение аватар

Здравствуйте! Возникли проблемы, помогите, пожалуйста:

1. При использовании в посте аватар платных аккаунтов аватара начинает искажаться и разъезжаться (для примера использована аватара 61Х150)


Тоже самое происходит с ней в посте на странице с комментариями


Аналогичная ситуация и с самими комментариями.


Сейчас в коде стоит стандартный размер аватары 100Х100. Пробовала его менять – безрезультатно.
Подскажите, пожалуйста, где ошибка
Код

2. Можно ли отключить отображение аватар, но исключительно в комментариях?

@темы: diaryCSS, основные блоки, платный сервис

23:53 

2 вопроса

BON-BONE
Ты отвратительна, моя красавица!
Здравствуйте! У меня две проблемы:

1) экстрабатом не поднимается выше блока меню. Можно его как-то закрепить за #page-c?

2) Почему-то дизайн, который должен быть централизированным, на самом деле чуть сдвинут в лево. Сколько я не пыталась отыскать проблему в свем коде, у меня не получается. Может, вы подскажите?

Весь мой цсс
запись создана: 28.09.2011 в 03:28

@темы: diaryCSS, основные блоки

21:07 

предыдущая и следующая запись

-=Beautiful Art Community=-
один из ПЧ написал вот это
опа, забавный глюк нашла *наверное, это из-за моей оперы, но не могли бы вы проверить на каком-другом браузере*
вот с этой страницы apollo-jusu-sirds.diary.ru/p166918028.htm не перелистывается к "предыдущей записи". Эффект, как от обычного обновления - кнопка не срабатывает) До этой страницы всё отлично работало. Кэш чистила, толку ноль.


проверил и сам в хроме и опере и страница действительно обновляться, думаю она не одна такая, а может и единственная, сообщество большое. Собственно не могу понять в чем причина, единственное что я делал с этими элементами, поднял их выше .prevnext {margin-top: -50px !important; } собственно хотелось бы узнать это проблема решаема в ксс или мне в техподдержку идти?

@темы: основные блоки

07:36 

:before и :after

D Storm
Veni, vidi, vici.
Данная запись о том, как добавить в оформление текст непосредственно через CSS. В чём преимущество перед заранее приготовленным изображением с текстом? Во-первых, весит в разы меньше, во-вторых, проще оформить в стилистике самого дневника. Итак, к делу.

Вся фишка в селекторах. В данном случае, конкретно в двух: :before и :after, - которые добавляют блок текста до либо после блока, к которыму были применены, соответственно. Возьмём, к примеру, #add_block1. Применение селектора выглядит следующим образом:

#add_block1:before {content:"test text";}

Также в content можно прописывать url (только из БИ, разумеется) (синтаксис тот же, что и в background). Кроме того, в блоках с данными селекторами можно описывать непосредственно стиль текста и его положение на странице. Пример:

#add_block1:after {position:fixed; top:20px; left: 20px; color:#ff0000; text-shadow: 0 0 3px #ff0000; font-size:12px; content:"test text";}

Пожалуй, есть только одна проблема. Этот текст всё равно нельзя выделять и копировать, чтобы получить к нему доступ надо лезть в код страницы. Ну а в остальном - использование данных селекторов может быть весьма удобным.

@темы: diaryCSS, Дизайн, Мысли вслух, основные блоки, текст

07:19 

Разделение контента

D Storm
Veni, vidi, vici.
Здесь я расскажу о том, как с помощью CSS в дневнике реализовать отображение трёх различных блоков контента в ленте избранного, дневнике и режиме комментариев соответственно. Зачем это нужно? Как правило, для шлифовки сложного оформления, но могут быть и другие причины. So, let's start.

Для начала создаём в записи три блока для контента. Выглядеть они должны примерно так.



Зачем прописывать style="display:none"? Это скроет ненужные блоки в режиме ленты избранного, где ваш CSS не действует.

Итак, всё, что осталось - описать данные классы в CSS. Можете смело использовать следующий код:



И всё работает. Последняя строчка нужна для того, чтобы feed контент отображался в своём избранном (чужие и свои блоки такого типа) и в своём цитатнике. Также подразумевается, что в черновиках должны быть видны вообще все варианты.

Пример: лента, дневник, запись.

@темы: diaryCSS, Мысли вслух, основные блоки, текст

06:06 

разные стили для разных типов страниц

pink pony Polly
Делай, что хочешь, но делай это хорошо!
Здравствуйте. Подскажите пожалуйста, как задать отдельный стиль для страницы со списком заголовков? Здесь не указано имя селектора для списка заголовков, а по аналогии #JournalHeadline - не работает.

@темы: основные блоки

16:18 

Vamp in house
ничнто не истинно. все дозволено (с)
Дизайн делался под разрешение 1024 на 600. Подскажите пожалуйста можно ли подогнать это оформление так чтобы при разрешение экрана 1280 на 800 блок записей не съезжал?
Код:
Скрин в норме: Скрин при большем разрешении:

@темы: основные блоки

16:10 

Дополнительные блоки и вставка объектов

pink pony Polly
Делай, что хочешь, но делай это хорошо!
Здравствуйте, есть несколько вопросов... Поиском не получается, может быть я неправильно гуглю?
Довольно давно программеры дайри вроде бы ввели дополнительные блоки каждого элемента. Я об этом Diary Spirit. Дизайн дневника. Подскажите, не поднималась ли где-нибудь тема о произошедших изменениях и проблемах, возникающих в связи ними? Если не сможете припомнить тему, ответьте, пожалуйста на пару вопросов...

@темы: основные блоки

15:37 

Доброго времени суток!
Вопрос замены ссылок "Комментарии", "Подписаться", "В цитатник" поднимался уже не раз, но вразумительного ответа мной найдено не было.
читать дальше

@темы: фоновые картинки, текст, платный сервис, основные блоки, Дизайн

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

главная