Я сделал картинку. В общем если я не указываю ширину форума в процентах - то картинка размножается на всю ширину шапки, как бэкграунд. А когда делаю ширину форума, скажем, 70% - то картинка "урезается" с правой стороны. Этого как-то можно избежать? Или нужно только жесткий размер ширины форума ставить в пикселях, чтоб не было такого косяка с картинкой? Не пойму как у всех эти картинки в шапке не "урезаются" и не "размножаются" , не зависимо от ширины форума.
Общие вопросы по оформлению (34)
Сообщений 581 страница 600 из 1000
ПеревестиПоделиться582Вт, 26 Июл 2011 03:18:32
<img src="Ссылка на картинку" style="width: 100%;margin: 0 0 -20px 0;"/>
его куда нужно вставлять этот код?
ПеревестиПоделиться583Вт, 26 Июл 2011 03:20:43
А вот как оказалось не всё.
Это информационное табло видно только на главной странице. При открытии темы - ничего нет.
ПеревестиПоделиться584Вт, 26 Июл 2011 03:24:23
Розали Звонова
А оно там нужно ?? дайте ссыль на фор -я поправлю скрипт
Отредактировано Deff (Вт, 26 Июл 2011 03:24:40)
ПеревестиПоделиться585Вт, 26 Июл 2011 03:25:06
его куда нужно вставлять этот код?
В начало HTML верх
ПеревестиПоделиться586Вт, 26 Июл 2011 03:25:24
Deff
http://dirty3test.rusff.info/
даже очень нужно.
ПеревестиПоделиться587Вт, 26 Июл 2011 03:30:31
В начало HTML верх
Работает. Спасибо 
ПеревестиПоделиться588Вт, 26 Июл 2011 03:31:11
Розали Звонова
<div id=Inf_block_Left style="display:none">
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2><div style="font-size: 18px; font-family:Century Gothic; text-align:center;"><b>• ПОЛЕЗНЫЕ ССЫЛКИ</b></div> </h2>
<style>
.nav {margin: 3px;}
.nav a{display: block; background-color: #43352d; color: #d9d9e3!important; text-align: center; width:160px; padding: 3px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #d9d9e3; color: #43352d!important;}
</style>
<div class="nav"> <br/>
<center><a href="http://dirty3.rolebb.com/viewtopic.php?id=77">• F.A.Q.</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=5">• правила</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=4">• сюжет</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=1">• гостевая</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=8">• шаблон анкет</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=3">• положение людей</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=2">• внешности</a></center>
</div>
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>
<div id=Inf_block_Right style="display:none">
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>
<style type="text/css">
#NEWS #LeftNews {
display:block;
top: 0;
width: 180px;
position:absolute;
margin-left: -205px;
}
#NEWS #RightNews {
top:0;
display:block;
width: 180px;
position:absolute;
margin-left: -9px;
}
#M-center{
width: 730px!important;
}
#NEWS #LeftNews,
#NEWS #RightNews {
background-color:#A5A5AA;
}
</style>
<script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_';
var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}LeftSUM='<td id=LeftNews width=140 valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}RightSUM='<td id=RightNews width=140 valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}
if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=100% id="NEWS"><tr valign=top>'+LeftSUM+'<td id=M-center>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };
</script>ПеревестиПоделиться589Вт, 26 Июл 2011 03:46:24
Deff
Отлично! премного благодарна
ПеревестиПоделиться590Вт, 26 Июл 2011 04:26:45
Розали Звонова Ни наю - зачем вы правите ( или не доставляете мои коды
Скриншот с Вашими поправками http://savepic.net/1643252.png
(*ксать меню навигации - криво в Мозилле и без скрипта
Отредактировано Deff (Вт, 26 Июл 2011 04:30:30)
ПеревестиПоделиться591Вт, 26 Июл 2011 10:37:39
rps
спасибо
ПеревестиПоделиться592Вт, 26 Июл 2011 11:54:29
rps ты у нас знаток в css помоги поставить вот такое меню навигации (скрин1*) вместо стандартного не прибегая к скриптам.
Полный уже настроенный код css под свой дизайн
#appleNav {
margin:40px 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:980px; 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;
}
#appleNav li {
display:block; float:left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:105px; 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 */
}
#appleNav 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;
}
#appleNav 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;
}
#appleNav li a {
color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }
#appleNav 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;
}
#appleNav 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;
}
#appleNav li:first-child a img {
vertical-align:middle; margin-top:-2px;
}
#appleNav 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; }
}
#appleNav {
-webkit-animation: showMenu 1s; position:relative;
}И к нему идет вот такой блок
<div id="wrapper">
<div id="content">
<nav>
<ul id="appleNav">
<li><a href="http://onserial-letay-16.ru/" title=".:Serial | Letay:."><img src="http://i078.radikal.ru/1107/80/832893ee0f91.gif" alt="Serial | Letay Logo" /></a></li>
<li><a href="http://onserial-letay-16.ru/pages/chat_nashego_foruma_letai" title="Чат">Чат</a></li>
<li><a href="http://onserial-letay-16.ru/userlist.php" title="Пользователи">Пользователи</a></li>
<li><a href="http://onserial-letay-16.ru/misc.php?action=rules" title="Правила">Правила</a></li>
<li><a href="http://invistest.mybb.ru/profile.php?id=2" title="Профиль">Профиль</a></li>
<li><a href="http://www.apple.com/itunes/" title="Сообщения">Сообщения</a></li>
<li><a href="http://invistest.mybb.ru/admin_options.php" title="Админка">Админка</a></li>
<li><a href="http://www.apple.com/support/" title="Регистрация">Регистрация</a></li>
<li><a href="http://www.apple.com/support/" title="Вход">Вход</a></li>
<li><a href="http://www.apple.com/support/" title="Выход">Выход</a></li>
</ul>
</nav>
</div>тест-форум где стоит.
Как обойтись без этого блока а сразу через css все это дело встроить?
ПеревестиПоделиться593Вт, 26 Июл 2011 12:18:25
Как обойтись без этого блока а сразу через css все это дело встроить?
<style>
#appleNav {
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;
}
#appleNav 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 */
}
#appleNav 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;
}
#appleNav 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;
}
#appleNav li a {
color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }
#appleNav 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;
}
#appleNav 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;
}
#appleNav li:first-child a img {
vertical-align:middle; margin-top:-2px;
}
#appleNav 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; }
}
#appleNav {
-webkit-animation: showMenu 1s; position:relative;
}
</style>
<div id="html-header">
<div id="wrapper">
<div id="content">
<nav>
<ul id="appleNav">
<li><a href="http://onserial-letay-16.ru/" title=".:Serial | Letay:."><img src="http://i078.radikal.ru/1107/80/832893ee0f91.gif" alt="Serial | Letay Logo" /></a></li>
<li><a href="http://onserial-letay-16.ru/pages/chat_nashego_foruma_letai" title="Чат">Чат</a></li>
<li><a href="http://onserial-letay-16.ru/userlist.php" title="Пользователи">Пользователи</a></li>
<li><a href="http://onserial-letay-16.ru/misc.php?action=rules" title="Правила">Правила</a></li>
<li><a href="http://invistest.mybb.ru/profile.php?id=2" title="Профиль">Профиль</a></li>
<li><a href="http://www.apple.com/itunes/" title="Сообщения">Сообщения</a></li>
<li><a href="http://invistest.mybb.ru/admin_options.php" title="Админка">Админка</a></li>
<li><a href="http://www.apple.com/support/" title="Регистрация">Регистрация</a></li>
<li><a href="http://www.apple.com/support/" title="Вход">Вход</a></li>
<li><a href="http://www.apple.com/support/" title="Выход">Выход</a></li>
</ul>
</nav>
</div>ПеревестиПоделиться594Вт, 26 Июл 2011 12:32:32
Deff
Ты издеваешься что ли на до мной?
ПеревестиПоделиться595Вт, 26 Июл 2011 12:39:36
Invisible Man чо - сss отделить не сможешь - или чо ?
И к нему идет вот такой блок
Без данного блока
<div id="wrapper">
<div id="content"><nav>
<ul id="appleNav">
<li><a href="http://onserial-letay-16.ru/" title=".:Serial | Letay:."><img src="http://i078.radikal.ru/1107/80/832893ee0f91.gif" alt="Serial | Letay Logo" /></a></li>
<li><a href="http://onserial-letay-16.ru/pages/chat_nashego_foruma_letai" title="Чат">Чат</a></li>
<li><a href="http://onserial-letay-16.ru/userlist.php" title="Пользователи">Пользователи</a></li>
<li><a href="http://onserial-letay-16.ru/misc.php?action=rules" title="Правила">Правила</a></li>
<li><a href="http://invistest.mybb.ru/profile.php?id=2" title="Профиль">Профиль</a></li>
<li><a href="http://www.apple.com/itunes/" title="Сообщения">Сообщения</a></li>
<li><a href="http://invistest.mybb.ru/admin_options.php" title="Админка">Админка</a></li>
<li><a href="http://www.apple.com/support/" title="Регистрация">Регистрация</a></li>
<li><a href="http://www.apple.com/support/" title="Вход">Вход</a></li>
<li><a href="http://www.apple.com/support/" title="Выход">Выход</a></li>
</ul>
</nav>
</div>
одной css ничо не сделаешь - мон скриптом - если хошь
могу засандалить код во второе (*- ежели перенесешь и сложишь второе окно css с первым
Отредактировано Deff (Вт, 26 Июл 2011 12:47:27)
ПеревестиПоделиться596Вт, 26 Июл 2011 12:44:48
Invisible Man чо - сss отделить не сможешь - или чо ?
Как обойтись без этого блока а сразу через css все это дело встроить?
Мне не нужно 2 блока меню навигации а при твоем раскладе их получатся 2, стандартное и мое и к тому же не чего не поменялось в моем меню все тоже самое.
Как обойтись без этого блока а сразу через css все это дело встроить?
ПеревестиПоделиться597Вт, 26 Июл 2011 12:47:32
мон скриптом - если хошь
Для скриптов у мня все лимит. Использовал все количество символов в окне HTML низ
ПеревестиПоделиться598Вт, 26 Июл 2011 12:48:13
могу засандалить код во второе Окно стиля (*- ежели перенесешь и сложишь второе окно css с первым
Отредактировано Deff (Сегодня 12:47:27)
ксать туда мон еще часть скриптов перенести будет
Отредактировано Deff (Вт, 26 Июл 2011 12:48:41)
ПеревестиПоделиться599Вт, 26 Июл 2011 12:51:13
Второе окно стиля ставицо перед первым . а в первом убираецо > cтрока
@import url(style_cs.css);
На 1024 у тьву выглядело так > http://savepic.net/1681939.png
Отредактировано Deff (Вт, 26 Июл 2011 12:55:17)
ПеревестиПоделиться600Вт, 26 Июл 2011 12:55:12
Ушел (дела) кстате пользователю профиль почти тож самое нужно было сделать.
Похожие темы
| Общие вопросы по оформлению (65) #2 | Вопросы по оформлению форума | Вс, 30 Ноя 2025 |
| Общие вопросы по оформлению (58) | Архив | Чт, 21 Апр 2016 |
| Общие вопросы по оформлению (57) | Архив | Ср, 20 Янв 2016 |
| Общие вопросы по оформлению (62) | Архив | Сб, 26 Авг 2017 |
| Общие вопросы по оформлению (65) #1 | Архив | Сб, 19 Дек 2020 |