суббота, 29 августа 2009
17:39

Стало интересно

все записи пользователя в сообществе 3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Есть одни такой интересный код, имитирующий жежешечные стили:

С помощью него теоретически можно заменять названия ссылок именно обычными текстовыми ссылками, но не рисунками. К сожалению, этот код крайне капризен (либо капризничают дайрики), ибо меняются лишь некоторые основные ссылки панелей меню вроде «мой дневник», «все дневники» и т.п. Большинство ссылок же остаётся полностью равнодушными к использованию этого кода.
И работает он хоть как-нибудь исключительно в Опере (у меня, по крайней мере).

Вот мне и стало интересно, возможно ли вообще как-то обойти этот каприз или придётся всё-таки заменять ссылки картинками?

@темы: diaryCSS, Дизайн, Точка зрения

URL
Комментарии
29.08.2009 в 17:43

Roldo
Совершенству эволюция не нужна.
Ну если этот код сделают как стандарт, и другие браузеры начнут его понимать - то да))
URL
29.08.2009 в 17:56

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Roldo, я тоже об этом думал, но здесь определяющее слово всё же «если».))
URL
29.08.2009 в 19:12

Ri
И тесно облакам.
www.htmlbook.ru/css/content.html
Только Опера поддерживает content в таком виде, как вы написали. А для псевдоклассов after/before они поддерживаются всеми браузерами (смотри табличку), разве что IE только с 8-й версии. Т.е.

#myDiaryLink A b:before {content:'MY DIARY';}

Перед текстом добавляется дополнительный текст, а старый текст нужно с помощью стилей спрятать.
URL
29.08.2009 в 23:29

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Riateche, действительно, работает, однако есть одна загвоздка: в справочнике описано, как избавиться от исходного текста с помощью html-тегов, а я работаю в css, и, честно признаться, без понятия, как перейти с css к html. Из html в css следующим образом: блаблаблабла. А наоборот?
Или, может быть, есть код в css, который позволяет избавиться от исходного текста, не прибегая к css? Подскажите, пожалуйста, буду очень благодарен.
URL
29.08.2009 в 23:36

Ri
И тесно облакам.
Проще простого.
#myDiaryLink A b:before { content: 'My diary'; visibility:visible }
#myDiaryLink A b { visibility:hidden }
URL
29.08.2009 в 23:53

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Riateche, действительно, всё верно, однако снова появляется проблема: исходный текст становится невидимым, однако на его месте остаётся пустое место, которое а) так же выделяет как ссылка и б) если это такие ссылки, как, например, «мой дневник», «комментарии», «ю-мэйл», count_box, что идёт после них при сообщении и комментарии\письме (то есть чёрточка с циферкой), располагаются на некотором расстоянии от ссылки, которая прописана с помощью предконтента, — расстоянии, которая занимала исходная ссылка. Можно ли как-то урегулировать длину ссылки с помощью, может быть, некоего подобия line-height и пододвинуть count_box ближе?
Если не совсем понятно, о чём я толкую, могу предоставить наглядный скрин.
URL
30.08.2009 в 00:05

Ri
И тесно облакам.
Тогда усложним. Первый вариант:
#myDiaryLink A b:after { content: 'My diary';font-size:16px;color:black}
#myDiaryLink A b { font-size:0px;color:transparent}

Второй вариант:
#myDiaryLink A b:after { content: 'My diary';padding-left:20px}
#myDiaryLink A b { display:block;position:relative;left:-110px}
#myDiaryLink { overflow:hidden !important}

Выделенное жирным подгоните под свой шрифт.
URL
30.08.2009 в 00:23

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Riateche, первый вариант идеально сработал, что касается ссылки «мой дневник». Однако из кода нужно убрать display:block, иначе count_box переносится на следующую строку.

Далее. Что касается ссылки «комментарии» — та поддаётся лишь каким-то усилиям, если прописываешь .comments a{блаблабла}, однако в comments_count_link автоматически прописывается то же. В общем, получается ерунда.((
Как разделить саму ссылку «комментарии» и их количеством, которое появляется рядом с чёрточкой впереди?
URL
30.08.2009 в 00:28

Ri
И тесно облакам.
Однако из кода нужно убрать display:block
верно, в процессе экспериментов забыл убрать

Для комментариев юзайте селектор .comments a span
URL
30.08.2009 в 00:32

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
upd. Разобрался. =) Код выглядит следующим образом:

.comments a:before { content: 'Comments';font-size:13px;color:black;}
.comments a{font-size:0px;color:transparent}
.comments_count_link a:before {content: none;}
.comments_count_link a{font-size:13px;color:black;}

Где .comments — это цельная ссылка комментариев, а .comments_count_link — count_box для комментариев.
URL
30.08.2009 в 00:34

Ri
И тесно облакам.
Ну, можно и так)
URL
30.08.2009 в 00:38

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Riateche, ой, теперь, полагаю, всё станет намного легче со всеми остальными ссылками postLinksBackg. ^^
Спасибо Вам огромное за помощь и за то, что откликнулись! =)
*жмёт руку*)
URL
30.08.2009 в 00:40

Ri
И тесно облакам.
я просто следую зову сердца
*вешает еще одну звездочку на грудь*
URL
30.08.2009 в 00:45

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Riateche, хорошее, значит, сердце у Вас. Доброе.) Такое не каждому дано.

Кстати говоря, полагаю, это очень полезные коды, что мы с Вами сейчас накопали. Может быть, следует их перенести в эпиграф, где ссылка «изменить название ссылок»? Пусть другие тоже пользуются.
URL
30.08.2009 в 00:51

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Так-так. А вот это я зря накаркал.((

При изменении ссылок «подписаться»\«отписаться» и «в цитатник» выскакивает следующее:
«Ошибка. Неверная ссылка».

Вот код. Что не так?(

.subscribe a:before {content: 'взять рецепт';font-size:12px;color:#3B0700;}
.subscribe a{font-size:0px;color:transparent}
.unsubscribe a:before {content: 'вернуть рецепт';font-size:12px;color:#3B0700;}
.unsubscribe a{font-size:0px;color:transparent}
.addToQuote a:before {content: 'похвалить напиток';font-size:12px;color:#3B0700;}
.addToQuote a{font-size:0px;color:transparent}
URL
30.08.2009 в 00:53

Ri
И тесно облакам.
Randall Flagg
Я не властен, напишите на умыл владельцу сообщества.
А, и еще проверьте, чтобы в IE < 8 это всё хотя бы не мешало функциональности ссылок.
URL
30.08.2009 в 00:56

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Riateche, проверю, благодарю.
Смотрите выше. =(
URL
30.08.2009 в 01:08

Ri
И тесно облакам.
У меня с вашим кодом таких ошибок нет, но код я поправил на всякий случай

т.е. для "a" лучше не прописывать, а прописывать для того, что внутри. Там еще проблема, что при аяксовом срабатывании ссылки подпись меняется на стандартную. Если проблема с ошибкой остается, включите проблемный код в дневнике, так удобнее смотреть и диагностировать.
URL
30.08.2009 в 01:24

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Riateche, ага, спасибо... Буду разбираться.
URL
30.08.2009 в 15:24

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Так, окончательно разобрался. Всё худо-бедно работает, однако, как всегда, есть одно «но»: ссылка «отписаться» и ссылка «удалить из цитатника» не реагируют на код вообще; что касается ссылок «подписаться» и «в цитатник» — как Вы правильно сказали, они работают лишь единожды: сразу после использования исходный текст возвращается, но если обновить страницу — вернётся прописанный в коде.

Итак, это, конечно же, сублимация, но всё лучше, чем ничего. Теперь можно будет утереть ЖЖ нос. =)) ;-)
URL
30.08.2009 в 16:11

Ri
И тесно облакам.
А что там в жж? Я не пользуюсь, не в курсе)
URL
30.08.2009 в 16:17

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Riateche, ну, кхм, скажем так, теперь у нас даже лучше. =)) А то очень долго объяснять. ^^ Вы просто зайдите как-нибудь, посмотрите ради интереса.
URL
30.08.2009 в 16:28

Ri
И тесно облакам.
Randall Flagg
А куда смотреть-то? Глаза разбегаются. Я в шоковом состоянии пребываю от того, что творится на страницах жежешечки в плане юзабилити и верстки.
URL
30.08.2009 в 16:34

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Riateche, во всех направлениях сразу — и не ошибётесь. Не то слово, в жежешечке непонятно что происходит. Я продержался там месяц-два и убежал с поля боя, трусливо поджав хвост. Для меня до сих пор остаётся загадкой, как вообще хоть что-нибудь толком можно понять в подобном клинически неудобно интерфейсе, ленте, избранном, профиле — да везде. 0_о
Но, тем не менее, там у css именно поэтому больше возможностей. И, в частности, ссылки можно свободно и совершенно спокойно переназывать, как тебе вздумается. Но теперь, полагаю, мы справились с этой проблемой, если кто пожелает, на 75%. Если бы ещё все ссылки работали и были многоразового использования, а также все браузеры видели этот код — это было бы 100%. Но всё лучше 75%, чем 0%, не находите?)
Так, флул пошёл. Пора, наверное, заканчивать. =)
URL
30.08.2009 в 16:59

Чудеснов
молодой динамично развивающийся
как вообще хоть что-нибудь толком можно понять в подобном клинически неудобно интерфейсе, ленте, избранном, профиле — это вы про жж или про дайри сейчас?
URL
30.08.2009 в 17:35

3аводной апельсин
Его красочной неврастении подобало бы совмещаться с гением, но он был всего лишь светский дилетант.
Чудеснов, про жж, конечно. =) Дайри мне нравятся гораздо больше.
URL
31.08.2009 в 16:33

О.о супер!
URL