[Black_Countess]

Народ, подскажите, пожалуйста, как сделать так, чтобы перед надписью Комментарии (n), Подписаться и Добавить в цитатник (под постом) можно было вставить какую-нибудь картинку? Как например вот у этого хорошего и умного человечка: http://diary.ru/~tex/ ?

Заранее благодарю!

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

Comments

[*Дарька*]

anonymous friend так, ща все объясню:

ссылку в посте видишь? Заходишь туда, там картинки. Сэйвишь себе на комп.

[*Дарька*]

Витаминка открой исходный код (который html) днева tex.

вот код: BODY { background: url('/userdir/0/3/4/0/0340/15040690.jpg') repeat-x 0 0 ; font-family: "Trebuchet MS",arial,sans-serif; padding:0 0 0 244px !important;}

#wrapper {background: url('/userdir/0/3/4/0/0340/15040598.jpg') top right no-repeat !important; }

#extratop { background: url('/userdir/0/3/4/0/0340/15040474.jpg') 0 0 no-repeat !important; width: 100%; height:130px; line-height: 100% !important; clear:both; margin: 0 0 0 -254px !important;}

#bordered { border: 0 !important; margin:0 !important; padding:0 !important;}

.singlePost, .menuSection {height: auto !important; height: 1em; }

.search {width:160px !important;}

.sign {font: 80% normal; font-family: arial,sans-serif;}

#commentsArea .postContent {background: #E4F1F7 !important; border: 1px solid #C7E3F0; padding:10px 10px 10px 140px !important;}

.comments, #discussionLink {background: url('/userdir/0/3/4/0/0340/15202154.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.subscribe {background: url('/userdir/0/3/4/0/0340/15203190.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.addToQuote, #myQuotLink {background: url('/userdir/0/3/4/0/0340/15202458.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.umail, #umailLink {background: url('/userdir/0/3/4/0/0340/15202570.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.diary, #myDiaryLink {background: url('/userdir/0/3/4/0/0340/15202094.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.profile, #myProfileLink {background: url('/userdir/0/3/4/0/0340/15202054.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.atTag, #tagslistlink {background: url('/userdir/0/3/4/0/0340/15202654.gif') no-repeat; padding:0 0 0 20px !important; }

.atTag {display:block; height:18px; }

.atMusic {background: url('/userdir/0/3/4/0/0340/15203234.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

#rssLink {background: url('/userdir/0/3/4/0/0340/15202666.gif') no-repeat; padding:0 0 0 20px !important; }

#albumLink {background: url('/userdir/0/3/4/0/0340/15203050.gif') no-repeat; padding:0 0 0 20px !important; }

#postsCalendar {background: url('/userdir/0/3/4/0/0340/15203110.gif') no-repeat; padding:0 0 0 20px !important; }

#headlineList {background: url('/userdir/0/3/4/0/0340/15203590.gif') no-repeat; padding:0 0 0 20px !important; }

#myFavLink {background: url('/userdir/0/3/4/0/0340/15203134.gif') no-repeat; padding:0 0 0 20px !important; }

#writeThisDiary {background: url('/userdir/0/3/4/0/0340/15203638.gif') no-repeat; padding:0 0 0 20px !important; }

#myStatLink {background: url('/userdir/0/3/4/0/0340/15203514.gif') no-repeat; padding:0 0 0 20px !important; }

#optionsLink {background: url('/userdir/0/3/4/0/0340/15203490.gif') no-repeat; padding:0 0 0 20px !important; }

#photolibLink {background: url('/userdir/0/3/4/0/0340/15203910.gif') no-repeat; padding:0 0 0 20px !important; }

.postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 10px !important; padding:10px 0 !important;}

#myLinksLink, #upInChart, #globalLinks {display:none !important;}



Разберешься? Мне ща лень

[*Дарька*]

Витаминка а на компе как картинки сохранены?

если сохранены нормально - перезагрузить в БИ. Если на компе наполовину - заново сейвить

[soup jar]

*Дарька* да не.. все в порядке с ними... *( может просто по размеру не подходят???

[soup jar]

*Дарька* о.да. спасиб.щас позыркаю. *) мерси боква

[*Дарька*]

Витаминка а у тебя какие картинки? может высота картинки неправильно задана?

[soup jar]

*Дарька* ну у меня вот такие

[soup jar]

я там поставила больше высоту 24 и 24

вот в \той ссылке



padding:0 0 0 20px !important; display:block; height:18px;



я их сделала по 24 думала вдруг что-то изменится*)

[*Дарька*]

Витаминка ага, я вижу.

у меня вроде тоже такое было... и есть

ща попробую разобраться



там у tex внизу полоска заданной ширины. ща ищу ее код

[*Дарька*]

о! сработало!

в коде

.comments {background: url('адрес картинки') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; } — комментарии.

.subscribe {background: url('адрес картинки') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; } — подписаться.

.addToQuote {background: url('адрес картинки') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; } — в цитатник.



везде замени фразу

padding:0 0 0 20px !important; display:block; height:18px;

на

padding:2px 20px !important; display:block; height:18px;

а кто-нибудь может написать более ясно, какой код для чего?

[*Дарька*]

The girl with a spring in her soul не могли бы вы уточнить какой конкретно код вы имеете в виду?



Здесь написано вообще-то:

.comments — комментарии.

.subscribe — подписаться.

.addToQuote — в цитатник.

[*Дарька*]

The girl with a spring in her soul не могли бы вы уточнить какой конкретно код вы имеете в виду?



Здесь написано вообще-то:

.comments — комментарии.

.subscribe — подписаться.

.addToQuote — в цитатник.

*Дарька* ну мой дневник, избранное, ю-мэйл, главная страница и т.д.

потому что лично мне трудно разобраться в том, чтобыло в дневе у Теха)

[*Дарька*]

The girl with a spring in her soul берете код из комментов (полный), берете англо-русский словарь и переводите все нужное. Мне лично весь этот код расшифровывать лень.

Юмейл, например, так и будет.



Самый простой ход - взять все миникартинки из дневника Тех, скопировать их себе в БИ и тупо скопировать код Тех. Если же вам нужны только конкретные - словарь вам в помощь. В коде элементарные термины.



На всякий случай код:

BODY { background: url('/userdir/0/3/4/0/0340/15040690.jpg') repeat-x 0 0 ; font-family: "Trebuchet MS",arial,sans-serif; padding:0 0 0 244px !important;}

#wrapper {background: url('/userdir/0/3/4/0/0340/15040598.jpg') top right no-repeat !important; }

#extratop { background: url('/userdir/0/3/4/0/0340/15040474.jpg') 0 0 no-repeat !important; width: 100%; height:130px; line-height: 100% !important; clear:both; margin: 0 0 0 -254px !important;}

#bordered { border: 0 !important; margin:0 !important; padding:0 !important;}

.singlePost, .menuSection {height: auto !important; height: 1em; }

.search {width:160px !important;}

.sign {font: 80% normal; font-family: arial,sans-serif;}

#commentsArea .postContent {background: #E4F1F7 !important; border: 1px solid #C7E3F0; padding:10px 10px 10px 140px !important;}

.comments, #discussionLink {background: url('/userdir/0/3/4/0/0340/15202154.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.subscribe {background: url('/userdir/0/3/4/0/0340/15203190.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.addToQuote, #myQuotLink {background: url('/userdir/0/3/4/0/0340/15202458.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.umail, #umailLink {background: url('/userdir/0/3/4/0/0340/15202570.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.diary, #myDiaryLink {background: url('/userdir/0/3/4/0/0340/15202094.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.profile, #myProfileLink {background: url('/userdir/0/3/4/0/0340/15202054.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

.atTag, #tagslistlink {background: url('/userdir/0/3/4/0/0340/15202654.gif') no-repeat; padding:0 0 0 20px !important; }

.atTag {display:block; height:18px; }

.atMusic {background: url('/userdir/0/3/4/0/0340/15203234.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

#rssLink {background: url('/userdir/0/3/4/0/0340/15202666.gif') no-repeat; padding:0 0 0 20px !important; }

#albumLink {background: url('/userdir/0/3/4/0/0340/15203050.gif') no-repeat; padding:0 0 0 20px !important; }

#postsCalendar {background: url('/userdir/0/3/4/0/0340/15203110.gif') no-repeat; padding:0 0 0 20px !important; }

#headlineList {background: url('/userdir/0/3/4/0/0340/15203590.gif') no-repeat; padding:0 0 0 20px !important; }

#myFavLink {background: url('/userdir/0/3/4/0/0340/15203134.gif') no-repeat; padding:0 0 0 20px !important; }

#writeThisDiary {background: url('/userdir/0/3/4/0/0340/15203638.gif') no-repeat; padding:0 0 0 20px !important; }

#myStatLink {background: url('/userdir/0/3/4/0/0340/15203514.gif') no-repeat; padding:0 0 0 20px !important; }

#optionsLink {background: url('/userdir/0/3/4/0/0340/15203490.gif') no-repeat; padding:0 0 0 20px !important; }

#photolibLink {background: url('/userdir/0/3/4/0/0340/15203910.gif') no-repeat; padding:0 0 0 20px !important; }

.postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 10px !important; padding:10px 0 !important;}

#myLinksLink, #upInChart, #globalLinks {display:none !important;}



Конкретные вопросы по словам - отвечу. Но я думаю, что вряд ли кто-то будет весь этот код расшифровывать... (все, что в фигурных скобках, вам не особо нужно как я понимаю)

*Дарька* чёрт))

а я вот как раз надеялась на расшифровку)))

ладно, как-нибудь, кога будет время я займусь этой фигнёй=)

просто я бы ещё хотела, чтобы тут коды фона дневника и всякой такой фигни отделили от картинок, которые все мы, собственно, и хотим поставить=) вот хотя бы этому я была бы уже преочень благодарна=)

[*Дарька*]

The girl with a spring in her soul фон - это другое (читайте сообщество - там сверху он есть), всякая фигня - какая конкретно? Мысли на расстоянии читать пока не умеем.



Данная запись - как поставить картинки. Вот код - ставьте.

Или читайте сообщество вниз и ищите сами нужное вам. Или пишите пост что конкретно надо.

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

*Дарька* да мне именно картинки и нужны

но вот почему перед некоторыми словами стоит точка а перед некоторомыи знак номера?

и это весь код к ссылкам, я так понимаю? т.е. тут только про эти самые картинки?(в коде)

[*Дарька*]

The girl with a spring in her soul Это код дневник Тех. Полный, взятый из html.

Почему код пишется именно так - не объясню (мне лень в документацию лезть).

Что значит "код к ссылкам"? Это код, которым вставляются миникартинки перед определенными элементами (точнее, привязываются картинки). Тут не только про картинки. Тут полный код.

*Дарька* ясно

[*Дарька*]

The girl with a spring in her soul http://pay.diary.ru/~diaryCSS/?comm...postid=24074214 - пролистала сообщество чуть дальше...

*Дарька* О! спасибо большое=) Что-то я эту запись проглядела=)

[.no name]

Дара Ши

тоесть получается,мне в адрес картинки,надо вот это вставить,да?

полное-,а вставить-/userdir/3/2/3/9/323984/17690118.

[Чудеснов]

.no name нет, /userdir/3/2/3/9/323984/17690118.gif

[Munky]

а у меня в меню все по центру. можно картинки тоже по центру сделать? а то не красиво ((

[КальяША]

а где эти картинки взять?

[Сабико]

Дусёна

но вот почему перед некоторыми словами стоит точка а перед некоторомыи знак номера?

если откроете html-разметку странице, цсс к которой добавляете, можно заметить, что там элементам присваиваются и классы, и имена.

К первым обращаются через точку, ко вторым - через диез.

Чтобы увидить, как выглядит страница дневников на самом деле, View->Source. Там, поверьте мне, есть всё.

Вам пытаются всунуть чей-то готорвый css, в котором вычленить смысл всех названий намного труднее, чем собственно в разметке.



*Дарька*

Это код дневник Тех. Полный, взятый из html.

ух ты! цсс взятый из html! бывает же!

[*Дарька*]

Сабико не придирайтесь к словам! Данный код тупо скопирован из исходного кода страницы с дайриком Тех.

Если не вам не лень - напишите туториал. Вам будут очень благодарны.

А из данного кода можно вычленить очень много. И это проще, чем писать самому.

Так что take it easy. Этот код для тех, кому лень париться, а проще взять готовое.

[Anhelka]

Помогите мне, у меня вообще не получается((((!!!!

[Anhelka]

Пожалуйста....

Вот мой код.

.comments {background: url('/userdir/1/7/4/1/174118/20135011.jpg') no-repeat; padding:2px 10px !important; display:block; height:10px; }

.subscribe {background: url('/userdir/1/7/4/1/174118/20135011.jpg') no-repeat; padding:2px 10px !important; display:block; height:10px; }

.addToQuote {background: url('/userdir/1/7/4/1/174118/20135011.jpg') no-repeat; padding:2px 10px !important; display:block; height:10px; }

помогите пожаалуйста.............