23:14 

Очистка блоков в CSS

D Ash
Embrace your dreams and prove your honor...
      
Только для владельцев платный аккаунтов с подключенным CSS.

      
Идея проста. Вам нужна какая-либо ссылка, которая присутствует в дневнике, но вам совсем не нужен текст в ней - вы хотите иконку. Как это сделать?

      
1. Найдите ID данного объекта. Чтобы было, по чему обращаться к нему в CSS.
      
2. Создайте \ выберите \ найдите иконку. Закиньте её в БИ, запомните размеры (дальше - X и Y).
      
3. Примените следующий стиль для данного объекта: "{width:Xpx; height:1px; padding-top:Ypx; clip:rect(0px Xpx Ypx 0px); background:url('ссылка/на/изображение/в/вашей/БИ') no-repeat;}". Если что-то не сработает, добавьте перед ";" данного параметра "!important".

      
Суть в том, что мы просто вытесняем текст (с помощью padding-top) и обрезаем его (через clip). Таким образом можно сделать полностью графическое меню или вообще весь интерфейс, что привлекает, верно?

      
Пример можно посмотреть в одном из моих дневников, здесь. Ссылка, ведущая к якорю у верха страницы.

@темы: CSS, Дневник, Оформление дневника, Платные сервисы

Комментарии
2011-04-08 в 00:21 

fail better
как вы считаете, сколько из 347 031 читателя этого блога воспользуются вашим советом или найдут в нем что-то ценное?

2011-04-08 в 00:53 

-Sofi-
Единственный способ избавиться от искушения — уступить ему ©О.Уайльд
bokonist
во всяком случае это интересная информация. кому не надо - пролистают.

D Ash
Спасибо, что просвятили)
Дизайн у днева потрясающий! :hlop: И масштабируется так круто... одинаково хорошо смотрится как на 12, так и на 24 дюймах.

2011-04-08 в 00:59 

D Ash
Embrace your dreams and prove your honor...
-Sofi-
Спасибо. )
Рад, что вам понравился. С полноправными записями ещё лучше будет - там галерея интересная. )

bokonist
Те, у кого подключен CSS и кому надоели стандартные дизайны. Ммм... Человек 50-100 навскидку. Не сразу, со временем, разумеется.

2011-04-08 в 04:34 

.Vozduh
запросы в гугле определяют сознание ©
D Ash, bokonist прав в том, что место вы выбрали неудачное.)) Тут это было бы в разы актуальней. Хотя там, наверняка, этот вопрос поднимался и не раз...
Здесь вы могли бы рассказать как сделали эпиграф. Мне было бы крайне интересно.
Немного о Комик Сансе

2011-04-08 в 06:06 

D Ash
Embrace your dreams and prove your honor...
Там не только эпиграф, но и вообще все записи в дневнике. Пока что говорить не буду - нет ни одной полноценной записи, соответственно, нет ни одной галереи, а там очень красивые галереи. На днях сделаю её, тогда и мануал напишу. Если кратко, то через многократный :hover.

По поводу Comic Sans'а - перебрал все остальные, мне визуально нравится только он и Courier New, но последний нечитаем. Хотя, потом, может, и изменю. Например, когда найду способ использовать сторонние шрифты.

2011-04-08 в 10:59 

.Vozduh
запросы в гугле определяют сознание ©
Здорово! Буду ждать.))

А шрифты... Можно же взять не только те что в списке на дайри. Consolas например. Он в отличии от Courier New читаем. )) Здесь подробней.

2011-04-08 в 11:24 

Индрик-зверь [DELETED user]
D Ash :ura: очень своевременная информация, мне сейчас надо как раз, спасибо!
было бы неплохо продублировать пост на "@CSS — стилизация дневников" - там то это точно нужнее)
Дизайн обалденный :hlop:
обязательно буду следить за изменениями и мечтать скоро увидеть мануал :shuffle2:
выплывающий эпиграф - это вообще прям! ну прям вообще!!!))))
очень-очень-очень хочется узнать как что вы там сделали) буду ждать

2011-04-08 в 12:43 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
читать дальше

D Ash, спасибо за инфу)
читать дальше

2011-04-08 в 19:25 

dead_mockingbird
and knew what cats know that makes them scream like babies in night...
Суть в том, что мы просто вытесняем текст (с помощью padding-top) и обрезаем его (через clip).
прятать текст гораздо удобнее через text-indent с большим отрицательным значением.

2011-04-08 в 21:27 

La_mignonne
Окружающие видят только мои маски и думают, что знают меня....
Там не только эпиграф, но и вообще все записи в дневнике. Пока что говорить не буду - нет ни одной полноценной записи, соответственно, нет ни одной галереи, а там очень красивые галереи. На днях сделаю её, тогда и мануал напишу.
с удовольствием почитаю :rotate:

2011-04-08 в 22:10 

D Ash
Embrace your dreams and prove your honor...
mahini
Спасибо за ссылку. На днях почитаю, поставлю шрифт поприличнее, да. )

маньяк-извращенец
Рад, что вам понравился дизайн. )
Мануал на следующей неделе будет.

Тайя, которая душит романтиков
Поправил. Спасибо, что заметили. )

dead_mockingbird
В данном случае не удобно. Не удобно, т.к. необходимо учитывать количество содержимого блока. Данная же формула универсальна.

La mignonne
^_^

2011-04-25 в 19:22 

Bernadett-e
В море соли и так до чёрта, морю не надо слёз.
спасибо, мне оказалось полезно.

2011-04-26 в 16:12 

D Ash
Embrace your dreams and prove your honor...
Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@Дневники: секреты, тонкости и хитрости

главная