Laktonika
угу.)
Общие вопросы по оформлению (34)
Сообщений 621 страница 640 из 1000
Поделиться621Вт, 26 Июл 2011 15:02:11
Поделиться622Вт, 26 Июл 2011 15:06:13
1 - Чем не устраивает текущий код - если всё в норме..
Блоки <div> . И все что связанно со скриптами.
2. Зачем ликвидировать второй блок...?
Ответ тот же что и на первый вопрос.
3....И ваще задача какая - чо хошь добицо
Чтоб моя панель на css, встала на место оригинального меню навигации (на ее место) без всячиских скриптов и дополнительных блоков типf div. чистый css
Поделиться623Вт, 26 Июл 2011 15:09:12
Блоки <div> . И все что связанно со скриптами.
что блоки div - ? ты можешь пояснить полностью - а не сквозь зубы?
Дивергенция ротора - мну ничо не объяснит -как и тебе если с Вышаком не знаком
Поделиться624Вт, 26 Июл 2011 15:10:35
Для полного щастя:(в HTML верх
<style type="text/css">
#pun-title,
#pun-title table,
#pun-title table td,
#pun-title table tr{
background-color:#FFF!important;border:none transparent 0!important;
}
</style>
Большое при-большое спасибо
Поделиться625Вт, 26 Июл 2011 15:11:05
что блоки div - ? ты можешь пояснить полностью - а не сквозь зубы?
Дивергенция ротора - мну ничо не объяснит -как и тебе если с Вышаком не знаком
Deff
Скажи какие пункты отвечают за меню навигации в Структура style.css и Цвета style_cs.css пойду сам пробовать юзать через css...
Поделиться626Вт, 26 Июл 2011 15:11:26
Invisible Man
Ща - помоему - сам дошёл
ксать - восстанови собственную(стандартную) панель на форуме - потренируюсь
Отредактировано Deff (Вт, 26 Июл 2011 15:12:09)
Поделиться627Вт, 26 Июл 2011 15:14:12
ксать - восстанови собственную(стандартную) панель на форуме - потренируюсь
восстановлена уже минут как 10 назад
Поделиться628Вт, 26 Июл 2011 15:29:03
Invisible Man
В Конец первого окна стиля:
<style> #pun-navlinks .container { background-color:transparent; padding:0; margin:20px 0 100px 0; list-style:none; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px; text-shadow: 0 -1px 3px #202020; width:952px; height:34px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow: 0px 3px 3px #cecece; -webkit-box-shadow: 0px 3px 3px #cecece; box-shadow: 0 3px 4px #8b8b8b; } #pun-navlinks .container li { display:block; float:left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:90px; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)); background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%); background-color:#5f5f5f; /* Если не поддерживается CSS3 */ } #pun-navlinks .container li:not(:last-child):hover { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555)); background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% ); background-color:#383838; /* Если не поддерживается CSS3 */ -moz-box-shadow: inset 0 0 5px 5px #535353; -webkit-box-shadow: inset 0 0 5px 5px #535353; box-shadow: inset 0 0 5px 5px #535353; } #pun-navlinks .container li:not(:last-child):active { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555)); background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% ); background-color:#383838; /* Если не поддерживается CSS3 */ -moz-box-shadow: inset 0 1px 2px 2px #000; -webkit-box-shadow: inset 0 1px 2px 2px #000; box-shadow: inset 0 1px 2px 2px #000; } #pun-navlinks .container li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; } #pun-navlinks .container form input { width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-image: url("../images/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D)); background-image: url("../images/magnifier.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%); background-repeat: no-repeat; background-color:#6E6E6E; /* Если не поддерживается CSS3 */ -moz-box-shadow: inset 0 2px 1px 1px #363636; -webkit-box-shadow: inset 0 2px 1px 1px #363636; box-shadow: inset 0 2px 1px 1px #363636; } #pun-navlinks .container li:first-child { -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; border-left:none; } #pun-navlinks .container li:first-child a img { vertical-align:middle; margin-top:-2px; } #pun-navlinks .container li:last-child { -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; border-right:none; width:124px; } @-webkit-keyframes showMenu { from { opacity: 0; top:-20px; } to { opacity: 1; } } #pun-navlinks .container { -webkit-animation: showMenu 1s; position:relative; } </style>
Поправил
Отредактировано Deff (Вт, 26 Июл 2011 15:35:26)
Поделиться629Вт, 26 Июл 2011 15:39:42
Deff
Адрес в профиле
Добавлено:
А лан сам покапаюсь пока (+)
Отредактировано Invisible Man (Вт, 26 Июл 2011 15:43:40)
Поделиться630Вт, 26 Июл 2011 15:45:09
Invisible Man cократи скриптом администрирование ( иначе его не сократишь -
Поделиться631Вт, 26 Июл 2011 15:50:02
<style> #pun-navlinks { margin-left:20px; } #pun-navlinks .container { background-color:transparent; padding:0; margin:20px 0 100px 0; list-style:none; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px; text-shadow: 0 -1px 3px #202020; width:950px; height:34px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow: 0px 3px 3px #cecece; -webkit-box-shadow: 0px 3px 3px #cecece; box-shadow: 0 3px 4px #8b8b8b; } #pun-navlinks .container li { display:block; float:left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:72px; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)); background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%); background-color:#5f5f5f; /* Если не поддерживается CSS3 */ } #pun-navlinks .container li:not(:last-child):hover { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555)); background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% ); background-color:#383838; /* Если не поддерживается CSS3 */ -moz-box-shadow: inset 0 0 5px 5px #535353; -webkit-box-shadow: inset 0 0 5px 5px #535353; box-shadow: inset 0 0 5px 5px #535353; } #pun-navlinks .container li:not(:last-child):active { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555)); background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% ); background-color:#383838; /* Если не поддерживается CSS3 */ -moz-box-shadow: inset 0 1px 2px 2px #000; -webkit-box-shadow: inset 0 1px 2px 2px #000; box-shadow: inset 0 1px 2px 2px #000; } #pun-navlinks .container li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; } #pun-navlinks .container form input { width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-image: url("../images/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D)); background-image: url("../images/magnifier.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%); background-repeat: no-repeat; background-color:#6E6E6E; /* Если не поддерживается CSS3 */ -moz-box-shadow: inset 0 2px 1px 1px #363636; -webkit-box-shadow: inset 0 2px 1px 1px #363636; box-shadow: inset 0 2px 1px 1px #363636; } #pun-navlinks .container li:first-child { -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; border-left:none; } #pun-navlinks .container li:first-child a img { vertical-align:middle; margin-top:-2px; } #pun-navlinks .container li:last-child { -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; border-right:none; width:124px; } @-webkit-keyframes showMenu { from { opacity: 0; top:-20px; } to { opacity: 1; } } #pun-navlinks .container { -webkit-animation: showMenu 1s; position:relative; } </style>
Поделиться632Вт, 26 Июл 2011 15:57:00
Халло
http://img638.imageshack.us/img638/9909/12732285.png так отображается в опере
А так в мозиле http://img810.imageshack.us/img810/5694/58210910.png
Можно исправить?
http://dirty3test.rusff.info/
Поделиться633Вт, 26 Июл 2011 16:02:41
Розали ЗвоноваВо первых - читайте предыдущие сообщения
Отредактировано Deff (Ср, 27 Июл 2011 02:31:05)
Поделиться634Вт, 26 Июл 2011 16:40:48
День добрый)
Воспользовался этим кодом для шапки форума/фона
<style type="text/css"> #pun { width: 800px; margin: 0 auto; } html { background: #000 url(http://i080.radikal.ru/1010/d8/210a699b3ba7.jpg) repeat-y; } body { background-color: transparent !important; background-image: url(http://s2.ipicture.ru/uploads/20110726/5YY8U7UA.jpg); background-repeat: no-repeat; } </style> <style type="text/css"> #pun-main h2 { font-family: Georgia; text-align: center; background: #0abde8 url(http://s56.radikal.ru/i151/1010/ea/0ac2aff19919.png) no-repeat center right; padding: 1.4em; } </style>
Но есть вопрос-проблема - как сделать, чтобы эти элементы растягивались по ширине и высоте экрана, ведь разрешение экранов у всех разное.)
Поделиться635Вт, 26 Июл 2011 16:53:18
Deff
Уже проверили - ошибка в информационной панели
#M-center{
width: 750px!important;
}
Убавляю ширину - в опере и мозили всё становиться в норму, но в хроме правый блок начинает сдвигаться.
Добавлено:
Ни наю - зачем вы правите ( или не доставляете мои коды
Скриншот с Вашими поправками http://savepic.net/1643252.png
(*ксать меню навигации - криво в Мозилле и без скрипта
В том то и дело! Вы мне даете с параметром в 730пикселей и в хроме правый блок наезжает, я вчера и исправляла под него.
Косяк с меню в мозиле исправила, забыла параметр поставить
Отредактировано Розали Звонова (Вт, 26 Июл 2011 17:11:22)
Поделиться636Вт, 26 Июл 2011 17:10:35
Розали Звонова Выньте скрипт вовсе - и сделайте скриншот в мазиле - отпишитесь и я сделаю
Поделиться637Вт, 26 Июл 2011 17:11:51
Invisible Man cократи скриптом администрирование ( иначе его не сократишь -
я сделал размер ячейки для ссылок 100px было 90px терь нормально.
Осталось 2 вопроса поставить ее по центру и убрать тень у меню навигации ссылок.
как? где? адрес в профиле
Добавлено:
со вторым вопросом все разобрался
Отредактировано Invisible Man (Вт, 26 Июл 2011 17:18:37)
Поделиться638Вт, 26 Июл 2011 17:25:50
Deff
Скрипт убрала, http://10pix.ru/img1/3971/5118424.png
Поделиться639Вт, 26 Июл 2011 17:29:34
Осталось 2 вопроса поставить ее по центру и убрать тень у меню навигации ссылок.
Чот я намудрил - нун rps бы
#pun-navlinks { width:100; text-align:center; } #pun-navlinks .container { background-color:transparent; padding:0; margin:20px auto 100px auto; list-style:none; position:relative; left:50%; margin-left:-467px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px; text-shadow: 0 -1px 3px #202020; width:950px; height:34px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #pun-navlinks .container li { display:block; float:left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:72px; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)); background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%); background-color:#5f5f5f; /* Если не поддерживается CSS3 */ } #pun-navlinks .container li:not(:last-child):hover { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555)); background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% ); background-color:#383838; /* Если не поддерживается CSS3 */ -moz-box-shadow: inset 0 0 5px 5px #535353; -webkit-box-shadow: inset 0 0 5px 5px #535353; box-shadow: inset 0 0 5px 5px #535353; } #pun-navlinks .container li:not(:last-child):active { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555)); background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% ); background-color:#383838; /* Если не поддерживается CSS3 */ -moz-box-shadow: inset 0 1px 2px 2px #000; -webkit-box-shadow: inset 0 1px 2px 2px #000; box-shadow: inset 0 1px 2px 2px #000; } #pun-navlinks .container li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; } #pun-navlinks .container form input { width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-image: url("../images/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D)); background-image: url("../images/magnifier.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%); background-repeat: no-repeat; background-color:#6E6E6E; /* Если не поддерживается CSS3 */ -moz-box-shadow: inset 0 2px 1px 1px #363636; -webkit-box-shadow: inset 0 2px 1px 1px #363636; box-shadow: inset 0 2px 1px 1px #363636; } #pun-navlinks .container li:first-child { -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; border-left:none; } #pun-navlinks .container li:first-child a img { vertical-align:middle; margin-top:-2px; } #pun-navlinks .container li:last-child { -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; border-right:none; width:124px; } @-webkit-keyframes showMenu { from { opacity: 0; top:-20px; } to { opacity: 1; } } #pun-navlinks .container { -webkit-animation: showMenu 1s; position:relative; }
Поделиться640Вт, 26 Июл 2011 17:31:18
Розали Звонова Ставьте снова - пахож ошибка заполнения контентом
Стойте - ссылку на форум - а то я смотрю в профиле
Отредактировано Deff (Вт, 26 Июл 2011 17:32:50)