Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (34)


Общие вопросы по оформлению (34)

Сообщений 621 страница 640 из 1000

621

Laktonika
угу.)

0

622

Deff написал(а):

1 - Чем не устраивает текущий код - если всё в норме..

Блоки <div> . И все что связанно со скриптами.

Deff написал(а):

2. Зачем ликвидировать второй блок...?

Ответ тот же что и на первый вопрос.

Deff написал(а):

3....И ваще задача какая - чо хошь добицо

Чтоб моя панель на css, встала на место оригинального меню навигации (на ее место) без всячиских скриптов и дополнительных блоков типf div. чистый css

0

623

Invisible Man написал(а):

Блоки <div> . И все что связанно со скриптами.

что блоки div - ? ты можешь пояснить полностью - а не сквозь зубы?

Дивергенция ротора - мну ничо не объяснит -как и тебе если с Вышаком не знаком

0

624

Deff написал(а):

Для полного щастя:(в 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>

Большое при-большое спасибо :)

0

625

Deff написал(а):

что блоки div - ? ты можешь пояснить полностью - а не сквозь зубы?
Дивергенция ротора - мну ничо не объяснит -как и тебе если с Вышаком не знаком

Invisible Man написал(а):

Deff
Скажи какие пункты отвечают за меню навигации в Структура style.css и Цвета style_cs.css пойду сам пробовать юзать через css...

0

626

Invisible Man

Ща - помоему - сам дошёл

ксать - восстанови собственную(стандартную)  панель на форуме - потренируюсь

Отредактировано Deff (Вт, 26 Июл 2011 15:12:09)

0

627

Deff написал(а):

ксать - восстанови собственную(стандартную)  панель на форуме - потренируюсь

восстановлена уже минут как 10 назад

0

628

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)

+1

629

Deff
Адрес в профиле

Добавлено:

А лан сам покапаюсь пока (+)

Отредактировано Invisible Man (Вт, 26 Июл 2011 15:43:40)

-1

630

Invisible Man cократи скриптом администрирование ( иначе его не сократишь -

0

631

Код:
<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>

0

632

Халло
http://img638.imageshack.us/img638/9909/12732285.png так отображается в опере
А так в мозиле http://img810.imageshack.us/img810/5694/58210910.png
Можно исправить?
http://dirty3test.rusff.info/

0

633

Розали ЗвоноваВо первых - читайте предыдущие сообщения

Отредактировано Deff (Ср, 27 Июл 2011 02:31:05)

0

634

День добрый)
Воспользовался этим кодом для шапки форума/фона

Код:
<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>

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

0

635

Deff
Уже проверили - ошибка в информационной панели

#M-center{
width: 750px!important;
}

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

Deff написал(а):

Ни наю - зачем вы правите ( или не доставляете мои коды
Скриншот с Вашими поправками http://savepic.net/1643252.png
(*ксать меню навигации - криво в Мозилле и без скрипта

В том то и дело! Вы мне даете с параметром в 730пикселей и в хроме правый блок наезжает, я вчера и исправляла под него.
Косяк с меню в мозиле исправила, забыла параметр поставить

Отредактировано Розали Звонова (Вт, 26 Июл 2011 17:11:22)

0

636

Розали Звонова Выньте скрипт вовсе - и сделайте скриншот в мазиле - отпишитесь и я сделаю

0

637

Deff написал(а):

Invisible Man cократи скриптом администрирование ( иначе его не сократишь -

я сделал размер ячейки для ссылок 100px было 90px терь нормально.
Осталось 2 вопроса поставить ее по центру и убрать тень у меню навигации ссылок.
как? где?  :D адрес в профиле

Добавлено:
со вторым вопросом все разобрался  :flag:

Отредактировано Invisible Man (Вт, 26 Июл 2011 17:18:37)

-1

638

Deff
Скрипт убрала, http://10pix.ru/img1/3971/5118424.png

0

639

Invisible Man написал(а):

Осталось 2 вопроса поставить ее по центру и убрать тень у меню навигации ссылок.

:glasses: Чот я намудрил - нун 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;

}

0

640

Розали Звонова Ставьте снова - пахож ошибка заполнения контентом

Стойте  - ссылку на форум - а то я смотрю в профиле

Отредактировано Deff (Вт, 26 Июл 2011 17:32:50)

0


Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (34)