Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Как округлить края?

Предыдущая тема Следующая тема Перейти вниз

Как округлить края?

Сообщение автор Gamatos в Вс 6 Ноя - 3:38

Тут:

Спойлер:
Код:
<style type="text/css">


#foxmenucontainer{
height:29px;
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
display:block;
padding:0px 0 0px 0px;
border-top:1px solid #474747;
font: 14px "Century gothic",verdana, Arial, sans-serif;
font-weight:normal;
}

#menu ,#menu ul {
margin: 0px 5px;
padding: 0px;
list-style: none;
height:29px;
}

#menu a {
color: #B3DBEF;
display: block;
font-weight: normal;
padding: 4px 10px 6px 10px;
}

#menu a:hover {
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
color: #fff;
display: block;
text-decoration: none;
}

#menu li {
float: left;
margin: 0px 0 0px 0;
padding: 0px;
}

#menu li li {
float: left;
margin: px 0px 0px 5px;
padding: 0px;
width: 130px;
}

#menu li li a, #menu li li a:link, #menu li li a:visited {
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#fff;
}

#menu li li a:hover, #menu li li a:active {
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#06415F;
}

#menu li ul {
position: absolute;
width: 10em;
left: -999em;
z-index:1;
}

#menu li:hover ul {
left: auto;
display: block;
}

#menu li:hover ul, #menu li.sfhover ul {
left: auto;
}

=====================

#newsareal1 div.topic-title-container {
    background: url("http://i44.servimg.com/u/f44/16/54/26/99/edit10.png") no-repeat scroll 2px center #DCEAF5;
    border: 1px solid transparent;
    border-radius: 5px 5px 5px 5px;
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
}
65-ltr.css (строка 295)
div.topic-title-container {
    display: inline;
}
65-ltr.css (строка 1)
* {
    margin: 0;
    padding: 0;
}

</style>

      <div style="width:100%;">
         <div id="nav">


      </div>
   </div>
<div id="foxmenucontainer"><div id="menu">

<ul>

<li><a expr:href="data:blog.homepageUrl">Home</a></li>

<li><a href="#" title="#">About</a></li>

<li><a href="#" title="#">Tutorials</a>
<ul>
<li><a href="#">Blogger Tutorials</a></li>
<li><a href="#">HTML Tutorials</a></li>
<li><a href="#">JQuery Tutorials</a></li>
<li><a href="#">Blogger Tools</a></li>
<li><a href="#">Blogger Layouts</a></li>
<li><a href="#">Blogger Templates</a></li>
</ul>
</li>

<li><a href="#" title="#">Contact</a></li>

</ul>

</div>

</div>
avatar
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 25
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Домовой в Вс 6 Ноя - 10:03

Если не ошибаюсь в этот код
#newsareal1 div.topic-title-container {
Код:
    background: url("http://i44.servimg.com/u/f44/16/54/26/99/edit10.png") no-repeat scroll 2px center #DCEAF5;
    border: 1px solid transparent;
    border-radius: 5px 5px 5px 5px;
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
}
надо добамить
Код:
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;


avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Gamatos в Вс 6 Ноя - 12:25

Спасибо но не помогло. smile
avatar
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 25
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Домовой в Вс 6 Ноя - 12:59

Ну если честно я пока не представляю что это.
Покажи на скриншоте где именно и дай сам форум.
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Gamatos в Вс 6 Ноя - 13:01

Сунь это в open страницу.
avatar
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 25
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Домовой в Вс 6 Ноя - 13:46

avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Gamatos в Вс 6 Ноя - 14:29

Да, спасибо и скажи как прибить его на верх принудительно через open без использования шаблонов чтоб сунуть в виджет и оно наверх воткнулось?
avatar
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 25
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Домовой в Вс 6 Ноя - 15:24

В виджет
Спойлер:
<style type="text/css">
#foxmenucontainer {
height:29px;
width:1024px;
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
display:block;
border:1px solid #transparen;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font:14px "Century gothic",verdana, Arial, sans-serif;
font-weight:400;
padding:0;
}

#menu,#menu ul {
list-style:none;
height:29px;
margin:0 5px;
padding:0;
}

#menu a {
color:#B3DBEF;
display:block;
font-weight:400;
padding:4px 10px 6px;
}

#menu a:hover {
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
color:#fff;
display:block;
text-decoration:none;
}

#menu li {
float:left;
margin:1px 0 0;
padding:0;
}

#menu li li {
float:left;
width:130px;
margin:px 0 0 5px;
padding:0;
}

#menu li li a,#menu li li a:link,#menu li li a:visited {
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
width:150px;
float:none;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:0;
padding:4px 10px 5px;
}

#menu li li a:hover,#menu li li a:active {
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
width:150px;
float:none;
color:#06415F;
margin:0;
padding:4px 10px 5px;
}

#menu li ul {
position:absolute;
width:10em;
left:-999em;
z-index:1;
}

#menu li:hover ul {
left:auto;
display:block;
}

#menu li:hover ul,#menu li.sfhover ul {
left:auto;
}

=====================

#newsareal1 div.topic-title-container {
background:url("http://i44.servimg.com/u/f44/16/54/26/99/edit10.png") no-repeat scroll 2px center #DCEAF5;
border:1px solid #transparent;
display:block !important;
margin:2px 1px 0;
padding:2px 5px 5px 30px;
}}
65-ltr.css (строка 295)
div.topic-title-container {
display:inline;
}
65-ltr.css (строка 1)
* {
margin:0;
padding:0;
}

</style>

<div style=" position:fixed; left: 5%; top:2px;">
<div style="width:100%;">
<div id="nav">


</div>
</div>
<div id="foxmenucontainer"><div id="menu">

<ul>

<li><a expr:href="data:blog.homepageUrl">Home</a></li>

<li><a href="#" title="#">About</a></li>

<li><a href="#" title="#">Tutorials</a>
<ul>
<li><a href="#">Blogger Tutorials</a></li>
<li><a href="#">HTML Tutorials</a></li>
<li><a href="#">JQuery Tutorials</a></li>
<li><a href="#">Blogger Tools</a></li>
<li><a href="#">Blogger Layouts</a></li>
<li><a href="#">Blogger Templates</a></li>
</ul>
</li>

<li><a href="#" title="#">Contact</a></li>

</ul>

</div>

</div> </div>
В первом коде
width:1024px; - ширина полосы
position:fixed; - фиксированное расположение. Если надо сто бы прокручивалось замени на position: absolute;
left: 5%; top:2px; - левый и верхний отступы

avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Gamatos в Вс 6 Ноя - 15:37

Спасибо огромное Домовой, подскажите еще 2 вещи пожалуйста:

1) Как его поставить по центру (на верху уже стоит) вот фото http://i.imgur.com/GDLx4.png

2) Как уменьшить длину самого меню (не уменьшайте а скажите как я сам подгоню) вот фото http://i.imgur.com/ML8Uy.png

avatar
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 25
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Домовой в Вс 6 Ноя - 16:42

То что выделено красным удалите
То что зелёным, left: 5%; увеличивайте значение для нужного результата
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Gamatos в Вс 6 Ноя - 17:01

2) Как уменьшить длину самого меню (не уменьшайте а скажите как я сам подгоню) вот фото http://i.imgur.com/ML8Uy.png

Вот это не могу выставить, width:1024px; удалил не помогло.
avatar
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 25
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Домовой в Вс 6 Ноя - 18:56

avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Gamatos в Вс 6 Ноя - 19:06

Да имено то что нужно дашь код?И скажи как ты его упредил чтоб мог я его увеличить.Спасибо!!
avatar
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 25
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Как округлить края?

Сообщение автор Домовой в Вс 6 Ноя - 20:22

Код:
<style type="text/css">
#foxmenucontainer {
height:29px;
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
display:block;
border:1px solid #transparen;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font:14px "Century gothic",verdana, Arial, sans-serif;
font-weight:400;
padding:0;
}

#menu,#menu ul {
list-style:none;
height:29px;
margin:0 5px;
padding:0;
}

#menu a {
color:#B3DBEF;
display:block;
font-weight:400;
padding:4px 10px 6px;
}

#menu a:hover {
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
color:#fff;
display:block;
text-decoration:none;
}

#menu li {
float:left;
margin:1px 0 0;
padding:0;
}

#menu li li {
float:left;
width:130px;
margin:px 0 0 5px;
padding:0;
}

#menu li li a,#menu li li a:link,#menu li li a:visited {
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
width:150px;
float:none;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:0;
padding:4px 10px 5px;
}

 #menu li li a:hover,#menu li li a:active {
background:url(http://www.optic-am.co.uk/images/blu_background.gif) repeat-x;
width:150px;
float:none;
color:#06415F;
margin:0;
padding:4px 10px 5px;
}

 #menu li ul {
position:absolute;
width:10em;
left:-999em;
z-index:1;
}

#menu li:hover ul {
left:auto;
display:block;
}

#menu li:hover ul,#menu li.sfhover ul {
left:auto;
}

 =====================

#newsareal1 div.topic-title-container {
background:url("http://i44.servimg.com/u/f44/16/54/26/99/edit10.png") no-repeat scroll 2px center #DCEAF5;
border:1px solid #transparent;
display:block !important;
margin:2px 1px 0;
padding:2px 5px 5px 30px;
}}
 65-ltr.css (строка 295)
div.topic-title-container {
display:inline;
}
 65-ltr.css (строка 1)
* {
margin:0;
padding:0;
}

</style>

 <div style=" position:fixed; left: 35%; top:2px;">
 <div style="width:100%;">
 <div id="nav">


 </div>
 </div>
 <div id="foxmenucontainer"><div id="menu">

 <ul>

 <li><a expr:href="data:blog.homepageUrl">Home</a></li>

 <li><a href="#" title="#">About</a></li>

 <li><a href="#" title="#">Tutorials</a>
 <ul>
 <li><a href="#">Blogger Tutorials</a></li>
 <li><a href="#">HTML Tutorials</a></li>
 <li><a href="#">JQuery Tutorials</a></li>
 <li><a href="#">Blogger Tools</a></li>
 <li><a href="#">Blogger Layouts</a></li>
 <li><a href="#">Blogger Templates</a></li>
 </ul>
 </li>

 <li><a href="#" title="#">Contact</a></li>

 </ul>

 </div>
 </div>
Найди в коде
<div style=" position:fixed; left: 35%; top:2px;">
То что выделено это отступ от левого края. Регулируй под свой сайт
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения