@CSS — стилизация дневников — Дайри (бывший Diary.ru)

воскресенье, 15 июля 2012

16:26

все записи пользователя в сообществе L. Q.

There’s no way outside of my land

Здравствуйте!
У меня наипростейший вопрос (даже не совсем уверенна, что по адресу), но тут такое дело... Вставляю в эпиграф картинку с надписями, специально подогнанную по ширине эпиграфа. То есть, она должна ровно распределиться по экрану, чтобы надписи было хорошо видно. Но когда вставляю, картинка становится меньше вполовину. Эта проблема вообще решается?

@темы: эпиграф

URL

00:57

все записи пользователя в сообществе Береннис

Lass' es untergehen © Im Ascheregen

Доброй ночи!
Хотелось бы сделать так, что бы аватарок в дизайне не было видно вообще: ни в избранном, ни в комментариях. Типа того, как выглядит собственный дизайн, когда хозяин просматривает свой дневник. У меня получалось сделать аватарки невидимыми, но вот сдвинуть текст на эти 100 пикселей влево - почему-то нет. :nope:

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

URL

четверг, 12 июля 2012

12:32

все записи пользователя в сообществе Медовая Боня

Доброе утро!
Нужна помощь в корректировке меню, которое слева. Для знатоков css это элементарно, наверно, я пока новичок.)
У меня всё выглядит нормально, но оказалось, у тех, кто видят мой дневник "со стороны" всё не так красиво, как хотелось бы. А именно:

Как всё выглядит у меня:

Скрин, который прислали:

Вопрос (у меня ничего не получается правда): как расширить левое меню, чтобы надписи "Написать на U-mail" и "Отписаться по E-mail" были ровными, а не две строчки :-/

@темы: меню

URL

12:17

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

все записи пользователя в сообществе Кареглазый Демон

✎ Ко мне на "вы", шёпотом и с придыханием

Здравствуйте. Подскажите пожалуйста почему не видны темы записей:

Код:

#wrapper{ display: block; width: 1055px !important; position:relative; position:center!important;}
 #page-c{width:1055px !important;background:url('/userdir/2/2/2/0/2220055/75389286.png') repeat; repeat-y;}
 #extrabottom { background:url('/userdir/2/2/2/0/2220055/75389290.png'); height:152px; width:1055px;position:relative;margin-top:-55px !important; padding:0 !important;margin-left:0px !important;}
 #extratop { background: url('/userdir/2/2/2/0/2220055/75394336.gif') no-repeat; height:839px; width:1055px; position:relative; left:0px; top: 0px !important;}
 #page-t{margin-left:150px !important; margin-top:0px !important;width:750px !important;}
 {---------------------------------------------------------лишнее--------------------------------------------------------------}
 #myProfileLink,#myLinksLink,#albumLink,#authorAlbum,#myDraftLink, #myDraftLink,#photolibLink,#myDiaryLink,#communityCatalogueLink,#randomDiaryLink,#allDiaryLink,#lastComments {display: none !important;}
 #all_links a {display:none}
 #myLinks {display:none}
 #more_login {display: none;}
 #pchs, #YaSearch, #thisDiaryPhoto, #authorRSS, #upInChart, #myNotepadLink {display:none}
 #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink {display:none}
 {------------------------------------------------------------мелочи-----------------------------------------------------------}
 .paragraph img{max-width:700px;max-height: auto;}
 #JournalFavorite img {max-width:650px;max-height: auto;}
 .singlePost { background:url('/userdir/2/2/2/0/2220055/75389441.png') no-repeat; background-position:bottom; padding-bottom:100px !important;}
 {--------------------------------------------------------оформление ссылок--------------------------------------------------------}
 a {color: #000; text-decoration: none!important; text-transform: uppercase;font-weight:bold;text-shadow: #000 0px 0px 0px ;font-size:12px;text-decoration: none; }
 a:hover { font-size:12px; color:#C3C3C3;text-transform: uppercase; font-weight:bold;text-decoration: none; text-shadow: #C3C3C3 0px 1px 0px ;}
 #page-t a { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
 #page-t a:hover {color: #C3C3C3; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; -moz-opacity:.77 !important;opacity:.77 !important; filter:alpha(opacity=77);}
 {---------------------------------------------------------меню--------------------------------------------------------------}
 #side{position:absolute; top: 600px !important; left: 20px !important;text-align: center;text-transform: uppercase;text-decoration:none;line-height:80%;}
 #myDiaryLinks ul, #myLinks ul { visibility: visible !important; display:block; width:100px !important; padding: 0px 0px 0px 0px !important;}
 #thisDiaryOwner ul, #globalLinks ul, #thisDiaryLinks ul { visibility: visible !important; display:block; width:150px !important; padding: 0px 0px 0px 0px !important;}
 #thisDiaryLinks { position: absolute; top: 90px; left: 795px; width:100px !important; }
 #thisDiaryOwner ul, #globalLinks ul, #thisDiaryLinks ul { visibility: visible !important; display:block; width:150px !important; padding: 0px 0px 0px 0px !important;}
 #thisDiaryOwner { position: absolute; top: 60px; left: 105px; width:170px !important; visibility: visible !important;}
 #myDiaryLinks { position: absolute; top: 55px; left: 355px; width:150px !important;}
 #globalLinks { position: absolute; top: 70px; left: 0px; width:160px !important;}
 #myLinks { position: absolute; top: 80px; left: 590px; width:150px !important;}
 #thisDiaryLinks { position: absolute; top: 90px; left: 785px; width:160px !important; visibility: visible !important;}
 .menuSection li a{ color: #fff!important; font-weight:bold; }
 .menuSection li a:hover {color: #C3C3C3!important;text-decoration:none;text-shadow: 0 0 0.9em #7A7A7A; }
 {------------------------------------------------------------ник, название-----------------------------------------------------------}
 #side h1 a {position: absolute; top: -540px; left: 650px !important; width: 254px; height: 21px; color:#000!important;font-size: 120%;}
 #authorName { position: absolute;width:242px; height:21px;color:#C3C3C3;top: -570px; left: -90px !important;}
 {------------------------------------------------------------ссылки на экстратопе-----------------------------------------------------------}
 #postsCalendar a {position: absolute; top: -395px; left: 700px !important; color:#969696!important;}
 #tagslistlink a{position: absolute; top: -550px; left: 145px !important; color:#808080!important;}
 #tagslistlink #TagsList {position: absolute; top: -500px; left: 145px !important;background:#666!important;color:#C3C3C3;font-size: 100%;}
 #tagslistlink:hover #TagsList {position: absolute; top: -500px; left: 145px !important;background:#666!important;color:#C3C3C3;font-size: 100%;}
 #headlineList a{position: absolute; top: -350px; left: 780px !important; color:#545454!important;}
 #rssLink a{position: absolute; top: -230px; left: 650px !important; color:#808080!important;}
 #writeThisDiary a{position: absolute; top: 50px; left:80px !important; color:#000!important;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;font-size: 150%;box-shadow: 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A; background:#666!important;}
 #umailLink a{position: absolute; top: 20px; left: -180px !important; color:#000!important;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;font-size: 150%;box-shadow: 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A; background:#666!important;}
 #discussionLink a{position: absolute; top: 23px; left: 390px !important; color:#000!important;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;font-size: 150%;box-shadow: 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A, 0 0 0.9em #7A7A7A; background:#666!important;}
 #myFavLink a{position: absolute; top: -140px; left: -310px !important; color:#7A7A7A!important;}
 #myQuotLink a{position: absolute; top: -106px; left: 457px !important; color:#5C5C5C!important;}
 #optionsLink a{position: absolute; top: -70px; left: 270px !important; color:#323232!important;}
 #mainpageLink a{position: absolute; top: -540px; left: 10px !important; color:#808080!important;}
 #favListLink a{position: absolute; top: -150px; left: 650px !important; color:#C3C3C3!important;}
 #pchListLink a{position: absolute; top: -550px; left: 720px !important; color:#626262!important;}
 #myCommunitiesLink a{position: absolute; top: -380px; left: 100px !important; color:#5C5C5C!important;}
 #authorFav a{position: absolute; top: -140px; left: -630px !important; color:#626262!important;}
 #authorQuot a{position: absolute; top: -160px; left: -600px !important; color:#808080!important;}
 #myCommunityLink a, #myDiaryLink a {position: absolute; top: -390px; left: -260px !important; color:#5C5C5C!important;}
 #addToFav a, #delFromFav a {position: absolute; top: -280px; left: 20px !important; color:#808080!important;}
 #writeToAuthor a{position: absolute; top: -180px; left: 0px !important; color:#626262!important;}
 #subscribeEmail a, #unsubscribeEmail a {position: absolute; top: -250px; left: -80px !important; color:#5C5C5C!important;}
 #iAmQuit a{position: absolute; top: -40px; left: 917px !important; color:#000!important;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;font-size: 100%;box-shadow: 0 0 0.1em #464646, 0 0 0.1em #464646, 0 0 0.1em #464646; background:#464646!important;}
 #Stats a{position: absolute; top:453px; left: 925px !important; color:#808080!important;}
 {-----------------------------------------------------------наверх-----------------------------------------------------------}
 #bottomNav {display: block;}
 #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink {display: none important!}
 #bottom_up a { display: block; position: fixed; top: 300px;left: 106; background: url('/userdir/2/2/2/0/2220055/75395525.png') 0 0 no-repeat; width: 106px; height: 75px; text-indent: -99999px; outline: 0; }

@темы: меню

URL

вторник, 10 июля 2012

14:33

все записи пользователя в сообществе TheHappyEnd

No hope, no love, no glory, no happy ending

Здравствуйте.
Вопрос, наверное, глупый, но меня интересует, можно ли оставить выпадающее меню и фото в "выпавшем" состоянии и если да, то как. :confused:

@темы: меню

URL

понедельник, 09 июля 2012

10:43

все записи пользователя в сообществе UDFj

Здравствуйте,
1.
Возникла такая проблема: содержимое меню "Записи" и, соответственно, его настройки в CSS меняются в зависимости от просматриваемой страницы из-под своего акка (страница личного дневника и страница дневника другого пользователя).
Подскажите пожалуйста, есть ли отдельный селектор или селектор+класс для отображения страниц моего дневника и дневника любого другого пользователя из своего аккаунта.
Например:
#Journal - страница моего дневника
#Journal "тра-та-та" - страница дневника любого другого пользователя.
2.
Можно ли как-то, не создавая другого дневника, посмотреть как выглядит мой дневник у других пользователей (для отлавливания блох).

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

URL

воскресенье, 08 июля 2012

22:46

Меню сверху. Основные блоки.

все записи пользователя в сообществе andgelx

Здравствуйте.
Дизайн моего дневника в процессе разработки. См. andgelx.diary.ru/ .
Код.

body {margin:0; padding:0;}
 body{background:url('/userdir/3/0/1/9/3019372/75300766.jpg') no-repeat 50% 100% fixed;}
 #page-c, page-t {width:460px !important; margin-left:30% !important; margin-right:30% !important; margin-top:60px !important;}
 #side {width:460px !important; margin-left:27.67% !important;position:fixed !important; top:0px !important;}
 .menuSection , .menuSection ul {text-transform: lowercase !important; text-align:center !important;}
 #bottomNav {width:448px !important; margin-left:30% !important; }
 #iAmQuit, .order_button {display:none !important;}
 #authorName {padding:0px !important}

Мне бы хотелось сделать дизайн симметричным, расположить все блоки посередине фона, и чтобы это было так в любом разрешении. Проблем с page-c and page-c особых пока не возникло. В общем, у меня появились следующие вопросы.

1) Почему bottomNav нужно задавать 448, а не 460? Только при 448px он становится таким же, как side and основные блоки.
2) В моём разрешении пока все блоки практически по-середине. Как смотрится у Вас?
3) Если дизайн идеально смотрится на развёрнутой странице, то сворачивая в маленькое окошко меню отъезжает куда-то влево. Что с этим делать? Хотелось бы сделать так, чтобы меню оставалось на уровне остальных блоков.
4) Почему меню, при задании position:fixed надо проставлять margin-left: 27,67% , а не 30%, как у остальных блоков? С этим меню сверху вообще большие проблемы. Ничего непонятно.

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

URL

пятница, 06 июля 2012

11:00

Подчеркиваение ссылок, затухание ссылок и изображений

все записи пользователя в сообществе смольник

как нож в масло

Доброго времени, мастера и гуру. Я решил пострадать перфекционизмом и устранить некоторые шероховатости, но, сам я в вопросах CSS ещё практически девственен, помогите.

что делать-то?

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

URL

четверг, 05 июля 2012

14:32

Шрифты

все записи пользователя в сообществе esce

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

Хочу сдвинуть название дневника и ник на эпиграф, что бы они образовывали на экстратопе одну фразу. Можно ли прописать в настройках, что бы они отображались каким-нибудь красивым шрифтом с дафонта? в роде www.dafont.com/jellyka-delicious-cake.font

@темы: текст

URL

12:26

все записи пользователя в сообществе Кареглазый Демон

✎ Ко мне на "вы", шёпотом и с придыханием

Здравствуйте. подскажите пожалуйста, существует ли возможность оформить оффтопик примерно вот так

@темы: фоновые картинки

URL

среда, 04 июля 2012

10:49

все записи пользователя в сообществе смольник

как нож в масло

Здравствуйте. Я в CSS не особо разбираюсь, но, по ходу. Вроде бы, не нашёл, проблема такая:

В блоке меню при открытии тем записей, они не влезают и частично "съедаются"

То же самое с "последними комментариями"

Вопрос: где и каким кодом подправить их размер внутри меню?

{------------------------------------------------------ меню -------------------------------------------------------}
 .menuSection li, #Stats { background: #373839 repeat-x; width: 170px; }
 .menuSection li {margin: 1px 0 5px 0 !important; text-align: center !important; font-size: 12px; padding: 5px 0 5px 0 !important; border: 1px solid #5c5c5c; }
 #Stats { margin: 1px 0 0 5px !important; text-align: center !important; padding: 5px 0 5px 0 !important; border: 1px solid #5c5c5c; }
 #side h1 {position: relative !important; top: 10px; left: 17px; text-align: left; font-size: 28px !important; width: 960px; text-shadow: 3px 3px 3px #0d0d0d; }
 #side h1 a {font: bold 12px Verdana !important; color: #5c5c5c !important;}
 #side {width: 200px; position: relative; border: 1px solid #5c5c5c; margin: 40px 0 0 0 !important; }
 #thisDiaryPhoto img {border: 3px double #5c5c5c; position: relative; box-shadow: 3px 3px 5px #0d0d0d;}
 #thisDiaryPhoto { background: #282929 no-repeat; height: 140px; margin: -35px 0 0 0px !importan}
 #authorName {font: bold 15px Verdana !important; color: #5c5c5c; margin: 0 5 0 -5px !important; text-shadow: 3px 3px 3px #0d0d0d; }
 .menuSection li:hover, #Stats:hover {background: #282929 # repeat-x; width: 180px;}
 .menuSection a {color: color:#f60833;}
 .menuSection a:link, .menuSection a:visited {text-decoration:none !important;}
 .menuSection a:hover, .menuSection a:active {color: #aab0ae !important; padding: 0px !important; }
 #myDiaryLink, #myDraftLink, #umailLink, #myFavLink, #discussionLink { color: #5c5c5c; }
 #login_form, #YaSearch, #upInChart, .order_button {display: none; }

*
Дополнительный вопрос: как темы прописать курсивом?

@темы: меню, diaryCSS, Дизайн

URL

10:12

все записи пользователя в сообществе Ren Strangel

Я пришел к тебе с приветом, рассказать, что я с приветом ©

Добрый день.
Недавно столкнулась со следующей проблемой:
сделала дизайн

Все отображалось корректно, как на скрине. Экстратоп и враппер были по центру.
Через какое-то время обнаружила, что враппер и экстратоп съехали и теперь прижимаются к левому краю экрана (на широкоформатных мониторах и не только), хотя я настройки дизайна не трогала.
Отчего это могло произойти?
Браузер - хром.

Код:
читать дальше

#extratop { background: url('/userdir/5/5/3/5/553545/75068477.png'); width:1039px; height:684px; line-height: 100% !important;margin-left: -240px;}
 #wrapper{position:relative}
 #wrapper{min-width:799px!important; width:799px !important;margin-left: 240px; }
 #commentsArea, #addCommentArea {width:750px !important;margin-left: 15px; !important;}
 #postsArea {width:750px !important;margin-left: 15px !important;}
 #page-t { background: url('/userdir/5/5/3/5/553545/75068479.png'); width:799x; margin:0 !important;}
 body {background: #1d2d4f url('/userdir/5/5/3/5/553545/75069684.jpg') top center no-repeat;}
 body {background-attachment: fixed; }
 #side{width:0px !important;margin:0 !important}
 #more_login {display: none;}
 #Stats {display: none;}
 #YaSearch {display:none!important}
 #thisDiaryInfo{position:absolute !important; font-size:12px !important; left:410px; top: 258px; right: 30% !important;}
 #YaSearchForm input.submit {display: none;}
 #myDiaryLink, #myCommunityLink {position: absolute; left: -190px; top: 70px; font-size:14px !important;}
 #writeThisDiary {position: absolute; left: -190px; top: 95px; font-weight: bold !important; font-size:14px !important;}
 #discussionLink {position: absolute; left:-190px; top:120px; font-weight: bold !important;font-size:14px !important;}
 #myNotepadLink {position: absolute; left:-190px; top:165px; font-weight: bold !important;font-size:14px !important;}
 #umailLink {position: absolute; left: -190px; top: 190px; font-weight: bold !important; font-size:14px !important;}
 #myFavLink {position: absolute; left: -190px; top:215px; font-weight: bold !important; font-size:14px !important;}
 #myDraftLink {position: absolute; left: -190px; top: 260px; font-weight: bold !important;font-size:14px !important;}
 #myProfileLink {position: absolute; left: -190px; top: 285px; font-weight: bold !important; font-size:14px !important;}
 #optionsLink {position: absolute; left: -190px; top: 310px; font-weight: bold !important; font-size:14px !important;}
 #mainpageLink {position: absolute; left: -190px; top: 355px; font-weight: bold !important; font-size:14px !important;}
 #favListLink {position: absolute; left: -190px; top: 380px; font-weight: bold !important;font-size:14px !important;}
 #myQuotLink {position: absolute; left: -190px; top:405px; font-weight: bold !important; font-size:14px !important;}
 #pchListLink {position: absolute; left: -190px; top: 450px; font-weight: bold !important;font-size:14px !important;}
 #tagslistlink {position: absolute; left: -190px; top: 475px; font-weight: bold !important;font-size:14px !important;}
 #iAmQuit {position: absolute; left: -190px; top: 500px; font-weight: bold !important;font-size:14px !important;}
 #authorName {position: absolute; right: -200px; top: 290px; font-size: 11px; font-weight: bold !important;}
 #side h1 A {display: none;}
 #myLinksLink {display: none;}
 #authorAlbum {display: none;}
 #upInChart {display: none;}
 #allDiaryLink {display: none;}
 #communityCatalogueLink {display:none;}
 #myCommunitiesLink {display: none;}
 #randomDiaryLink {display: none;}
 #diarySupportLink {display: none;}
 #diarySpiritLink {display: none;}
 #faqLink {display: none;}
 #albumLink {display: none;}
 #authorFav {display: none;}
 #authorQuot {display: none;}
 #authorLiks {display: none;}
 #subscribeEmail {display: none;}
 #unsubscribeEmail {display: none;}
 #postsCalendar {display: none;}
 #albumLink {display: none;}
 #rssLink {display: none;}
 #headlineList {display: none;}
 #photolibLink {display: none;}
 #addToFav {display:none;}
 #delFromFav {display:none;}
 .header {text-align:center;}
 #writeToAuthor {display: none;}
 #mySFavLink {display: none;}
 #extrabottom { background: url('/userdir/5/5/3/5/553545/75068483.png') no-repeat; width: 799px; height: 98px;float: right; margin-top: -10px;}
 .postLinksBackg{border-top: 1px dashed #ffffff; border-bottom: 1px dashed #ffffff;}

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

URL

понедельник, 02 июля 2012

21:54

все записи пользователя в сообществе персеида

не будь среди тех, кто стреляет по мне.

Я уверена, что был такой пост здесь и точно не один, но я все посмотрела, так и не нашла.
Подскажите, пожалуйста, как прописать код, чтобы сделать блок меню прозрачным, не затрагивая фон записи.
Заранее спасибо.

@темы: меню, diaryCSS

URL

20:31

все записи пользователя в сообществе Леди-Миледи

Кем-то управляет судьба, кто-то управляет судьбой.

Подскажите, пожалуйста, как сделать фон записи не прозрачным, а полупрозрачным?

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

URL

12:24

Внезапно возник вопрос

все записи пользователя в сообществе Naturka

Зло умеет заводить дружбу с хорошими людьми и утаскивать их во тьму.

А возможно ли прописать одну и ту же ссылку (блок ссылок) дважды? Поясню: как вариант - сделать меню вверху, в экстратопе и продублировать его внизу, в экстработтоме.

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

URL

воскресенье, 01 июля 2012

09:21

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

Добрый день)
Помогите найти ошибку. Прописала заливку для поста, код брала из другого дизайна в котором все работало. В этот раз в настройках все хорошо, но после сохранения, в дневнике пост залит через один.
код

URL

суббота, 30 июня 2012

18:52

все записи пользователя в сообществе acid revolution

тепловая смерть вселенной.

Здравствуйте. Искала ответ по сообществу, но либо его нет, либо проглядела. Можно ли сделать так, чтобы при нажатии на ссылку "Темы Записей" автоматически перебрасывало на страницу всех тем, а выпадающий список не появлялся?

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

URL

среда, 27 июня 2012

17:30

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

Хочется выписаться из лечебницы для здоровых, мне все равно, что убьет меня в этот раз. Не поднимай на меня своих темных глаз, я слишком устал, чтобы драться сразу с порога. ©

Здравствуйте... листала-листала, наверное все-таки пропустила ответ на свой вопрос, но может кто-то откликнется. У меня оплаченный дневник, CSS - как положено. Пытаюсь установить новый дизайн и ничего не выходит. Сначала, как только идет вставка кодов и всего прочего(картинок и так далее) в предпросмотре все отражается отлично. Как только нажимаю кнопку сохранить - весь дизайн пропадает и становится просто белым и это притом, что настройки никуда не деваются, а все также прописаны. Чистка кэша не помогла - в двух браузерах эта же проблема...

@темы: diaryCSS, Дизайн

URL

17:14

проблема оформления ссылки

все записи пользователя в сообществе Rozario

Я понимаю, что вопрос,возможно, глупый, но очень хотелось бы узнать ответ. У меня не получается оформить ссылку на другой сайт. Я набираю текст, ввожу скопированный адрес сайта, но после публикации записи вместо желаемого появляется " pda.diary.ru/ - мобильная версия дневников" . Что мне сделать и как опубликовать нормальную ссылку на то, что я хочу?
Заранее благодарна.

URL

понедельник, 25 июня 2012

23:51

все записи пользователя в сообществе Katze

Cogito ergo sum

В комментариях постом ниже уважаемый winterwolf подсказал идею, как сделать буквицу, привязав ее к любому блоку с текстом.
Я попытался "допилить" идею. Задачи стояли такие:
- буквица должна появляться только в авторских постах в дневнике и ленте избранного. Не в комментариях;
- отображение процитированной записи, если цитата стоит в начале поста, должно быть корректным. Не должно быть "оторванной" от даты поста цифры (в строке "xx.xx.xxxx Пишет такой-то");
- буквица должна отображаться только в постах, где текст выровнен по левому краю или полностью. Но никак не посередине и не справа (иначе буквица снова "отрывается" от текста);

Получилось вот что:

.singlePost .paragraph:first-letter{float:left;font-family:Courier New;font-size:50px;margin:8px 3px 8px 0;text-shadow:1px 1px 0 white, 2px 2px 1px #CCC;color: black!important;font-weight:normal;text-transform:uppercase;}
.singlePost .paragraph div[align="right"]:first-letter,.singlePost .paragraph div[align="center"]:first-letter {float:none;color:#30251D;font:12px Verdana;margin:0;text-shadow:0;text-transform:none}
.paragraph div[align="right"] strong:first-letter,.paragraph div[align="right"] b:first-letter,.singlePost .paragraph div[align="center"] b:first-letter {font-weight: bold!important}

Вопрос: можно ли вышеперечисленные задачи решить каким-нибудь более простым и толковым способом?
Желательно без участия тега span, чтобы даже старые посты отображались корректно без правки их содержания.

@темы: текст

URL


Запомнить