Нескольно багов в дизайне

пятница, 19 июля 2013

22:05

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

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

Помогаю одному человеку с дизайном, смотреть: ksaksiksjulz.diary.ru/

Выявился ряд проблем:

1. Название дневника заменено картинкой, но почему-то 75% картинки скрыто, и я ума не приложу, что с этим делать О_о
скрин

2. Кнопка "Выход" не активна.
Для всех остальных заголовков существует класс title, а для этого - нет.
Так как же сделать кнопку рабочей??

3. Заказчица попросила кнопку "Статистика" придвинуть к нижнему меню. Но при передвижении кнопки двигается всё меню. Чтобы этого избежать, мне нужно каждому из разделов прописать position: fixed, а потом уже маргинами сдвинуть "Статистику" куда надо? Или это не поможет и/или есть какой-то более простой вариант?
В данный момент кнопка убрана, чтобы не нервировать глаз заказчика))

Код:

body{background: url('/userdir/5/9/7/8/597896/78891230.jpg') repeat; background-position: 0% 0%; background-attachment:fixed; margin:0; padding:0px;}
 #wrapper {width: 95%; background: url('/userdir/5/9/7/8/597896/78890973.png') repeat; background-position: 0% 0%; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; line-height: 15px; margin-top: 5px !important;}
 #myDiaryLinks_title {background: url('/userdir/5/9/7/8/597896/78977308.png') no-repeat; width: 95px; height: 36px; overflow:visible; text-indent:-999px;}
 #thisDiaryOwner_title {background: url('/userdir/5/9/7/8/597896/78977321.png') no-repeat; width: 83px; height: 36px; overflow: visible; text-indent: -999px;}
 #globalLinks_title {background: url('/userdir/5/9/7/8/597896/78977316.png') no-repeat; width: 99px; height: 36px; overflow: visible; text-indent: -999px;}
 #pchs_title {background: url('/userdir/5/9/7/8/597896/78977421.png') no-repeat; width: 188px; height: 36px; overflow: visible; text-indent: -999px;}
 #iAmQuit {background: url('/userdir/5/9/7/8/597896/78977314.png') no-repeat; width: 94px; height: 36px; overflow: visible; text-indent: -999px; margin-top: 5px !important;}
 #extrabottom {background: url('/userdir/5/9/7/8/597896/78891430.png') ; width: 100%; height: 50px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; line-height: 15px;}
 #extratop {background: url('/userdir/5/9/7/8/597896/78931660.png') center top no-repeat; width:100% !important; height:262px; min-width:0px; margin-top:-1px;}
 .opac6 {display: none;}
 #authorName {background: url('/userdir/5/9/7/8/597896/78933135.png') no-repeat; height: 23px; width: 200px; color: transparent !important;}
 #side h1 a {background: url('/userdir/5/9/7/8/597896/78977751.png') no-repeat; height: 29px; width: 700px; color: transparent !important; margin-top: -20px;}
 #page-c {width: 90%; background: url('/userdir/5/9/7/8/597896/78891435.png'); border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; line-height: 15px; margin-left: 34px !important;}
 textarea#message {background: url('/userdir/5/9/7/8/597896/78910790.jpg');}
 .singleComment .postContent { padding-left:140px; }
 .singleComment .postInner { margin-left:-150px; padding-left:150px; }
 .singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }
 .commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }
 .avatar, .avatarNew{ float:left; background: url('/userdir/5/9/7/8/597896/78936934.png') no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: -1px; width: 80px; height: 70px; background: url('/userdir/5/9/7/8/597896/78936714.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; -moz-opacity:0.6 !important; opacity:0.6 !important; filter:alpha(opacity=60); color: rgba(0,0,0,0) !important; text-shadow: none !important; -moz-animation: animaciya 6s ease-in-out 2s infinite alternate; -webkit-animation: animation 6s ease-in-out 2s infinite alternate; -ms-animation: animation 6s ease-in-out 2s infinite alternate; transform: scale(0.7); }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important; -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -ms-animation-play-state:paused; transform: scale(1); }
 @-moz-key#s animation {from {width: 100px; }
 to{width: 0px; }
 }
 @-webkit-key#s animation {from {width: 100px; }
 to{width: 0px; }
 }
 @-ms-key#s animation {from {width: 100px; }
 to{width: 0px; }
 }
 #Stats {display: none !important;}

Пожалуйста, помогите!!

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

URL

Комментарии

19.07.2013 в 22:22

Тайя.

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

Ну вы даете. Вам несколько дней назад объяснили, что картинку надо ставить не на side h1 a, а на side h1, а вы все равно делаете по-своему.

#side h1 {background: url('/userdir/5/9/7/8/597896/78977751.png') no-repeat; height: 29px; width: 700px; margin-top: -20px;}
#side h1 a {color: transparent !important;}

URL

19.07.2013 в 22:24

Tish Evans

Тайя, которая душит романтиков, О_о это не мне объяснили, а кому-то другому. я здесь вообще впервые за несколько месяцев пишу.

но всё равно спасибо большое))

а что насчёт остальных двух проблем?

URL

19.07.2013 в 22:29

Кареглазый Демон

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

Tish Evans, 2. Используйте #iAmQuit a
3. А для статистики попробуйте так: #Stats a {bottom:300px;left:550px;position: absolute;z-index:4 !important;}

URL

19.07.2013 в 22:30

Тайя.

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

Tish Evans, это вашему заказчику и объясняли, и все работало)) Непонятно, почему он не дал вам код.

2. #iAmQuit {background: url('/userdir/5/9/7/8/597896/78977314.png') no-repeat; width: 94px; height: 36px; overflow: visible; text-indent: -999px; margin-top: 5px !important;}

А что вы хотите? :-D

Вы сдвигаете кнопку прочь на тыщу пикселей, заменив ее просто картинкой, а потом удивляетесь, почему она не работает?)) Верните ссылку обратно и сделайте ее просто прозрачной.

#iAmQuit {background: url('/userdir/5/9/7/8/597896/78977314.png') no-repeat; width: 94px; height: 36px; overflow: visible; margin-top: 5px !important;}
#iAmQuit a {color: transparent !important;}

Третий вопрос надо разбираться, сейчас нет времени, если до завтра никто не подскажет, посмотрю.

URL

19.07.2013 в 22:48

Tish Evans

Тайя, которая душит романтиков, о) а я и не обратила внимания на ник))))
спасибо большое, теперь всё нажимается.

А что вы хотите? :-D

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

Кареглазый демон, спасибо большое, помогло! теперь "статистика", наконец, там, где надо)))
Вы меня уже в который раз спасаете))))

URL

19.07.2013 в 22:50

Кареглазый Демон

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

Tish Evans, Всегда рад помочь.

URL

20.07.2013 в 02:22

Тайя.

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

Tish Evans, сорри, я не хотела, чтобы мой коммент прозвучал глумливо, не обижайтесь) Я такой же любитель, как и вы))

URL

20.07.2013 в 11:20

Tish Evans

Тайя, которая душит романтиков, да ничего страшного, главное, что заказчик теперь доволен))) ну и к тому же я узнала что-то новое)))

URL


Запомнить

Нескольно багов в дизайне

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