Вопросы от начинающего

суббота, 20 июля 2013

16:29

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

печеня

Здравствуйте!

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

body {margin:0; padding:0; background: url('/userdir/3/1/6/1/3161606/78983776.jpg') fixed !important;}
 h1 {height:300px;}
 #thisDiaryPhoto {display: none !important;}
 #wrapper{min-width:1000px!important; width:1000px; margin: 0 auto !important; padding:0 !important;}
 #bottomNavLinks {display: none;}
 #bottomNav {min-width:1000px!important; width:1000px; margin: 0 auto !important; padding:0 !important;}
 #postsArea .postContent{padding:30px;}
 #commentsArea .postContent{padding:30px;}
 #page-c, #bottomNav {width:1000px !important;min-width:0 !important;margin:0 auto !important;}
 .singleComment .postContent {padding:30px;}

Вопросы

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

URL

Rest In Peace. Оказывается пронырливые твари контролируют даже чемпионат... Корейские чаты - загадочное и непонятное место, лишний ра...

Все-таки местная еда носит характер абсолютно иррациональ... http://www.khakasia.ru/gallery/gall...?id=474&l=r ... Очень симпатичная изящная молодая женщина привела на прие...

Комментарии

20.07.2013 в 16:40

Тайя.

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

1. А у вас черный цвет в настройках выставлен? В коде его не видно.
Если хотите сделать полупрозрачно, уберите цвет в настройках и добавьте к #wrapper background: rgba(0,0,0,0.8);

#wrapper{min-width:1000px!important; width:1000px; margin: 0 auto !important; padding:0 !important; background: rgba(0,0,0,0.8);}
0.8 - степень прозрачности, от 0 до 1. Заодно и зазор у вас пропадет.

3. Я хочу, чтобы была рамка в один пиксель общая для экстратопа, экстрабатома и записей, это возможно?
Вы хотите обвести wrapper полностью? Примените к нему границу.

4. Как вставить разделитель картинкой между постами?
Либо применять к SinglePost, либо к postLinksBackg.

Например, у меня было так:
.postLinksBackg {background: url('/userdir/1/8/2/8/1828072/72866292.png') center bottom no-repeat; padding-bottom: 120px !important;}, то есть ниже на 120 пикселей, внизу, по центру, не повторяемая.

URL

20.07.2013 в 16:45

DesignTester

печеня

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

URL

20.07.2013 в 16:53

Тайя.

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

DesignTester, нужно еще указывать вид границы, border: solid 1px #цвет.

URL

20.07.2013 в 16:53

DesignTester

печеня

Тайя, которая душит романтиков, спасибо, то-то у меня не получается (:
остальное все вышло. Спасибо вам огромное! :red:

URL

20.07.2013 в 16:55

DesignTester

печеня

Тайя, которая душит романтиков, здорово! Все заработало!

URL

20.07.2013 в 16:56

Тайя.

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

DesignTester, :friend:

URL

20.07.2013 в 18:08

DesignTester

печеня

Тайя, которая душит романтиков, простите, я вас еще немножко спрошу ^^'

Как сделать меню непрозрачным и тоже обведенным рамкой?

URL

20.07.2013 в 18:18

true white queen

horrorterror

DesignTester,

 #side ul {
    background-color: #000000 !important;
    border-color: #FFFFFF !important;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    padding: 0;
}

где #FFFFFF - цвет обводки, а #000000 - цвет фона
border-style: solid; - стиль обводки.

URL

20.07.2013 в 18:20

DesignTester

печеня

edwinowl, спасибо большое!

URL

20.07.2013 в 18:21

true white queen

horrorterror

DesignTester, всегда рад помочь)

URL

20.07.2013 в 18:21

DesignTester

печеня

edwinowl, заработало! Спасибо еще раз! :red:

URL

20.07.2013 в 20:56

DesignTester

печеня

Честное слово, уже очень стыдно спрашивать, но я в раж вошла, а самостоятельно найти ответ не получается, хоть как код кручу. Снова четыре вопроса. Буду очень благодарна! @_@

body {margin:0; padding:0; background:url('/userdir/3/1/6/1/3161606/78983776.jpg') fixed !important;}

 h1 {height:300px;}

 #wrapper{min-width:1000px!important; width:1000px; margin:0 auto !important; padding:0 !important; background:rgba(0,0,0,0.6); border:solid 1px #e8e8e8;}

 #bottomNav {min-width:1000px!important; width:1000px; margin:0 auto !important; padding:0 !important;}

 #postsArea .postContent{padding:30px;}

 #commentsArea .postContent{padding:30px;}

 #page-c, #bottomNav {width:1000px !important;min-width:0 !important;margin:0 auto !important;}
 .singleComment .postContent {padding:30px;}

 #side ul {width:130px !important; background-color:#000000 !important; border-color:#FFFFFF !important; border-image:none; border-style:solid; border-width:1px; margin:0; padding:0;}

 .singlePost { background:url('/userdir/3/1/6/1/3161606/78986926.png') no-repeat; background-position:bottom; padding-bottom:30px !important;}

 #thisDiaryOwner_title {display:block; width:146px; height:30px; line-height:200px; overflow:hidden; background:url('/userdir/3/1/6/1/3161606/78988034.png') 0px 0px no-repeat;}

 #thisDiaryLinks {display:block; width:146px; height:30px; line-height:200px; overflow:hidden; background:url('/userdir/3/1/6/1/3161606/78988035.png') 0px 0px no-repeat;}

 #myDiaryLinks_title {display:block; width:146px; height:30px; line-height:200px; overflow:hidden; background:url('/userdir/3/1/6/1/3161606/78988038.png') 0px 0px no-repeat;}

 #globalLinks_title {display:block; width:146px; height:30px; line-height:200px; overflow:hidden; background:url('/userdir/3/1/6/1/3161606/78988053.png') 0px 0px no-repeat;}

 #iAmQuit a {display:block; width:146px; height:30px; line-height:200px; overflow:hidden; background:url('/userdir/3/1/6/1/3161606/78988033.png') 0px 0px no-repeat;}

 #login_form_title {display:block; width:146px; height:30px; line-height:200px; overflow:hidden; background:url('/userdir/3/1/6/1/3161606/78988032.png') 0px 0px no-repeat;}

#YaSearch {display:none !important;}
#more_login a {display:none !important;}
#thisDiaryPhoto {display:none !important;}
#bottomNavLinks {display:none !important;}

1. Почему может "выпрыгивать" Notes - #thisDiaryLinks? Прописывала его так же как и остальные.
2 и 3. Почему меню со ссылками для #thisDiaryLinks отображается таким странным образом? Растянутое и не в плотную к кнопке Notes?
4. Как сделать меню для авторизации непрозрачным и с рамкой?

Спасибо большое заранее ^^'

URL

20.07.2013 в 21:12

true white queen

horrorterror

line-height крутили потому что, вот его и разнесло.
у #thisDiaryLinks допишите title, вы селектор неправильно задали.

URL

20.07.2013 в 21:17

DesignTester

печеня

edwinowl, нечеловеческое вам спасибо *_* заработало! :red:

URL

20.07.2013 в 21:19

true white queen

horrorterror

DesignTester, для формы логина пробуйте

.top .menuSection ul, .top #thisDiaryPhoto, .top #sign {
    background-color: #000000 !important;
    border: solid #FFFFFF !important;
    border-width: 1px !important;
}

где background-color: #000000 !important; - цвет бэкграунда
border: solid #FFFFFF !important; - стиль и цвет обводки
border-width: 1px !important; - толщина обводки

URL

20.07.2013 в 21:22

DesignTester

печеня

edwinowl, и снова огромное спасибо! Вы мне очень помогли!

URL

20.07.2013 в 21:24

true white queen

horrorterror

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

#sign {
    background-color: #000000 !important;
    border: solid #FFFFFF !important;
    border-width: 1px !important;
}

URL

20.07.2013 в 21:25

DesignTester

печеня

edwinowl, попробовала, оба-два работают!

URL

20.07.2013 в 21:26

true white queen

horrorterror

DesignTester, отлично же)

URL

20.07.2013 в 21:28

DesignTester

печеня

edwinowl, спасибо много раз! :heart:

URL

20.07.2013 в 21:31

true white queen

horrorterror

DesignTester, всегда пожалуйста)

URL


Запомнить

Вопросы от начинающего

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