Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Сегодня в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Как округлить края?
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Как округлить края?
Тут:
- Спойлер:
- Код:
<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>
Re: Как округлить края?
Если не ошибаюсь в этот код
#newsareal1 div.topic-title-container {
#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;
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как округлить края?
Ну если честно я пока не представляю что это.
Покажи на скриншоте где именно и дай сам форум.
Покажи на скриншоте где именно и дай сам форум.
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как округлить края?
Да, спасибо и скажи как прибить его на верх принудительно через без использования шаблонов чтоб сунуть в виджет и оно наверх воткнулось?
Re: Как округлить края?
В виджет
width:1024px; - ширина полосы
position:fixed; - фиксированное расположение. Если надо сто бы прокручивалось замени на position: absolute;
left: 5%; top:2px; - левый и верхний отступы
- Спойлер:
- <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("https://i.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; - левый и верхний отступы
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как округлить края?
Спасибо огромное Домовой, подскажите еще 2 вещи пожалуйста:
1) Как его поставить по центру (на верху уже стоит) вот фото https://i.imgur.com/GDLx4.png
2) Как уменьшить длину самого меню (не уменьшайте а скажите как я сам подгоню) вот фото https://i.imgur.com/ML8Uy.png
1) Как его поставить по центру (на верху уже стоит) вот фото https://i.imgur.com/GDLx4.png
2) Как уменьшить длину самого меню (не уменьшайте а скажите как я сам подгоню) вот фото https://i.imgur.com/ML8Uy.png
Re: Как округлить края?
То что выделено красным удалите
То что зелёным, left: 5%; увеличивайте значение для нужного результата
То что зелёным, left: 5%; увеличивайте значение для нужного результата
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как округлить края?
2) Как уменьшить длину самого меню (не уменьшайте а скажите как я сам подгоню) вот фото https://i.imgur.com/ML8Uy.png
Вот это не могу выставить, width:1024px; удалил не помогло.
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как округлить края?
Да имено то что нужно дашь код?И скажи как ты его упредил чтоб мог я его увеличить.Спасибо!!
Re: Как округлить края?
- Код:
<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;">
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Похожие темы
» Как растянуть изображение заголовка от края до края?
» Как округлить углы дла версии Punbb2
» Как закруглить края?
» округлите края
» Края рамки.
» Как округлить углы дла версии Punbb2
» Как закруглить края?
» округлите края
» Края рамки.
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения